:root{--ink:#07100e;--panel:#0b1714;--line:#d9e2dc;--mist:#f2f5f2;--green:#3eb88c;--lime:#c7f277;--text:#18231f;--muted:#6b7772}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--mist)}button,input{font:inherit}.login{min-height:100vh;display:grid;grid-template-columns:minmax(420px,42%) 1fr;background:var(--ink)}.login-panel{background:#f7f8f5;padding:clamp(38px,6vw,86px);display:flex;flex-direction:column;justify-content:center}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;font-size:19px;letter-spacing:-.5px}.brand b{color:#278e6b}.mark{position:relative;width:29px;height:29px;display:grid;place-items:center;transform:rotate(30deg)}.mark i{position:absolute;width:19px;height:19px;border:1.5px solid #278e6b}.mark i:nth-child(2){transform:translate(5px,-4px)}.mark i:nth-child(3){transform:translate(-5px,4px)}.environment{margin-top:80px;font:700 10px ui-monospace,monospace;letter-spacing:2px;color:#278e6b}.login h1{font-family:Georgia,serif;font-size:clamp(44px,5vw,72px);font-weight:400;letter-spacing:-3px;margin:14px 0 12px}.login-panel>p{color:var(--muted);line-height:1.7;max-width:420px}.login form{margin-top:30px;display:grid;gap:18px;max-width:420px}.login label{display:grid;gap:8px;font-size:12px;font-weight:700;letter-spacing:.4px}.login input{border:1px solid var(--line);background:white;padding:15px 14px;outline:none}.login input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(62,184,140,.12)}.login form button,.data-section button{border:0;background:var(--ink);color:white;padding:15px 18px;font-weight:700;cursor:pointer}.login form button span{float:right;color:var(--lime)}#loginError{color:#a72a42;min-height:18px;font-size:13px;margin:0}.login-panel>small{margin-top:30px;color:#8b9691}.login-art{position:relative;overflow:hidden;display:grid;place-items:center;color:#9eb5aa}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(141,210,181,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(141,210,181,.07) 1px,transparent 1px);background-size:36px 36px;transform:perspective(700px) rotateX(58deg) scale(1.4) translateY(-4%);mask-image:linear-gradient(black,transparent)}.orb{width:310px;height:310px;position:relative;display:grid;place-items:center}.orb i{position:absolute;inset:0;border:1px solid rgba(121,224,180,.48);border-radius:50%;box-shadow:0 0 70px rgba(56,187,139,.08)}.orb i:nth-child(2){transform:rotateX(70deg)}.orb i:nth-child(3){transform:rotateY(70deg)}.orb b{font:500 44px ui-monospace;color:var(--lime);letter-spacing:10px}.signal{position:absolute;bottom:15%;display:flex;gap:8px}.signal span{width:45px;height:3px;background:#1d3a31}.signal span:nth-child(-n+4){background:var(--green)}.login-art>p{position:absolute;bottom:8%;font:10px ui-monospace;letter-spacing:3px}.console{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.console aside{background:var(--ink);color:#d8e4df;padding:30px 24px;display:flex;flex-direction:column}.console aside>p{font:700 9px ui-monospace;letter-spacing:2px;color:#628175;margin:34px 0 20px}.console nav{display:grid;gap:5px}.console nav button,.console aside>button{border:0;background:transparent;color:#839991;text-align:left;padding:12px 14px;cursor:pointer}.console nav button.active{background:#14241f;color:white;border-left:2px solid var(--lime)}.env-card{margin-top:auto;border:1px solid #233b33;padding:15px;display:grid;gap:8px}.env-card small{font:9px ui-monospace;color:#668279}.env-card b{font-size:13px}.env-card b i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 8px var(--green)}.env-card span{font:10px ui-monospace;color:#668279}.console aside>button{margin-top:10px}.console main{padding:44px clamp(28px,5vw,76px);overflow:auto}.console header{display:flex;justify-content:space-between;align-items:flex-end}.console header small{font:700 9px ui-monospace;letter-spacing:2px;color:#348c6c}.console header h1{font-family:Georgia,serif;font-size:42px;font-weight:400;margin:8px 0 0;letter-spacing:-1.5px}.operator{text-align:right}.operator span{font:9px ui-monospace;letter-spacing:1px;color:var(--muted);display:block}.operator b{font-size:13px}.notice{margin:30px 0 22px;padding:13px 16px;border:1px solid #d5e4c1;background:#f4f9ea;display:flex;gap:18px;font-size:12px}.notice b{color:#496f13}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.metrics article{background:white;padding:22px}.metrics span{font:700 9px ui-monospace;letter-spacing:1.2px;color:var(--muted)}.metrics b{display:block;font:400 34px Georgia,serif;margin:13px 0 5px}.metrics small{color:#8c9692}.metrics .healthy{font:700 15px ui-monospace;color:#288763;margin-top:25px}.data-section{margin-top:28px;background:white;border:1px solid var(--line)}.data-section>div:first-child{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.data-section h2{font-size:15px;margin:0}.data-section button{padding:8px 12px;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font:700 9px ui-monospace;letter-spacing:1px;color:#718079;background:#f7f8f6}th,td{padding:13px 16px;border-bottom:1px solid #e8ece9}td{max-width:310px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{color:#278e6b;font-weight:700}@media(max-width:900px){.login{grid-template-columns:1fr}.login-art{display:none}.console{grid-template-columns:76px 1fr}.console aside{padding:22px 12px}.console aside .brand span:last-child,.console aside>p,.console nav button,.env-card,.console aside>button{font-size:0}.console nav button:before{content:'◇';font-size:18px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.login-panel{padding:30px}.console{display:block}.console aside{display:none}.console main{padding:24px 14px}.operator{display:none}.metrics{grid-template-columns:1fr 1fr}.notice{display:block}.notice span{display:block;margin-top:5px}}