*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#08100f;color:#eaf5f1}body{background:radial-gradient(circle at 70% 0,#12352f 0,#08100f 38%)}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#0b1514;border-right:1px solid #1c3430;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 28px}.brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#49d39e;color:#06120e;font-weight:900}.brand strong{display:block;font-size:15px}.brand small,.sidebar-foot small{display:block;color:#78928b;font-size:11px;margin-top:2px}nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;color:#95aaa4;font-size:14px}.nav-item:hover,.nav-item.active{background:#132620;color:#fff}.nav-item.active span{color:#49d39e}.sidebar-foot{margin-top:auto;display:grid;gap:9px;padding:12px}.sidebar-foot a{font-size:13px;color:#b8c8c4}main{min-width:0}header{min-height:98px;border-bottom:1px solid #17302b;display:flex;align-items:center;padding:18px 34px;gap:16px;background:rgba(8,16,15,.72);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}header h1{font-size:22px;margin:0 0 4px}header p{margin:0;color:#78928b;font-size:13px}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center;color:#9ab1aa;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#49d39e;box-shadow:0 0 0 5px rgba(73,211,158,.1)}.content{padding:28px 34px 100px;max-width:1500px;margin:auto}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric,.panel{border:1px solid #1a342e;background:linear-gradient(180deg,rgba(17,35,31,.94),rgba(10,23,20,.95));border-radius:16px;padding:19px;box-shadow:0 15px 50px rgba(0,0,0,.12)}.metric small{display:block;color:#89a099;font-size:12px}.metric strong{display:block;font-size:30px;margin:7px 0 4px}.metric span{font-size:11px;color:#6f8780}.metric.warn strong{color:#f2c66d}.metric.bad strong{color:#ff8c8c}.panel{margin-top:14px}.panel h2{font-size:16px;margin:0 0 15px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 14px;background:#49d39e;color:#07120f;font-weight:800;cursor:pointer}.btn.secondary{background:#18312b;color:#dcebe7;border:1px solid #284a42}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#718b84;font-weight:600;padding:10px;border-bottom:1px solid #223a35}td{padding:13px 10px;border-bottom:1px solid #142824;color:#cfddd9}.badge{display:inline-flex;padding:5px 8px;border-radius:99px;background:#173129;color:#70e6b8;font-size:11px}.badge.warning{background:#3b3117;color:#ffd97f}.badge.critical{background:#3d1d1d;color:#ff9b9b}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field label{display:block;font-size:12px;color:#8ca39d;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #28453e;background:#0b1815;color:#eef8f5;padding:12px;border-radius:10px;outline:none}.field input:focus,.field select:focus{border-color:#49d39e}.flash{padding:12px 14px;border-radius:10px;margin:0 0 14px;background:#153629;border:1px solid #2a624e}.flash.error{background:#3b1b1b;border-color:#6d3131}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);border:1px solid #204039;background:#0c1916;border-radius:22px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.login-card .brand{padding:0 0 24px}.login-card h1{margin:0 0 7px;font-size:25px}.login-card p{color:#80968f;font-size:13px}.login-card .field{margin-top:14px}.login-card .btn{width:100%;margin-top:18px}.muted{color:#78928b}.kpi-line{height:9px;background:#122621;border-radius:20px;overflow:hidden}.kpi-line i{display:block;height:100%;background:#49d39e;border-radius:20px}.server-health{display:flex;align-items:center;gap:8px}.server-health i{width:8px;height:8px;border-radius:50%;background:#49d39e}.server-health.stale i{background:#f2c66d}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#07110f;border:1px solid #1d3b34;border-radius:10px;padding:12px;white-space:pre-wrap;word-break:break-all;color:#aee7d1}.mobile-nav,.menu-btn{display:none}.public-main{min-height:100vh}.empty{padding:35px;text-align:center;color:#769087}.section-title{margin:26px 0 10px;font-size:18px}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{display:block}aside{position:fixed;left:-280px;transition:.2s;width:260px}aside.open{left:0;box-shadow:20px 0 80px #000}.menu-btn{display:inline-grid;background:#142a25;color:#fff;border:1px solid #24453d;width:40px;height:40px;border-radius:10px;place-items:center}header{min-height:78px;padding:12px 16px}header h1{font-size:18px}header p{display:none}.header-actions{display:none}.content{padding:17px 14px 90px}.grid,.grid.two,.form-grid{grid-template-columns:1fr}.metric strong{font-size:26px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;background:#0a1513;border-top:1px solid #1a3630;z-index:15;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.mobile-nav .nav-item{display:grid;place-items:center;gap:1px;padding:6px;font-size:10px}.mobile-nav .nav-item span{font-size:18px}.sidebar-foot{display:none}table{min-width:700px}}