.App{text-align:center;min-height:100vh;width:100%}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track-light);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.dark-mode ::-webkit-scrollbar-track{background:var(--scrollbar-track-dark)}.dark-mode ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark)}.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-dark-hover)}:root{--color-primary: #E47C9E;--color-primary-light: #E89B84;--color-primary-dark: #C75B7A;--color-primary-dark-light: #D78A73;--color-primary-darker: #D66B8D;--color-primary-darkest: #B64A69;--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #e8eef5;--bg-card: #ffffff;--bg-card-hover: rgba(228, 124, 158, .05);--bg-overlay: rgba(255, 255, 255, .95);--bg-primary-dark: #0a0a0a;--bg-secondary-dark: #1a1a1a;--bg-tertiary-dark: #1f1f1f;--bg-card-dark: linear-gradient(135deg, #1f1f1f 0%, #252525 100%);--bg-card-hover-dark: rgba(228, 124, 158, .1);--bg-overlay-dark: rgba(31, 31, 31, .95);--text-primary: #1a1a1a;--text-secondary: #666;--text-tertiary: #999;--text-quaternary: #aaa;--text-white: #ffffff;--text-primary-dark: #ffffff;--text-secondary-dark: #aaa;--text-tertiary-dark: #888;--text-quaternary-dark: #666;--border-light: #e8e8e8;--border-medium: #e0e0e0;--border-dark: #3a3a3a;--border-primary: rgba(228, 124, 158, .2);--border-primary-dark: rgba(228, 124, 158, .3);--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .3);--shadow-primary: rgba(228, 124, 158, .1);--shadow-primary-medium: rgba(228, 124, 158, .25);--shadow-primary-dark: rgba(228, 124, 158, .3);--shadow-primary-dark-mode: rgba(199, 91, 122, .4);--gradient-primary: linear-gradient(135deg, #E47C9E 0%, #E89B84 100%);--gradient-primary-dark: linear-gradient(135deg, #C75B7A 0%, #D78A73 100%);--gradient-primary-hover: linear-gradient(135deg, #D66B8D 0%, #D78A73 100%);--gradient-primary-dark-hover: linear-gradient(135deg, #B64A69 0%, #C67962 100%);--gradient-bg-light: linear-gradient(135deg, #f5f7fa 0%, #e8eef5 100%);--gradient-bg-dark: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);--gradient-card-overlay: linear-gradient(135deg, rgba(228, 124, 158, .05) 0%, rgba(232, 155, 132, .05) 100%);--gradient-card-overlay-dark: linear-gradient(135deg, rgba(228, 124, 158, .1) 0%, rgba(232, 155, 132, .1) 100%);--color-success: #52c41a;--color-error: #ff4d4f;--color-warning: #faad14;--color-info: #1890ff;--chip-bg-primary: #ffe0eb;--chip-bg-secondary: #ffe8e0;--chip-bg-danger: #ffe2e2;--chip-bg-info: #e0f2ff;--chip-bg-warning: #fff7e0;--chip-bg-success: #e6f7e0;--chip-bg-primary-dark: rgba(228, 124, 158, .2);--chip-bg-secondary-dark: rgba(232, 155, 132, .2);--chip-bg-danger-dark: rgba(255, 77, 79, .2);--chip-bg-info-dark: rgba(24, 144, 255, .2);--chip-bg-warning-dark: rgba(250, 173, 20, .2);--chip-bg-success-dark: rgba(82, 196, 26, .2);--scrollbar-track-light: #f1f1f1;--scrollbar-track-dark: #2a2a2a;--scrollbar-thumb: var(--gradient-primary);--scrollbar-thumb-hover: var(--gradient-primary-hover);--scrollbar-thumb-dark: linear-gradient(135deg, #C75B7A 0%, #D78A73 100%);--scrollbar-thumb-dark-hover: linear-gradient(135deg, #B64A69 0%, #C67962 100%)}.dark-mode{--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--bg-tertiary: var(--bg-tertiary-dark);--bg-card: var(--bg-card-dark);--bg-card-hover: var(--bg-card-hover-dark);--bg-overlay: var(--bg-overlay-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--text-tertiary: var(--text-tertiary-dark);--text-quaternary: var(--text-quaternary-dark);--border-light: var(--border-dark);--border-medium: var(--border-dark);--border-primary: var(--border-primary-dark);--shadow-primary: var(--shadow-primary-dark-mode);--shadow-primary-medium: var(--shadow-primary-dark-mode);--shadow-primary-dark: var(--shadow-primary-dark-mode);--chip-bg-primary: var(--chip-bg-primary-dark);--chip-bg-secondary: var(--chip-bg-secondary-dark);--chip-bg-danger: var(--chip-bg-danger-dark);--chip-bg-info: var(--chip-bg-info-dark);--chip-bg-warning: var(--chip-bg-warning-dark);--chip-bg-success: var(--chip-bg-success-dark)}.common-layout{min-height:100vh;background:var(--gradient-bg-light);transition:background .3s ease;position:relative;overflow-x:hidden}.common-layout.dark-mode{background:var(--gradient-bg-dark)}.common-layout:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(228,124,158,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(232,155,132,.05) 0%,transparent 50%);pointer-events:none}.common-layout.dark-mode:before{background-image:radial-gradient(circle at 20% 50%,rgba(228,124,158,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(232,155,132,.1) 0%,transparent 50%)}.common-header{background:var(--gradient-primary);padding:0 24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px var(--shadow-primary-dark);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.common-header.dark-mode{background:var(--gradient-primary-dark);box-shadow:0 4px 20px var(--shadow-primary-dark-mode)}.common-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)}.common-content{padding:40px 24px;max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1}.common-card{background:var(--bg-card);border:2px solid transparent;border-radius:16px;padding:24px;cursor:pointer;display:flex;align-items:center;gap:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:0 2px 8px var(--shadow-light);height:100%}.common-card:before{content:"";position:absolute;inset:0;background:var(--gradient-card-overlay);opacity:0;transition:opacity .4s ease}.common-card:hover:before{opacity:1}.common-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px var(--shadow-primary-medium);transform:translateY(-4px)}.dark-mode .common-card{background:var(--bg-card-dark);box-shadow:0 2px 8px var(--shadow-dark)}.dark-mode .common-card:before{background:var(--gradient-card-overlay-dark)}.dark-mode .common-card:hover{box-shadow:0 8px 24px var(--shadow-primary-dark-mode)}.common-icon{width:70px;height:70px;border-radius:8px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px var(--shadow-primary-dark);overflow:hidden}.common-card:hover .common-icon{transform:rotate(10deg) scale(1.1);box-shadow:0 6px 16px var(--shadow-primary-dark)}.common-icon-emoji{font-size:36px;transition:transform .4s cubic-bezier(.4,0,.2,1);color:#fff}.common-card:hover .common-icon-emoji{transform:scale(1.1)}.common-info{flex:1;position:relative;z-index:0}.common-name{font-size:19px;font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.3px;transition:color .3s ease}.common-card:hover .common-name{color:var(--color-primary)}.dark-mode .common-name{color:var(--text-primary-dark)}.dark-mode .common-card:hover .common-name{color:var(--color-primary)}.common-description{font-size:14px;color:var(--text-secondary);line-height:1.5;transition:color .3s ease}.common-card:hover .common-description{color:var(--text-primary)}.dark-mode .common-description{color:var(--text-secondary-dark)}.dark-mode .common-card:hover .common-description{color:var(--text-quaternary-dark)}.common-search-input{border-radius:16px!important;border:2px solid transparent!important;padding:12px 20px!important;font-size:15px!important;background:var(--bg-primary)!important;box-shadow:0 4px 16px var(--shadow-primary)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.common-search-input:hover{border-color:#e47c9e4d!important;box-shadow:0 6px 20px var(--shadow-primary-medium)!important}.common-search-input:focus,.common-search-input.ant-input-affix-wrapper-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #e47c9e1a,0 8px 24px var(--shadow-primary-medium)!important}.dark-mode .common-search-input{background:var(--bg-tertiary-dark)!important;border-color:var(--border-dark)!important;color:var(--text-primary-dark)!important;box-shadow:0 4px 16px var(--shadow-dark)!important}.dark-mode .common-search-input:hover{border-color:#e47c9e66!important}.dark-mode .common-search-input:focus,.dark-mode .common-search-input.ant-input-affix-wrapper-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #e47c9e26,0 8px 24px var(--shadow-primary-dark-mode)!important}.common-search-input .ant-input{background:transparent!important;color:inherit!important}.common-search-input .anticon{color:var(--color-primary);font-size:18px}.dark-mode .common-search-input .anticon{color:var(--color-primary-light)}.common-welcome{text-align:center;margin-bottom:40px;padding:32px 20px;background:var(--bg-card);border-radius:20px;box-shadow:0 4px 20px var(--shadow-primary);border:2px solid transparent;background-clip:padding-box;position:relative}.common-welcome:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.3}.dark-mode .common-welcome{background:var(--bg-card-dark);box-shadow:0 4px 20px var(--shadow-dark)}.common-welcome-heading{margin-bottom:8px!important;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700!important;letter-spacing:-.5px}.dark-mode .common-welcome-heading{background:var(--gradient-primary-dark);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.common-welcome-subtext{font-size:16px;color:var(--text-secondary)}.dark-mode .common-welcome-subtext{color:var(--text-secondary-dark)}.common-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;animation:fadeIn .3s ease-in}.common-loading-container .ant-spin{margin-bottom:16px}.common-loading-container .ant-spin-dot-item{background-color:var(--color-primary)!important}.common-loading-container span{color:var(--text-secondary);font-size:15px}.dark-mode .common-loading-container span{color:var(--text-secondary-dark)}.common-no-results{text-align:center;padding:80px 20px;animation:fadeIn .5s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.common-no-results-emoji{font-size:120px;line-height:1;margin-bottom:24px;animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px var(--shadow-primary))}.common-no-results-text{font-size:24px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .common-no-results-text{background:var(--gradient-primary-dark);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.common-no-results-subtext{font-size:16px;color:var(--text-tertiary);max-width:400px;line-height:1.6}.dark-mode .common-no-results-subtext{color:var(--text-tertiary-dark)}.common-primary-button{height:52px;font-size:16px;font-weight:600;background:var(--gradient-primary);border:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px var(--shadow-primary-dark);position:relative;overflow:hidden}.common-primary-button:hover{background:var(--gradient-primary-hover);transform:translateY(-3px);box-shadow:0 6px 20px var(--shadow-primary-dark)}.common-primary-button:active{transform:translateY(-1px);box-shadow:0 3px 12px var(--shadow-primary-dark)}.dark-mode .common-primary-button{background:var(--gradient-primary-dark);box-shadow:0 4px 16px var(--shadow-primary-dark-mode)}.dark-mode .common-primary-button:hover{background:var(--gradient-primary-dark-hover);box-shadow:0 6px 20px var(--shadow-primary-dark-mode)}.common-back-btn{color:#fff!important;font-size:18px;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.common-back-btn:hover{background:#fff3!important;border-radius:8px}.common-empty-section{text-align:center;padding:60px 20px;background:var(--bg-card);border-radius:16px;border:2px dashed var(--border-primary)}.dark-mode .common-empty-section{background:var(--bg-card-dark);border-color:var(--border-primary-dark)}.common-empty-text{font-size:16px;color:var(--text-tertiary)}.dark-mode .common-empty-text{color:var(--text-quaternary-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}