html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}.g4-glass-card{background:#ffffffa6;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.45);border-radius:14px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.g4-glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000001a,0 0 1px #0000000f}.g4-kpi-card{position:relative;overflow:hidden;border-radius:14px!important;border:1px solid rgba(255,255,255,.5)!important;background:#ffffffb3!important;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 12px #0000000a,0 0 1px #0000000f!important}.g4-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000001a,0 0 1px #0000000f!important}.g4-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}.g4-kpi-blue:before{background:linear-gradient(90deg,#1565c0,#42a5f5)}.g4-kpi-green:before{background:linear-gradient(90deg,#10b981,#34d399)}.g4-kpi-violet:before{background:linear-gradient(90deg,#5c6bc0,#7986cb)}.g4-kpi-cyan:before{background:linear-gradient(90deg,#00bcd4,#26c6da)}.g4-kpi-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.g4-kpi-red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.g4-kpi-teal:before{background:linear-gradient(90deg,#009688,#26a69a)}.g4-kpi-indigo:before{background:linear-gradient(90deg,#1a237e,#3949ab)}.g4-section-label{font-size:11px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#a0a8b8!important}.g4-section-label:before{border-color:#0000000f!important}.g4-section-label:after{border-color:#0000000f!important}.g4-table-container{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:14px;overflow:hidden}.g4-table-container .ant-table{background:transparent!important}.g4-table-container .ant-table-thead>tr>th{background:#f0f2f799!important;border-bottom:1px solid rgba(0,0,0,.04)!important;font-weight:600;font-size:12px;letter-spacing:.02em;color:#6b7280}.g4-table-container .ant-table-tbody>tr>td{border-bottom:1px solid rgba(0,0,0,.03)!important}.g4-table-container .ant-table-tbody>tr:hover>td{background:#1976d208!important}.g4-chip{border-radius:20px!important;padding:2px 12px!important;font-size:11px!important;font-weight:500!important;border:none!important;letter-spacing:.02em}.g4-chip-glass{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.18)!important;color:#ffffffe6!important;border-radius:20px!important;padding:3px 14px!important;font-size:11px!important;font-weight:500!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.g4-nav{padding:4px 0}.g4-nav-group{padding:0 10px;margin-bottom:2px}.g4-nav-group-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;transition:background .2s ease}.g4-nav-group-header:hover{background:#ffffff0a}.g4-nav-group-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff52;transition:color .2s ease}.g4-nav-group-header:hover .g4-nav-group-label{color:#ffffff80}.g4-nav-chevron{width:14px;height:14px;color:#fff3;transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s ease;flex-shrink:0}.g4-nav-group-header:hover .g4-nav-chevron{color:#fff6}.g4-nav-chevron.g4-nav-chevron--open{transform:rotate(90deg)}.g4-nav-children{overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;max-height:0;opacity:0}.g4-nav-children.g4-nav-children--open{max-height:600px;opacity:1}.g4-nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;margin:1px 10px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:400;color:#ffffff85;transition:all .22s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.g4-nav-item:hover{background:#ffffff12;color:#ffffffeb;box-shadow:0 0 20px #6383ff0f inset}.g4-nav-item:hover .g4-nav-icon{filter:brightness(1.3);transform:scale(1.08)}.g4-nav-item.g4-nav-item--active{background:#ffffff1c;color:#fff;font-weight:500;box-shadow:0 0 24px #6383ff1a inset,0 1px 3px #0000001a}.g4-nav-item.g4-nav-item--active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#60a5fa,#818cf8)}.g4-nav-icon{width:18px;height:18px;flex-shrink:0;transition:filter .22s ease,transform .22s ease}.g4-nav-icon--blue{color:#60a5fa}.g4-nav-icon--violet{color:#a78bfa}.g4-nav-icon--cyan{color:#22d3ee}.g4-nav-icon--emerald{color:#34d399}.g4-nav-icon--amber{color:#fbbf24}.g4-nav-icon--rose{color:#fb7185}.g4-nav-icon--indigo{color:#818cf8}.g4-nav-icon--teal{color:#2dd4bf}.g4-nav-icon--sky{color:#38bdf8}.g4-nav-icon--orange{color:#fb923c}.g4-nav-solo{padding:0 10px;margin-bottom:4px}.g4-nav-item:focus-visible,.g4-nav-group-header:focus-visible{outline:2px solid rgba(96,165,250,.6);outline-offset:-2px;border-radius:10px}.g4-kpi-card[style*=cursor],.g4-kpi-card-clickable{cursor:pointer}.g4-kpi-card-clickable:hover{transform:translateY(-3px);box-shadow:0 10px 32px #0000001f,0 0 1px #00000014!important}.g4-header{background:#ffffffd1!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.05)}.g4-btn-primary{border:none!important;font-weight:600;letter-spacing:.01em;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 14px #0b3d9140}.g4-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0b3d9159!important;filter:brightness(1.08)}.g4-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #0b3d9133!important}.g4-input,.g4-input .ant-input,.g4-input .ant-input-affix-wrapper{border-radius:10px!important;border-color:#00000014!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.g4-input .ant-input-affix-wrapper:hover,.g4-input .ant-input:hover{border-color:#1976d24d!important}.g4-input .ant-input-affix-wrapper:focus,.g4-input .ant-input-affix-wrapper-focused,.g4-input .ant-input:focus{border-color:#1976d280!important;box-shadow:0 0 0 3px #1976d214!important}@keyframes g4FadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes g4FadeIn{0%{opacity:0}to{opacity:1}}@keyframes g4SlideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes g4PulseGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes g4Float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.g4-animate-in{animation:g4FadeInUp .4s cubic-bezier(.4,0,.2,1) both}.g4-animate-in-delay-1{animation:g4FadeInUp .4s cubic-bezier(.4,0,.2,1) .08s both}.g4-animate-in-delay-2{animation:g4FadeInUp .4s cubic-bezier(.4,0,.2,1) .16s both}.g4-animate-in-delay-3{animation:g4FadeInUp .4s cubic-bezier(.4,0,.2,1) .24s both}.g4-glass-card,.g4-kpi-card,.g4-nav-item{will-change:transform}@media (prefers-reduced-motion: reduce){.g4-glass-card:hover,.g4-kpi-card:hover,.g4-btn-primary:hover{transform:none!important}.g4-animate-in,.g4-animate-in-delay-1,.g4-animate-in-delay-2,.g4-animate-in-delay-3{animation:none!important}}@media (max-width: 768px){.g4-glass-card,.g4-kpi-card{backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%)}.g4-table-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.g4-header{backdrop-filter:blur(12px) saturate(160%)!important;-webkit-backdrop-filter:blur(12px) saturate(160%)!important}}.g4-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.g4-table-responsive .ant-table{min-width:600px}.g4-login-hero{position:relative;overflow:hidden}.g4-login-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 40%,rgba(25,118,210,.12) 0%,transparent 55%),radial-gradient(ellipse at 70% 60%,rgba(92,107,192,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(0,188,212,.05) 0%,transparent 40%);animation:g4Float 12s ease-in-out infinite;pointer-events:none}.g4-login-orb{position:absolute;border-radius:50%;pointer-events:none}.g4-login-orb-1{top:-15%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(25,118,210,.1) 0%,transparent 70%);animation:g4PulseGlow 8s ease-in-out infinite}.g4-login-orb-2{bottom:-20%;left:-15%;width:350px;height:350px;background:radial-gradient(circle,rgba(92,107,192,.08) 0%,transparent 70%);animation:g4PulseGlow 10s ease-in-out infinite 2s}.g4-login-orb-3{top:40%;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(0,188,212,.06) 0%,transparent 70%);animation:g4PulseGlow 7s ease-in-out infinite 4s}.g4-content-area{background:linear-gradient(180deg,#f0f2f7,#f7f8fc,#fafbfd);min-height:100vh}.g4-info-card{background:#ffffffa6!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)!important;border-radius:14px!important;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.g4-info-card:hover{box-shadow:0 4px 20px #0000000f}.g4-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;box-shadow:0 0 6px currentColor}.g4-status-up{color:#10b981;background:#10b981}.g4-status-down{color:#ef4444;background:#ef4444}.ant-card{border-radius:14px}.ant-tag{border-radius:6px}.ant-btn{border-radius:10px}.ant-divider-inner-text{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a0a8b8}