:root{--yellow-500: #FFD600;--yellow-400: #FFC107;--green-500: #00E676;--green-400: #00C853;--green-900: #1B5E20;--black-100: #000000;--black-200: #0D0D0D;--black-300: #1A1A1A;--black-400: #212121;--white-100: #FFFFFF;--white-200: #F5F5F5;--sidebar-bg: #0A0A0A;--layout-bg: #f0f2f5;--glass-bg: #ffffff;--glass-border: #e8e8e8;--transition-fast: .2s ease;--transition-normal: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:#f0f2f5;color:#1a1a1a;font-family:Inter,Segoe UI,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#ffd6004d;color:#1a1a1a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0f2f5}::-webkit-scrollbar-thumb{background:#00c8534d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00c85380}.glass-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #0000000f;transition:all var(--transition-normal)}.glass-card:hover{border-color:#00c8534d;box-shadow:0 4px 16px #00c85314}.kpi-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;border-left:4px solid transparent;border-image:linear-gradient(180deg,var(--yellow-500),var(--green-500)) 1;border-image-slice:1;padding:24px;transition:all var(--transition-normal);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,200,83,.02),transparent);pointer-events:none}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00c8531a;border-color:#00c8534d}.sidebar-menu .ant-menu-item-selected{background:linear-gradient(90deg,rgba(255,214,0,.12),transparent)!important;border-left:3px solid var(--yellow-500)!important;box-shadow:inset 4px 0 12px #ffd60026}.sidebar-menu .ant-menu-item{transition:all var(--transition-fast)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #00c85326}50%{box-shadow:0 0 20px #00c85340}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-slide-in-left{animation:slideInLeft .4s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glowPulse 2s ease-in-out infinite}.stagger-children>*{opacity:0;animation:fadeInUp .4s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.hero-banner{position:relative;background-size:cover;background-position:center;border-radius:20px;overflow:hidden;min-height:200px}.hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#000000bf,#1b5e2080)}.hero-banner-content{position:relative;z-index:1;padding:40px}.status-active{color:var(--green-400);background:#00c85314;border:1px solid rgba(0,200,83,.2);padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-warning{color:#e6a800;background:#ffd60014;border:1px solid rgba(255,214,0,.25);padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-danger{color:#d32f2f;background:#ff52520f;border:1px solid rgba(255,82,82,.2);padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.gradient-text{background:linear-gradient(135deg,var(--yellow-500),var(--green-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.module-page{animation:fadeInUp .4s ease}.module-page .page-title{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.module-page .page-subtitle{color:#666;font-size:14px;margin-bottom:24px}.ant-layout-sider{border-right:1px solid rgba(255,255,255,.06)!important}.ant-btn-primary{background:linear-gradient(135deg,#ffd600,#ffc107)!important;border:none!important;color:#000!important;font-weight:600!important;box-shadow:0 4px 15px #ffd60040!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#ffc107,#ffd600)!important;box-shadow:0 6px 20px #ffd60059!important;transform:translateY(-1px)}.ant-tabs .ant-tabs-tab{font-weight:500;transition:all var(--transition-fast)}.ant-table-wrapper .ant-table{border-radius:12px;overflow:hidden}@media(max-width:768px){.kpi-card{padding:16px}.kpi-card:hover{transform:none}.hero-banner{border-radius:14px;min-height:160px}.hero-banner-content{padding:24px}.module-page .page-title{font-size:22px}.module-page .page-subtitle{font-size:13px;margin-bottom:16px}.glass-card{padding:16px;border-radius:14px}.ant-table{font-size:12px}.ant-table-cell{padding:8px 6px!important}}@media(max-width:480px){.kpi-card,.glass-card{padding:14px;border-radius:12px}.hero-banner{border-radius:12px;min-height:140px}.hero-banner-content{padding:16px}.module-page .page-title{font-size:20px;word-break:break-word}.module-page .page-subtitle{font-size:12px;margin-bottom:12px}.ant-table{font-size:11px}.ant-table-cell{padding:6px 4px!important;word-break:break-word}.status-active,.status-warning,.status-danger{padding:2px 8px;font-size:11px}.ant-breadcrumb{font-size:12px}}@media(max-width:360px){.kpi-card,.glass-card{padding:12px}.module-page .page-title{font-size:18px}}