:root{--surface:#f7f9fc;--surface-low:#eef3f8;--surface-card:#fff;--surface-high:#e4ebf3;--text:#29343a;--muted:#6d7d8a;--primary:#005bc0;--primary-dim:#004fa9;--primary-soft:#dbeafe;--warning:#f3ead0;--error:#ffe0dd;--success:#dbeafe;--shadow:0 24px 60px #29343a14;--radius:28px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--surface:#080a0f;--surface-low:#111722;--surface-card:#171f2b;--surface-high:#243044;--text:#f4f7fb;--muted:#a9b7c8;--primary:#8fc7ff;--primary-dim:#4ea1f3;--primary-soft:#183652;--warning:#4b3f25;--error:#54251f;--success:#183652;--shadow:0 24px 70px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 0%, #005bc029, transparent 33%), radial-gradient(circle at 92% 12%, #4ea1f31a, transparent 28%), var(--surface);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.main-container{grid-template-columns:286px 1fr;min-height:100vh;display:grid}.nav-menu{background:color-mix(in srgb, var(--surface-low), transparent 4%);flex-direction:column;gap:28px;height:100vh;padding:28px;display:flex;position:sticky;top:0}.logo-box{align-items:center;gap:14px;display:flex}.logo-img{object-fit:contain;width:52px;height:52px;box-shadow:var(--shadow);background:var(--surface-card);border-radius:17px;padding:4px}.logo-box strong{font-family:Manrope,sans-serif;display:block}.logo-box span,.top-header p,.big-card p,.list-item span,.small-list span,.section-header span,td span,.bottom-info p{color:var(--muted);font-size:.92rem}nav{gap:10px;display:grid}nav a{color:var(--text);background:0 0;border:0;border-radius:16px;align-items:center;gap:10px;padding:13px 14px;text-decoration:none;transition:transform .18s,background .18s;display:flex}nav a.active,nav a:hover{background:var(--surface-card);box-shadow:var(--shadow);transform:translate(3px)}.bottom-info{background:var(--surface-card);box-shadow:var(--shadow);border-radius:22px;margin-top:auto;padding:16px}.bottom-info strong{margin-bottom:6px;display:block}.theme-btn{background:var(--surface-card);color:var(--text);box-shadow:var(--shadow);border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.theme-text{font-weight:800}.theme-track{background:var(--surface-high);border-radius:999px;align-items:center;width:58px;height:32px;padding:4px;transition:background .2s;display:flex}.theme-circle{background:linear-gradient(135deg, var(--primary), var(--primary-dim));color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;transition:transform .24s;display:grid;transform:translate(0)}.theme-btn.dark-mode .theme-circle{transform:translate(26px)}.content-area{padding:36px}.page-wrapper{gap:26px;display:grid}.top-header,.big-card{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.big-card{background:linear-gradient(135deg, var(--surface-card), var(--surface-low));box-shadow:var(--shadow);border-radius:34px;padding:30px}.top-buttons{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}h1,h2,h3{margin:0;font-family:Manrope,sans-serif}h1{letter-spacing:-.055em;font-size:clamp(2.2rem,4vw,4.4rem);line-height:.95}h2{font-size:1.25rem}h3{font-size:1.05rem}.small-title{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin:0 0 8px;font-size:.74rem;font-weight:900}.basic-card,.table-box,.status-box{background:var(--surface-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stat-card strong{letter-spacing:-.04em;margin:8px 0;font-family:Manrope,sans-serif;font-size:2.2rem;display:block}.stat-card small{color:var(--primary);margin-top:18px;font-weight:900;display:inline-block}.split-screen{grid-template-columns:1.45fr .9fr;gap:20px;display:grid}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.blue-btn,.gray-btn{border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:900;transition:transform .18s;display:inline-flex}.blue-btn:hover,.gray-btn:hover{transform:translateY(-2px)}.blue-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dim));color:#fff}.gray-btn{background:var(--surface-high);color:var(--text)}.tool-bar{background:var(--surface-low);border-radius:22px;gap:14px;padding:14px;display:flex}input,select{background:var(--surface-card);width:100%;color:var(--text);border:0;border-radius:16px;outline:0;padding:14px 16px;box-shadow:inset 0 -2px #0000}input:focus,select:focus{box-shadow:inset 0 -2px 0 var(--primary)}select{max-width:250px}.table-box{overflow-x:auto}table{border-collapse:separate;border-spacing:0 10px;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 14px;font-size:.75rem}td{background:var(--surface-low);padding:16px 14px}td:first-child{border-radius:16px 0 0 16px}td:last-child{border-radius:0 16px 16px 0}td strong,td span{display:block}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:7px 10px;font-size:.78rem;font-weight:900;display:inline-flex}.badge-green-1,.badge-green-2{background:var(--success);color:var(--primary)}.badge-yellow-1,.badge-yellow-2,.badge-yellow-3{background:var(--warning);color:var(--text)}.badge-red{background:var(--error);color:var(--text)}.layout-main{grid-template-columns:1fr 340px;gap:20px;display:grid}.grid-box{background:var(--surface-low);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px;display:grid}.item-box{min-height:150px;color:var(--text);background:var(--surface-card);text-align:left;border:0;border-radius:24px;flex-direction:column;justify-content:space-between;padding:18px;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.item-box:hover,.item-box.active{background:var(--primary-soft);box-shadow:var(--shadow);transform:translateY(-4px)}.item-box strong{font-family:Manrope,sans-serif;font-size:2rem}.item-bottom{align-items:start;gap:8px;display:grid}.right-panel{align-content:start;gap:14px;display:grid}.bar-bg{background:var(--surface-high);border-radius:999px;height:12px;overflow:hidden}.bar-bg span{background:linear-gradient(135deg, var(--primary), var(--primary-dim));border-radius:inherit;height:100%;display:block}.list-group{gap:14px;display:grid}.list-item{justify-content:space-between;align-items:center;gap:18px;display:flex}.list-btns{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.small-list{gap:12px;display:grid}.small-list div,.info-grid div{background:var(--surface-low);border-radius:18px;padding:14px}.small-list strong,.small-list span{display:block}.status-box{color:var(--muted)}.red-box{background:var(--error);color:var(--text)}.blinking-effect{animation:1.2s infinite alternate pulse}@keyframes pulse{0%{opacity:.55}to{opacity:1}}.settings-box{gap:18px;display:grid}.settings-box input[type=range]{accent-color:var(--primary);box-shadow:none;padding:0}.info-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.info-grid span,.info-grid strong{display:block}.info-grid strong{margin-top:8px;font-family:Manrope,sans-serif;font-size:1.7rem}@media (width<=980px){.main-container{grid-template-columns:1fr}.nav-menu{border-bottom:1px solid var(--surface-high);grid-template-columns:1fr auto;grid-template-areas:"logo theme""nav nav""info info";align-items:center;gap:20px;height:auto;padding:20px;display:grid;position:relative}.logo-box{grid-area:logo}.theme-btn{grid-area:theme;width:max-content}nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;grid-area:nav;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}nav::-webkit-scrollbar{display:none}nav a{flex-shrink:0;justify-content:center;padding:10px 16px}.bottom-info{grid-area:info;margin-top:0}.content-area{padding:16px}.big-card{border-radius:24px;padding:20px}.basic-card,.table-box,.status-box{border-radius:20px;padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card strong{font-size:1.8rem}.split-screen,.layout-main,.grid-box,.info-grid{grid-template-columns:1fr}.top-header,.big-card,.list-item,.tool-bar{flex-direction:column;align-items:stretch;gap:16px}.list-btns{justify-content:flex-start}select{max-width:none}.top-buttons{justify-content:stretch}.top-buttons button{justify-content:center;width:100%}}@media (width<=500px){.stats-grid{grid-template-columns:1fr}.nav-menu{gap:16px;padding:16px}.theme-btn{padding:6px 6px 6px 12px}.theme-text{display:none}}