:root{--color-primary: #f8f9fa;--color-secondary: #ffffff;--color-accent: #0ea5e9;--color-accent-light: #38bdf8;--color-accent-dark: #0369a1;--color-background: #f8f9fa;--color-surface: #ffffff;--color-surface-light: #f1f3f5;--color-surface-hover: #e2e8f0;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-light: #cbd5e1;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--gradient-primary: linear-gradient(135deg, #ffffff 0%, #f1f3f5 100%);--gradient-accent: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 50%, #7dd3fc 100%);--gradient-accent-reverse: linear-gradient(135deg, #7dd3fc 0%, #38bdf8 50%, #0ea5e9 100%);--gradient-dark: linear-gradient(180deg, #f8f9fa 0%, #f1f3f5 50%, #e2e8f0 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(248, 249, 250, .95) 100%);--gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .6) 50%, transparent 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-accent: 0 8px 20px rgba(14, 165, 233, .25);--shadow-accent-lg: 0 12px 30px rgba(14, 165, 233, .3);--shadow-glow: 0 0 20px rgba(14, 165, 233, .15);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .05);--font-primary: "Raleway", "Inter", "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Raleway", "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--blur-sm: blur(8px);--blur-md: blur(16px);--blur-lg: blur(24px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--gradient-dark);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(14,165,233,.06) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.04) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(168,85,247,.03) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes backgroundShift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(5%,5%) rotate(5deg)}66%{transform:translate(-5%,3%) rotate(-3deg)}}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--color-text)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-light)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.ant-layout{background:transparent}.ant-card{background:var(--color-surface);border-color:var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.ant-card:hover,.ant-card:focus-within{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-border-light)}.ant-card-hoverable{box-shadow:var(--shadow-md)}.ant-card-hoverable:hover,.ant-card-hoverable:focus-within{box-shadow:var(--shadow-xl)}.ant-card-body ul,.ant-card-body ol{padding-left:var(--spacing-lg);margin:var(--spacing-md) 0}.ant-card-body ul li,.ant-card-body ol li{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.ant-card-body ul li::marker{color:var(--color-accent)}.ant-card-head{background:transparent!important;border-color:var(--color-border)!important}.ant-card-head-title{color:var(--color-text)!important}.ant-card-extra a{color:var(--color-accent)!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker,.ant-input-number{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important;border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-select-selector:hover,.ant-picker:hover,.ant-input-number:hover{border-color:var(--color-border-light)!important;box-shadow:var(--shadow-sm)}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused,.ant-input-number-focused{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px #0ea5e91a!important}.ant-input::placeholder,.ant-select-selection-placeholder{color:var(--color-text-muted)!important}.ant-btn{border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-normal)}.ant-btn-primary{background:var(--gradient-accent)!important;box-shadow:var(--shadow-accent);position:relative;overflow:hidden}.ant-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-shimmer);transition:left var(--transition-slow);pointer-events:none}.ant-btn-primary:hover:before{left:100%}.ant-btn-primary:hover,.ant-btn-primary:focus{background:var(--gradient-accent)!important;transform:translateY(-2px);box-shadow:var(--shadow-accent-lg);filter:brightness(1.1)}.ant-btn-primary:active{transform:translateY(0);background:var(--gradient-accent)!important}.ant-btn-default{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}.ant-btn-default:hover,.ant-btn-default:focus{background:var(--color-surface-light)!important;border-color:var(--color-border-light)!important;color:var(--color-text)!important;transform:translateY(-1px)}.ant-btn-text{color:var(--color-text)!important;background:transparent!important}.ant-btn-text:hover,.ant-btn-text:focus{color:var(--color-text)!important;background:#00000008!important}.ant-menu-dark{background:var(--color-surface)}.ant-menu-light,.ant-menu-light .ant-menu-sub{background:transparent!important;color:var(--color-text-secondary)!important}.ant-menu-light .ant-menu-item{color:var(--color-text-secondary)!important;border-radius:var(--radius-md)!important;margin:4px 8px!important;transition:all var(--transition-fast)!important}.ant-menu-light .ant-menu-item:hover{background:var(--color-surface-hover)!important;color:var(--color-text)!important}.ant-menu-light .ant-menu-item-selected{background:#0ea5e91a!important;color:var(--color-accent)!important}.ant-menu-light .ant-menu-item-selected:after{display:none!important}.ant-menu-light .ant-menu-item a,.ant-menu-light .ant-menu-item-icon{color:inherit!important}.ant-table{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-lg);overflow:hidden}.ant-table-thead>tr>th{background:var(--color-surface-light)!important;color:var(--color-text)!important;border-color:var(--color-border)!important;font-weight:600}.ant-table-tbody>tr>td{border-color:var(--color-border)!important;color:var(--color-text)!important}.ant-table-tbody>tr{transition:all var(--transition-fast)}.ant-table-tbody>tr:hover>td{background:var(--color-surface-light)!important}.ant-modal-content{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md)}.ant-modal-header{background:var(--color-surface);border-color:var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.ant-modal-title{color:var(--color-text);font-weight:600}.ant-modal-close-x{color:var(--color-text-secondary);transition:color var(--transition-fast)}.ant-modal-close-x:hover{color:var(--color-text)}.ant-form-item-label>label{color:var(--color-text);font-weight:500}.ant-statistic-title{color:var(--color-text-secondary);font-size:14px;font-weight:500}.ant-statistic-content{color:var(--color-text);font-weight:700}.ant-tag{border-radius:var(--radius-full);font-weight:500;padding:2px 12px;border:none}.ant-tag-default{background:var(--color-surface-light)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important}.ant-tag-success{background:#10b98126!important;color:var(--color-success)!important;border:1px solid rgba(16,185,129,.3)!important}.ant-tag-error,.ant-tag-red{background:#ef444426!important;color:var(--color-error)!important;border:1px solid rgba(239,68,68,.3)!important}.ant-tag-warning{background:#f59e0b26!important;color:var(--color-warning)!important;border:1px solid rgba(245,158,11,.3)!important}.ant-tag-processing,.ant-tag-blue{background:#3b82f626!important;color:#3b82f6!important;border:1px solid rgba(59,130,246,.3)!important}.ant-alert{border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.ant-alert-info{background:#3b82f61a!important;border:1px solid rgba(59,130,246,.25)!important}.ant-alert-info .ant-alert-message{color:#60a5fa!important}.ant-alert-info .ant-alert-description{color:var(--color-text-secondary)!important}.ant-alert-info .ant-alert-icon{color:#3b82f6!important}.ant-alert-success{background:#10b9811a!important;border:1px solid rgba(16,185,129,.25)!important}.ant-alert-success .ant-alert-message{color:#34d399!important}.ant-alert-success .ant-alert-description{color:var(--color-text-secondary)!important}.ant-alert-success .ant-alert-icon{color:var(--color-success)!important}.ant-alert-warning{background:#f59e0b1a!important;border:1px solid rgba(245,158,11,.25)!important}.ant-alert-warning .ant-alert-message{color:#fbbf24!important}.ant-alert-warning .ant-alert-description{color:var(--color-text-secondary)!important}.ant-alert-warning .ant-alert-icon{color:var(--color-warning)!important}.ant-alert-error{background:#ef44441a!important;border:1px solid rgba(239,68,68,.25)!important}.ant-alert-error .ant-alert-message{color:#f87171!important}.ant-alert-error .ant-alert-description{color:var(--color-text-secondary)!important}.ant-alert-error .ant-alert-icon{color:var(--color-error)!important}.ant-spin-dot-item{background-color:var(--color-accent)}.ant-message-notice-content{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md)}.ant-dropdown-menu{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;-webkit-backdrop-filter:var(--blur-md)!important;backdrop-filter:var(--blur-md)!important;padding:4px!important}.ant-dropdown-menu-item{color:var(--color-text-secondary)!important;border-radius:var(--radius-sm)!important;transition:all var(--transition-fast)!important}.ant-dropdown-menu-item:hover{background:var(--color-surface-hover)!important;color:var(--color-text)!important}.ant-dropdown-menu-item-disabled{color:var(--color-text-muted)!important;opacity:.5}.ant-dropdown-menu-item-danger{color:var(--color-error)!important}.ant-dropdown-menu-item-danger:hover{background:#ef44441a!important;color:var(--color-error)!important}.ant-dropdown-menu-item-divider{background:var(--color-border)!important}.ant-pagination .ant-pagination-item{background:var(--color-surface-light)!important;border-color:var(--color-border)!important}.ant-pagination .ant-pagination-item a{color:var(--color-text-secondary)!important}.ant-pagination .ant-pagination-item:hover,.ant-pagination .ant-pagination-item-active{border-color:var(--color-accent)!important}.ant-pagination .ant-pagination-item-active a{color:var(--color-accent)!important}.ant-pagination .ant-pagination-prev,.ant-pagination .ant-pagination-next{color:var(--color-text-secondary)!important}.ant-pagination .ant-pagination-prev:hover,.ant-pagination .ant-pagination-next:hover{color:var(--color-text)!important}.ant-select-dropdown{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.ant-select-item{color:var(--color-text-secondary)!important}.ant-select-item-option-active,.ant-select-item-option:hover{background:var(--color-surface-hover)!important;color:var(--color-text)!important}.ant-select-item-option-selected{background:#0ea5e91a!important;color:var(--color-accent)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px #0ea5e94d}50%{box-shadow:0 0 40px #0ea5e999}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.slide-up{animation:slideUp .6s cubic-bezier(.4,0,.2,1)}.slide-in-left{animation:slideInLeft .6s cubic-bezier(.4,0,.2,1)}.slide-in-right{animation:slideInRight .6s cubic-bezier(.4,0,.2,1)}.scale-in{animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}.float{animation:float 3s ease-in-out infinite}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.bg-surface{background:var(--color-surface)}.bg-surface-light{background:var(--color-surface-light)}.bg-accent{background:var(--color-accent)}.bg-gradient{background:var(--gradient-accent)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-accent{box-shadow:var(--shadow-accent)}.glass-effect{background:#ffffffb3;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--color-border)}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px)}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--gradient-accent);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-normal);filter:blur(10px)}.glow-effect:hover:after{opacity:.5}@media (max-width: 576px){body{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}.ant-card-hoverable:hover,.ant-card-hoverable:focus-within,.hover-lift:hover{transform:none}:root{--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px}.ant-card{box-shadow:var(--shadow-sm)}.ant-modal{max-width:calc(100vw - 16px)!important;margin:8px auto}.ant-btn{min-height:44px;padding:8px 16px}.ant-input,.ant-input-number,.ant-select-selector{min-height:44px}}@media (min-width: 576px) and (max-width: 768px){body{font-size:15px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.ant-card-hoverable:hover,.ant-card-hoverable:focus-within{transform:translateY(-2px)}.hover-lift:hover{transform:translateY(-2px)}}@media (min-width: 768px) and (max-width: 992px){h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}.ant-card-hoverable:hover,.ant-card-hoverable:focus-within{transform:translateY(-3px)}.hover-lift:hover{transform:translateY(-3px)}}@media (min-width: 992px){.ant-card-hoverable:hover,.ant-card-hoverable:focus-within{transform:translateY(-4px)}.hover-lift:hover{transform:translateY(-4px)}}html{scroll-padding-top:80px}::selection{background:var(--color-accent);color:#fff}::-moz-selection{background:var(--color-accent);color:#fff}