@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@media (max-width: 768px){html{-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;padding-bottom:56px}button,a{min-height:44px;padding:12px}input,textarea,select{font-size:16px}.scrollable{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (max-width: 768px){.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid var(--gray-200);z-index:100;display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;color:var(--gray-500);text-decoration:none;font-size:12px}.mobile-nav .nav-item.active{color:var(--primary-600)}.mobile-nav .nav-item .nav-icon{width:24px;height:24px;margin-bottom:2px}}@media (max-width: 768px){.mobile-content{padding-top:48px;padding-bottom:56px}}@media (max-width: 768px){.ant-modal{max-width:calc(100vw - 32px);margin:16px}.ant-card{margin-bottom:12px}.ant-form-item{margin-bottom:16px}.ant-list-item{padding:12px}}.admin-layout{display:flex;min-height:100vh;background:#fff}.admin-layout .admin-sidebar{width:240px;background:#000;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100}.admin-layout .admin-sidebar .sidebar-header{padding:32px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-layout .admin-sidebar .sidebar-header h1{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:-.5px}.admin-layout .admin-sidebar .sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.admin-layout .admin-sidebar .sidebar-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.1)}.admin-layout .admin-sidebar .nav-item{display:flex;align-items:center;width:100%;padding:12px 16px;margin-bottom:4px;background:transparent;border:none;border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.admin-layout .admin-sidebar .nav-item .nav-icon{display:flex;align-items:center;margin-right:12px;font-size:16px}.admin-layout .admin-sidebar .nav-item .nav-label{flex:1}.admin-layout .admin-sidebar .nav-item:hover{background:#ffffff14;color:#fff}.admin-layout .admin-sidebar .nav-item.active{background:#fff;color:#000}.admin-layout .admin-sidebar .nav-item.active .nav-icon{color:#000}.admin-layout .admin-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.admin-layout .admin-header{height:64px;background:#fff;border-bottom:1px solid #e5e5e5;padding:0 32px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.admin-layout .admin-header .header-spacer{flex:1}.admin-layout .admin-header .user-dropdown{cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .2s}.admin-layout .admin-header .user-dropdown:hover{background:#f5f5f5}.admin-layout .admin-header .user-dropdown .user-name{font-size:14px;font-weight:500;color:#000}.admin-layout .admin-content{flex:1;background:#fff}:global .ant-dropdown-menu{border-radius:8px;border:1px solid #e5e5e5;box-shadow:0 4px 12px #00000014;padding:4px}:global .ant-dropdown-menu .ant-dropdown-menu-item{border-radius:6px;color:#000;font-size:14px;padding:8px 12px}:global .ant-dropdown-menu .ant-dropdown-menu-item:hover{background:#f5f5f5}.ant-btn{border-radius:6px;font-weight:500;transition:all .2s;box-shadow:none!important}.ant-btn.ant-btn-primary:active{background:#000!important;border-color:#000!important;transform:none!important}.ant-btn.ant-btn-primary:disabled{background:#f5f5f5!important;border-color:#e5e5e5!important;color:#999!important}.ant-btn.ant-btn-dangerous.ant-btn-primary{background:#000!important;border-color:#000!important;color:#fff!important}.ant-btn.ant-btn-dangerous.ant-btn-primary:hover:not(:disabled){background:#000!important;border-color:#000!important;opacity:.85;transform:none!important}.ant-btn.ant-btn-dangerous.ant-btn-primary:active{transform:none!important}.ant-btn.ant-btn-dangerous.ant-btn-default{border-color:#e5e5e5;color:#000}.ant-btn.ant-btn-dangerous.ant-btn-default:hover:not(:disabled){border-color:#000;color:#000;background:#fff;transform:none!important}.ant-btn.ant-btn-dangerous.ant-btn-default:active{transform:none!important}.ant-btn.ant-btn-link{color:#000;padding:4px 8px;border:1px solid transparent;box-shadow:none!important}.ant-btn.ant-btn-link:hover:not(:disabled){color:#000;background:transparent;border:1px solid #000;transform:none!important}.ant-btn.ant-btn-link:active{color:#000;border:1px solid #000;transform:none!important}.ant-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0}.ant-table .ant-pagination .ant-pagination-item{border-color:#e5e5e5}.ant-table .ant-pagination .ant-pagination-item:hover{border-color:#000}.ant-table .ant-pagination .ant-pagination-item-active:hover{background:#000;border-color:#000}.ant-table .ant-pagination .ant-pagination-prev .ant-pagination-item-link,.ant-table .ant-pagination .ant-pagination-next .ant-pagination-item-link{border-color:#e5e5e5;color:#000}.ant-table .ant-pagination .ant-pagination-prev .ant-pagination-item-link:hover,.ant-table .ant-pagination .ant-pagination-next .ant-pagination-item-link:hover{border-color:#000;color:#000}.ant-tag{border-radius:4px;border:1px solid #e5e5e5;padding:2px 8px;font-size:12px}.ant-tag.ant-tag-default,.ant-tag.ant-tag-blue{background:#fafafa;border-color:#e5e5e5;color:#666}.ant-modal .ant-modal-header{border-bottom:1px solid #e5e5e5;padding:24px}.ant-modal .ant-modal-header .ant-modal-title{color:#000;font-size:18px;font-weight:600}.ant-modal .ant-modal-footer .ant-btn{height:36px}.ant-input,.ant-input-number,.ant-picker,.ant-select-selector{border-color:#e5e5e5;border-radius:6px;color:#000}.ant-input:focus,.ant-input.ant-input-focused,.ant-input.ant-picker-focused,.ant-input.ant-select-focused,.ant-input-number:focus,.ant-input-number.ant-input-focused,.ant-input-number.ant-picker-focused,.ant-input-number.ant-select-focused,.ant-picker:focus,.ant-picker.ant-input-focused,.ant-picker.ant-picker-focused,.ant-picker.ant-select-focused,.ant-select-selector:focus,.ant-select-selector.ant-input-focused,.ant-select-selector.ant-picker-focused,.ant-select-selector.ant-select-focused{border-color:#000;box-shadow:0 0 0 2px #0000001a}.ant-input-affix-wrapper{border-color:#e5e5e5;border-radius:6px}.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper.ant-input-affix-wrapper-focused{border-color:#000;box-shadow:0 0 0 2px #0000001a}.ant-select.ant-select-focused:not(.ant-select-disabled) .ant-select-selector{border-color:#000;box-shadow:0 0 0 2px #0000001a}.ant-select-dropdown{border-radius:8px;box-shadow:0 4px 12px #00000014}.ant-select-dropdown .ant-select-item{color:#000}.ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner{border-color:#e5e5e5;border-radius:4px}.ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner{border-color:#000}.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{background:#000;border-color:#000}.ant-radio-wrapper .ant-radio .ant-radio-inner{border-color:#e5e5e5}.ant-radio-wrapper .ant-radio:hover .ant-radio-inner,.ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner{border-color:#000}.ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner:after{background:#000}.ant-drawer .ant-drawer-header .ant-drawer-title{color:#000;font-size:18px;font-weight:600}.ant-message .ant-message-notice-content{border-radius:8px;box-shadow:0 4px 12px #00000014;padding:12px 16px}.ant-tabs .ant-tabs-nav:before{border-bottom:1px solid #e5e5e5}.ant-tabs .ant-tabs-tab{color:#666;font-weight:500}.ant-tabs .ant-tabs-tab:hover,.ant-tabs .ant-tabs-tab.ant-tabs-tab-active,.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#000}.ant-tabs .ant-tabs-ink-bar{background:#000}.ant-badge .ant-badge-count{background:#000;box-shadow:none}.ant-badge .ant-badge-dot{background:#000}.ant-alert{border-radius:8px}.ant-alert.ant-alert-info{background:#f5f5f5;border-color:#e5e5e5;color:#000}.ant-alert.ant-alert-info .ant-alert-message{color:#000}.ant-alert.ant-alert-info .ant-alert-description{color:#666}.ant-alert.ant-alert-info .ant-alert-icon{color:#000}.ant-alert.ant-alert-success{background:#f5f5f5;border-color:#e5e5e5;color:#000}.ant-alert.ant-alert-success .ant-alert-message{color:#000}.ant-alert.ant-alert-success .ant-alert-description{color:#666}.ant-alert.ant-alert-success .ant-alert-icon{color:#000}.ant-alert.ant-alert-warning{background:#fafafa;border-color:#e5e5e5;color:#000}.ant-alert.ant-alert-warning .ant-alert-message{color:#000}.ant-alert.ant-alert-warning .ant-alert-description,.ant-alert.ant-alert-warning .ant-alert-icon{color:#666}.ant-alert.ant-alert-error{background:#fff;border:2px solid #000;color:#000}.ant-alert.ant-alert-error .ant-alert-message{color:#000}.ant-alert.ant-alert-error .ant-alert-description{color:#666}.ant-alert.ant-alert-error .ant-alert-icon{color:#000}.ant-card{border-color:#e5e5e5;border-radius:8px}.ant-card .ant-card-head{border-bottom-color:#e5e5e5;color:#000}.ant-card .ant-card-head .ant-card-head-title{color:#000;font-weight:600}.ant-card .ant-card-body{color:#000}.ant-card.ant-card-type-inner{background:#fafafa}.ant-card.ant-card-type-inner .ant-card-head{background:#f5f5f5}.ant-form .ant-form-item-label>label{color:#000;font-weight:500}.ant-form .ant-form-item-explain,.ant-form .ant-form-item-extra{color:#666;font-size:13px}.ant-typography{color:#000}.ant-typography.ant-typography-secondary{color:#666}.ant-typography.ant-typography-success{color:#000}.ant-typography.ant-typography-warning{color:#666}.ant-typography.ant-typography-danger{color:#000}.ant-typography a{color:#000;text-decoration:underline}.ant-typography a:hover{opacity:.7}.ant-popover .ant-popover-inner{border-radius:8px;box-shadow:0 4px 12px #00000014}.ant-popover .ant-popover-buttons .ant-btn{height:32px}.ant-btn{border-radius:8px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none!important}.ant-btn.ant-btn-primary{background:#000!important;border-color:#000!important;color:#fff!important}.ant-btn.ant-btn-primary:hover:not(:disabled){background:#000!important;border-color:#000!important;opacity:.85;transform:none!important}.ant-btn.ant-btn-primary:active{transform:none!important}.ant-btn.ant-btn-primary:disabled{background:#f5f5f5!important;border-color:#e5e5e5!important;color:#999!important;transform:none!important}.ant-btn.ant-btn-default{background:#fff;border-color:#e5e5e5;color:#000}.ant-btn.ant-btn-default:hover:not(:disabled){border-color:#000;color:#000;background:#fff;transform:none!important}.ant-btn.ant-btn-default:active{transform:none!important}.ant-btn.ant-btn-link{color:#000;transition:all .2s cubic-bezier(.4,0,.2,1)}.ant-btn.ant-btn-link:hover:not(:disabled){color:#000;opacity:.7}.ant-btn.ant-btn-text{color:#000}.ant-btn.ant-btn-text:hover:not(:disabled){background:#f5f5f5}.ant-btn.ant-btn-lg{height:48px;padding:0 24px;font-size:16px;border-radius:12px}.ant-card{border-color:#e5e5e5;border-radius:16px;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.ant-card:hover{border-color:#000;box-shadow:0 12px 32px #0000001f;transform:none!important}.ant-card .ant-card-head{border-bottom-color:#e5e5e5;padding:20px 24px}.ant-card .ant-card-head .ant-card-head-title{color:#000;font-weight:600;font-size:18px}.ant-card .ant-card-body{padding:24px;color:#000}.ant-card .ant-card-cover img{transition:all .4s cubic-bezier(.4,0,.2,1)}.ant-card .ant-card-cover:hover img{transform:none!important}.ant-card.clickable-card{cursor:pointer}.ant-card.clickable-card:active{transform:none!important}.ant-table .ant-table-thead>tr>th{background:#fafafa;border-bottom:2px solid #e5e5e5;color:#000;font-weight:600}.ant-table .ant-table-thead>tr>th:before{display:none}.ant-table .ant-table-tbody>tr:hover>td{background:#fafafa}.ant-table .ant-table-tbody>tr>td{border-bottom:1px solid #f5f5f5}.ant-table .ant-pagination .ant-pagination-item{border-color:#e5e5e5;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ant-table .ant-pagination .ant-pagination-item:hover{border-color:#000;transform:none!important}.ant-table .ant-pagination .ant-pagination-item:hover a{color:#000}.ant-table .ant-pagination .ant-pagination-item-active{background:#000;border-color:#000}.ant-table .ant-pagination .ant-pagination-item-active a{color:#fff}.ant-table .ant-pagination .ant-pagination-item-active:hover{background:#000;border-color:#000;transform:none!important}.ant-table .ant-pagination .ant-pagination-item-active:hover a{color:#fff}.ant-tag{border-radius:8px;border:1px solid #e5e5e5;padding:4px 12px;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ant-tag.ant-tag-default{background:#fafafa;border-color:#e5e5e5;color:#666}.ant-tag.ant-tag-success,.ant-tag.ant-tag-green{background:#000;border-color:#000;color:#fff}.ant-tag.ant-tag-error,.ant-tag.ant-tag-red{background:#fff;border-color:#000;color:#000}.ant-tag.ant-tag-warning,.ant-tag.ant-tag-orange{background:#f5f5f5;border-color:#e5e5e5;color:#666}.ant-input,.ant-input-number,.ant-picker,.ant-select-selector{border-color:#e5e5e5;border-radius:8px;color:#000;transition:all .2s cubic-bezier(.4,0,.2,1)}.ant-input:hover,.ant-input-number:hover,.ant-picker:hover,.ant-select-selector:hover{border-color:#000}.ant-input:focus,.ant-input.ant-input-focused,.ant-input.ant-picker-focused,.ant-input.ant-select-focused,.ant-input-number:focus,.ant-input-number.ant-input-focused,.ant-input-number.ant-picker-focused,.ant-input-number.ant-select-focused,.ant-picker:focus,.ant-picker.ant-input-focused,.ant-picker.ant-picker-focused,.ant-picker.ant-select-focused,.ant-select-selector:focus,.ant-select-selector.ant-input-focused,.ant-select-selector.ant-picker-focused,.ant-select-selector.ant-select-focused{border-color:#000;box-shadow:0 0 0 3px #00000014}.ant-input-affix-wrapper{border-color:#e5e5e5;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ant-input-affix-wrapper:hover{border-color:#000}.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper.ant-input-affix-wrapper-focused{border-color:#000;box-shadow:0 0 0 3px #00000014}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#000}.ant-select.ant-select-focused:not(.ant-select-disabled) .ant-select-selector{border-color:#000;box-shadow:0 0 0 3px #00000014}.ant-select-dropdown{border-radius:12px;box-shadow:0 4px 16px #00000014}.ant-select-dropdown .ant-select-item{color:#000;border-radius:8px;margin:4px 8px}.ant-select-dropdown .ant-select-item:hover{background:#f5f5f5}.ant-select-dropdown .ant-select-item-option-selected{background:#fafafa;font-weight:500}.ant-select-dropdown .ant-select-item-option-active{background:#f5f5f5}.ant-modal .ant-modal-content{border-radius:16px;box-shadow:0 8px 24px #0000001a}.ant-modal .ant-modal-header{border-bottom:1px solid #e5e5e5;padding:24px;border-radius:16px 16px 0 0}.ant-modal .ant-modal-header .ant-modal-title{color:#000;font-size:20px;font-weight:600}.ant-modal .ant-modal-body{padding:24px;color:#000}.ant-modal .ant-modal-footer{border-top:1px solid #e5e5e5;padding:16px 24px}.ant-modal .ant-modal-close{color:#999}.ant-modal .ant-modal-close:hover{color:#000}.ant-drawer .ant-drawer-header{border-bottom:1px solid #e5e5e5;padding:24px}.ant-drawer .ant-drawer-header .ant-drawer-title{color:#000;font-size:20px;font-weight:600}.ant-drawer .ant-drawer-body{padding:24px}.ant-drawer .ant-drawer-close{color:#999}.ant-drawer .ant-drawer-close:hover{color:#000}.ant-switch{background:#e5e5e5}.ant-switch.ant-switch-checked{background:#000}.ant-switch:hover:not(.ant-switch-disabled){background:#ccc}.ant-switch:hover:not(.ant-switch-disabled).ant-switch-checked{background:#000;opacity:.85}.ant-message .ant-message-notice-content{border-radius:12px;box-shadow:0 4px 16px #00000014;padding:12px 20px}.ant-message .ant-message-notice-content .anticon.anticon-check-circle{color:#000}.ant-message .ant-message-notice-content .anticon.anticon-exclamation-circle{color:#666}.ant-spin .ant-spin-dot-item{background:#000}.ant-empty .ant-empty-description{color:#999}.game-card{position:relative;border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.game-card:hover{transform:none!important;box-shadow:0 12px 32px #0000001f}.game-card:hover .game-card-overlay{opacity:1}.game-card:active{transform:none!important}.game-card .game-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.float-button{position:fixed;bottom:32px;right:32px;width:56px;height:56px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 24px #0000001a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.float-button:hover{transform:none!important;box-shadow:0 12px 32px #0000001f}.float-button:active{transform:none!important}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring .progress-circle{transform:rotate(-90deg)}.progress-ring .progress-text{position:absolute;font-weight:600;color:#000}.badge-achievement{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;background:linear-gradient(135deg,#fafafa,#f5f5f5);border:2px solid #e5e5e5;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.badge-achievement:hover{border-color:#000;transform:none!important}.badge-achievement .badge-icon{font-size:20px}@media (max-width: 768px){.ant-card{border-radius:12px}.ant-card:hover,.game-card:hover{transform:none!important}.float-button{bottom:80px;right:16px;width:48px;height:48px;font-size:20px}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-300: #6ee7b7;--success-400: #34d399;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-back: cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-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;font-size:var(--text-base);line-height:1.6;color:var(--gray-800);background-color:var(--gray-50)}.text-gradient{background:linear-gradient(135deg,var(--primary-600),var(--primary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.card-modern{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-100);transition:all var(--duration-200) var(--ease-out)}.card-modern:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:500;font-size:var(--text-sm);transition:all var(--duration-150) var(--ease-out);cursor:pointer;border:none;text-decoration:none}.btn-modern.btn-primary{background:var(--primary-600);color:#fff}.btn-modern.btn-primary:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-modern.btn-primary:active{transform:translateY(0)}.btn-modern.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-modern.btn-secondary:hover{background:var(--gray-200)}.btn-modern.btn-ghost{background:transparent;color:var(--gray-600);border:1px solid var(--gray-200)}.btn-modern.btn-ghost:hover{background:var(--gray-50);border-color:var(--gray-300)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-fade-in-up{animation:fadeInUp var(--duration-500) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown var(--duration-500) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--duration-300) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-200) var(--ease-out)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.text-primary-500{color:var(--primary-500)}.text-primary-600{color:var(--primary-600)}.text-success-500{color:var(--success-500)}.text-warning-500{color:var(--warning-500)}.text-error-500{color:var(--error-500)}#root{min-height:100vh}.ant-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-100);transition:all var(--duration-200) var(--ease-out)}.ant-card:hover{box-shadow:var(--shadow-lg);transform:none!important}.ant-card .ant-card-body{padding:var(--space-6)}.ant-card .ant-card-head{border-bottom:1px solid var(--gray-100);padding:var(--space-4) var(--space-6)}.ant-card .ant-card-head .ant-card-head-title{font-weight:600;font-size:var(--text-lg);color:var(--gray-800)}.ant-btn{border-radius:var(--radius-lg);font-weight:500;transition:all var(--duration-150) var(--ease-out);height:auto;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-2)}.ant-btn:hover{transform:none!important;box-shadow:var(--shadow-md)}.ant-btn.ant-btn-primary{background:var(--primary-600);border-color:var(--primary-600)}.ant-btn.ant-btn-primary:hover{background:var(--primary-700)!important;border-color:var(--primary-700)!important}.ant-btn.ant-btn-default{background:#fff;border-color:var(--gray-200);color:var(--gray-700)}.ant-btn.ant-btn-default:hover{border-color:var(--gray-300)!important;color:var(--gray-800)!important}.ant-input,.ant-input-affix-wrapper{border-radius:var(--radius-lg);border-color:var(--gray-200);transition:all var(--duration-150) var(--ease-out);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:var(--gray-300)}.ant-input:focus,.ant-input.ant-input-focused,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper.ant-input-focused{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.ant-select .ant-select-selector{border-radius:var(--radius-lg)!important;border-color:var(--gray-200)!important;transition:all var(--duration-150) var(--ease-out);padding:var(--space-1) var(--space-4)!important;min-height:42px}.ant-select .ant-select-selector:hover{border-color:var(--gray-300)!important}.ant-select.ant-select-focused .ant-select-selector{border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #3b82f61a!important}.ant-breadcrumb .ant-breadcrumb-link{color:var(--gray-600);transition:color var(--duration-150) var(--ease-out)}.ant-breadcrumb .ant-breadcrumb-link:hover{color:var(--primary-600)}.ant-breadcrumb .ant-breadcrumb-separator{color:var(--gray-400)}.ant-progress .ant-progress-bg{background:linear-gradient(90deg,var(--primary-500),var(--primary-400));border-radius:var(--radius-sm)}.ant-progress .ant-progress-inner{background:var(--gray-200);border-radius:var(--radius-sm)}audio{width:100%;outline:none;border-radius:var(--radius-lg)}audio::-webkit-media-controls-panel{background-color:var(--gray-50);border-radius:var(--radius-lg)}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:600;line-height:1.3;color:var(--gray-900);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl);font-weight:700}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--gray-700);line-height:1.7;margin-bottom:var(--space-4)}a{color:var(--primary-600);text-decoration:none;transition:color var(--duration-150) var(--ease-out)}a:hover{color:var(--primary-700)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-sm);transition:background var(--duration-150) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::selection{background:var(--primary-100);color:var(--primary-800)}.page-container{max-width:1200px;margin:0 auto;padding:var(--space-6)}@media (max-width: 768px){.page-container{padding:var(--space-4)}}.page-header{margin-bottom:var(--space-8)}.page-header .page-title{font-size:var(--text-3xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.page-header .page-subtitle{font-size:var(--text-lg);color:var(--gray-600)}