@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&family=Rajdhani:wght@600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#0a0a0f;color:#f0f0f5;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background-color:#0a0a0f;background-image:linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:48px 48px}.login-logo{position:absolute;left:32px;top:24px;font-size:38px}.login-card{width:420px;padding:32px;border:1px solid #1E1E2E;border-radius:12px;background:#12121af0;box-shadow:0 0 0 1px #ffffff0d,0 4px 24px #0006;transition:.2s ease}.login-mark{font-size:42px}.login-card h1{font-family:Rajdhani,sans-serif;font-size:28px;letter-spacing:4px;margin:8px 0}.login-card p{color:#6b7280;margin:0 0 24px}.shake{animation:shake .42s}.success-flash{border-color:#22c55e;opacity:.15;transform:scale(.98)}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.field{height:48px;display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:0 14px;border:1px solid #1E1E2E;border-radius:8px;background:#0f0f16}.field.invalid{border-color:#ef4444}.field input,.global-search input{width:100%;border:0;outline:0;background:transparent;color:#f0f0f5}.inline-error{color:#ef4444;font-size:13px;margin:4px 0 12px}.login-row,.toolbar,.top-actions,.panel-head,.card-actions,.quest-meta,.summary-row{display:flex;align-items:center;gap:12px}.login-row{justify-content:space-between;margin:12px 0 20px}.check{color:#6b7280;font-size:14px}.primary-btn,.secondary-btn,.link-btn,.icon-btn,.profile-btn{border:0;border-radius:8px;color:#f0f0f5;background:transparent;display:inline-flex;align-items:center;gap:8px;transition:.15s ease}.primary-btn{height:40px;padding:0 16px;background:#4f8ef7;font-weight:700}.primary-btn.full{width:100%;justify-content:center;height:48px}.secondary-btn{height:36px;padding:0 12px;border:1px solid #1E1E2E;background:#151520}.link-btn{color:#4f8ef7;padding:0}.icon-btn{width:34px;height:34px;justify-content:center;border:1px solid transparent}.icon-btn:hover,.secondary-btn:hover,.nav-item:hover{background:#191924;border-color:#26263a}.app-shell{min-height:100vh;display:grid;grid-template-columns:auto 1fr}.sidebar{position:sticky;top:0;height:100vh;width:240px;padding:16px;border-right:1px solid #1E1E2E;background:#12121a;display:flex;flex-direction:column;transition:.3s ease}.sidebar.collapsed{width:82px}.admin-card{display:flex;align-items:center;gap:12px;margin-bottom:24px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1b2740;color:#4f8ef7;font-weight:800}.avatar.big{width:58px;height:58px}.admin-card strong{display:block}.admin-card span{font-size:11px;color:#ef4444;font-weight:800}.sidebar nav{display:grid;gap:6px}.nav-item{height:42px;padding:0 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#6b7280;display:flex;align-items:center;gap:12px}.nav-item.active{color:#f0f0f5;border-left:3px solid #4F8EF7;background:#151b2a}.side-bottom{margin-top:auto}.server-live{height:40px;color:#6b7280;display:flex;align-items:center;gap:8px}.server-live i,.server-title i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e}.main-panel{min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:3;background:#0a0a0fdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #1E1E2E;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.breadcrumb{display:flex;align-items:center;gap:8px;color:#6b7280}.breadcrumb:last-child{color:#f0f0f5}.global-search{width:320px;height:38px;border:1px solid #1E1E2E;border-radius:8px;background:#12121a;display:flex;align-items:center;gap:10px;padding:0 12px}.global-search.wide{width:420px}.global-search kbd,time,.timeline time,.terminal code{font-family:JetBrains Mono,monospace}.notify{position:relative}.notify b{position:absolute;right:-3px;top:-4px;background:#ef4444;font-size:10px;padding:1px 5px;border-radius:10px}.profile-btn{height:38px;border:1px solid #1E1E2E;padding:0 8px}.profile-btn span{width:26px;height:26px;border-radius:50%;background:#1b2740;display:grid;place-items:center}.screen-wrap{padding:24px}.stack{display:grid;gap:24px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card,.panel,.quest-card,.item-card,.server-card{border:1px solid #1E1E2E;border-radius:12px;background:#12121a;box-shadow:0 0 0 1px #ffffff0d,0 4px 24px #0006;transition:.15s ease}.kpi-card:hover,.quest-card:hover,.item-card:hover,.server-card:hover,.panel:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #4f8ef747,0 10px 32px #00000073}.kpi-card{padding:18px}.kpi-top,.kpi-foot,.person,.actions,.server-title{display:flex;align-items:center;gap:10px}.kpi-top{color:#6b7280}.kpi-card strong{display:block;font-family:JetBrains Mono;font-size:32px;margin:16px 0}.kpi-foot{justify-content:space-between}.up,.good{color:#22c55e}.down,.bad{color:#ef4444}.warn{color:#f59e0b}.pulse{width:10px;height:10px;border-radius:50%;background:#22c55e;animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #22c55e1f}}.kpi-card svg{width:96px;height:42px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.span-2{min-width:0}.panel{padding:18px}.panel-head{justify-content:space-between;margin-bottom:16px}.panel h2{font-family:Rajdhani;font-size:22px;letter-spacing:.4px;margin:0}.chart{height:330px}.chart.small{height:250px}.table-list{display:grid;gap:10px}.table-list.large{gap:12px}.table-row{display:grid;grid-template-columns:1fr .7fr .8fr .8fr auto;align-items:center;gap:12px;padding:12px;border:1px solid #1E1E2E;border-radius:8px;background:#0f0f16}.badge{display:inline-flex;width:max-content;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:800}.badge.good{background:#22c55e24;color:#22c55e}.badge.warn{background:#f59e0b24;color:#f59e0b}.badge.bad{background:#ef444424;color:#ef4444}.badge.blue{background:#4f8ef724;color:#4f8ef7}.timeline{display:grid;gap:14px}.timeline div{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center}.timeline i{width:10px;height:10px;border-radius:50%;background:#4f8ef7}.toolbar{justify-content:flex-start}.toolbar.end{justify-content:flex-end}select,input{height:38px;border:1px solid #1E1E2E;border-radius:8px;background:#12121a;color:#f0f0f5;padding:0 12px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px 10px;text-align:left;border-bottom:1px solid #1E1E2E;color:#6b7280}.data-table th{color:#f0f0f5;font-size:13px}.data-table tr:hover td{background:#111827;color:#f0f0f5}.person span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#1b2740;color:#4f8ef7}.level i,.progress i{display:block;height:5px;border-radius:8px;background:#223;overflow:hidden;margin-top:6px}.level i:before,.progress em{content:"";display:block;height:100%;border-radius:8px;background:#4f8ef7}.actions button{width:30px;height:30px;border:0;border-radius:8px;background:#181824;color:#6b7280}.pagination{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.pagination button{background:#151520;border:1px solid #1E1E2E;color:#f0f0f5;border-radius:8px;padding:8px 12px}.pagination button:disabled{opacity:.3;cursor:not-allowed}.danger-text{color:#ef4444!important}.danger-text:hover{color:#f26969!important}.mono{font-family:JetBrains Mono,monospace;font-size:13px}.hint{font-size:12px;color:#6b7280;margin:-8px 0 8px}.loading-state{padding:40px;text-align:center;color:#6b7280}.table-scroll{overflow-x:auto;margin:0 -18px;padding:0 18px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;background:#00000080;display:flex;justify-content:flex-end}.drawer-backdrop.center{justify-content:center;align-items:center}.drawer{width:520px;height:100%;padding:24px;background:#12121a;border-left:1px solid #1E1E2E;animation:slide .2s ease;display:flex;flex-direction:column}.drawer-body{flex:1;overflow-y:auto;padding:20px 0}.drawer-footer{margin-top:auto;padding-top:20px;border-top:1px solid #1E1E2E}.close{float:right}@keyframes slide{0%{transform:translate(100%)}}.drawer-head{text-align:center}.drawer-head span{width:76px;height:76px;border-radius:50%;margin:auto;display:grid;place-items:center;background:#1b2740;color:#4f8ef7;font-size:24px}.drawer-head h2{margin:12px 0 4px}.drawer-head p{color:#6b7280}.tabs,.segment{display:flex;gap:8px}.tabs button,.segment button{height:34px;border:1px solid #1E1E2E;border-radius:8px;background:#111119;color:#6b7280;padding:0 12px}.tabs .active,.segment .active{background:#4f8ef7;color:#fff;border-color:#4f8ef7}.detail-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.metric{padding:14px;border:1px solid #1E1E2E;border-radius:8px;background:#0f0f16}.metric span{display:block;color:#6b7280;font-size:13px}.metric strong{font-family:JetBrains Mono;font-size:18px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-actions button{height:40px;border-radius:8px;border:1px solid #1E1E2E;background:#151520;color:#f0f0f5}.podium{height:300px;display:flex;align-items:end;justify-content:center;gap:18px}.podium-card{width:240px;text-align:center;border:1px solid #1E1E2E;border-radius:12px;background:#12121a;padding:20px}.rank-1{height:260px;order:2;border-color:#f59e0b80}.rank-2{height:220px;order:1}.rank-3{height:200px;order:3}.medal{font-family:JetBrains Mono;color:#f59e0b;font-size:24px}.rank-list{display:grid;gap:10px}.rank-list div{display:grid;grid-template-columns:48px 44px 1fr 1fr 1fr 70px 24px;align-items:center;gap:10px;padding:12px;border:1px solid #1E1E2E;border-radius:8px;background:#0f0f16}.quest-grid{columns:3 300px;column-gap:16px}.quest-card{display:inline-block;width:100%;padding:18px;margin:0 0 16px;break-inside:avoid}.quest-head{display:flex;gap:12px}.quest-head>span{font-size:34px}.quest-card h3,.item-card h3{margin:0 0 6px}.quest-card p{color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress div{display:flex;justify-content:space-between;color:#6b7280;font-size:13px}.quest-meta{justify-content:space-between;color:#6b7280;margin:14px 0}.switch{width:46px;height:24px;border:0;border-radius:20px;background:#2a2a38;padding:3px}.switch i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s ease}.switch.on{background:#4f8ef7}.switch.on i{transform:translate(22px)}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.item-card{position:relative;text-align:center;padding:18px;overflow:hidden}.item-art{height:96px;display:grid;place-items:center;font-size:46px;background:#0f0f16;border-radius:10px;margin-bottom:14px}.item-card p{color:#6b7280}.item-card strong{display:block;margin:10px 0;font-family:JetBrains Mono}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:10px;background:#0a0a0fdb;opacity:0;transition:.15s ease}.item-card:hover .overlay{opacity:1}.overlay button{height:38px;border:1px solid #1E1E2E;border-radius:8px;background:#151520;color:#f0f0f5;display:flex;align-items:center;gap:8px;padding:0 12px}.server-grid,.chart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chart-grid{grid-template-columns:repeat(2,1fr)}.server-card{padding:18px}.server-title{justify-content:space-between}.server-card p{color:#6b7280}.ring{width:96px;height:96px;margin:14px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#4F8EF7 var(--pct),#242436 0);font-family:JetBrains Mono;font-weight:800}.terminal{height:180px;overflow:auto;border-radius:8px;background:#050508;padding:12px;display:grid;align-content:start;gap:8px}.terminal code{color:#22c55e}.heatmap{display:grid;grid-template-columns:repeat(24,1fr);gap:4px;height:250px;align-content:center}.heatmap i{height:22px;border-radius:4px;background:#4f8ef7}.server-detail{display:flex;align-items:center;gap:32px;padding:12px 0}.server-metrics{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.health-ring{width:100px;height:100px;border-radius:50%;border:6px solid #1E1E2E;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f0f16}.health-ring span{font-family:JetBrains Mono;font-size:24px;font-weight:800}.health-ring small{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:1px}.health-ring[data-health=good]{border-color:#22c55e;box-shadow:0 0 20px #22c55e26;color:#22c55e}.health-ring[data-health=warn]{border-color:#f59e0b;color:#f59e0b}.health-ring[data-health=bad]{border-color:#ef4444;color:#ef4444}.summary-row{display:grid;grid-template-columns:repeat(3,1fr)}.modal{width:760px;max-height:82vh;overflow:auto;padding:20px;border:1px solid #1E1E2E;border-radius:12px;background:#12121a}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-stack{display:grid;gap:10px}