:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17211c;background:#f3f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;border-radius:10px;background:#146c43;color:#fff;font-weight:700;padding:11px 16px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}button svg{width:17px}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}aside{background:#10251b;color:#fff;padding:28px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 6px 30px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1d7d50}.brand svg{width:24px}.brand b{font:700 16px Inter,Segoe UI,sans-serif}.brand small{display:block;color:#8dac9a;margin-top:3px}nav a{display:flex;gap:12px;align-items:center;background:#1b3a2a;border-radius:9px;padding:12px;color:#fff;font-weight:600}nav svg,.logout svg{width:18px}.logout{margin-top:auto;background:none;color:#a8beb0;justify-content:flex-start}.logout:hover{color:#fff}main{padding:38px 44px;overflow:hidden}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h1,h2,h3{font-family:Inter,Segoe UI,sans-serif;margin:0}header h1{font-size:32px}header p{margin:7px 0 0;color:#68766f}.eyebrow{font-size:11px!important;font-weight:800;letter-spacing:.15em;color:#1a744a!important}.actions{display:flex;gap:10px}.secondary{background:#fff;color:#33473d;border:1px solid #d9e2dd}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.metrics article{background:#fff;border:1px solid #e0e7e3;border-radius:14px;padding:19px;display:flex;align-items:center;gap:15px}.metrics article>span{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#eaf2ed;color:#276346}.metrics article>span.green{background:#e3f4e9;color:#1b824b}.metrics article>span.amber{background:#fff2d8;color:#a46100}.metrics svg{width:21px}.metrics small{display:block;color:#748078;margin-bottom:2px}.metrics strong{font:800 25px Inter,Segoe UI,sans-serif}.panel{background:#fff;border:1px solid #e0e7e3;border-radius:14px;overflow:hidden}.panel-title{padding:20px 22px;border-bottom:1px solid #edf0ee}.panel-title h2{font-size:17px}.panel-title p{color:#77827c;margin:5px 0 0;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#718078;font-size:10px;letter-spacing:.08em;padding:13px 18px;background:#f9faf9}td{padding:16px 18px;border-top:1px solid #edf0ee;white-space:nowrap}td>svg{width:17px;vertical-align:middle;color:#6e7c74}.device{display:flex;align-items:center;gap:11px}.device>span{width:36px;height:36px;border-radius:9px;background:#eef3f0;display:grid;place-items:center;color:#466254}.device svg{width:18px}.device small{display:block;color:#77827c;margin-top:3px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a9b0ac;margin-right:7px}.dot.on{background:#21a35d;box-shadow:0 0 0 3px #e1f6e9}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 9px;font-weight:700}.pill svg{width:13px}.pill.good{color:#187747;background:#e6f6ec}.pill.off{color:#727b76;background:#eff1f0}.small{padding:7px 11px;font-size:12px}.danger{background:#fff0f0;color:#b53b3b;border:1px solid #f0cccc}.empty{text-align:center;padding:60px 20px;color:#748078}.empty>svg{width:45px;height:45px;color:#8ba598}.empty h3{color:#34463d;margin:14px 0 7px}.error{padding:11px 13px;border-radius:8px;background:#fff0f0;color:#a32e2e;margin:12px 0}.enrollment{display:flex;align-items:center;gap:20px;padding:17px 20px;background:#eff8f3;border:1px solid #cfe8d8;border-radius:12px;margin-bottom:18px}.enrollment p{margin:3px 0;color:#5e7066;font-size:13px}.enrollment code{margin-left:auto;background:#fff;padding:10px;border-radius:7px;max-width:320px;overflow:hidden}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#10251b}.login>section{padding:11vh 10vw;color:#fff;background:radial-gradient(circle at 20% 20%,#265d42 0,transparent 45%),#10251b;display:flex;flex-direction:column;justify-content:center}.login section h1{font-size:50px;line-height:1.08;margin:18px 0}.login section>p:last-child{color:#b5c8bd;max-width:480px;font-size:18px;line-height:1.6}.login-mark{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#2d8b5b}.login-mark svg{width:32px}.login form{margin:auto;background:#fff;width:min(420px,80%);padding:42px;border-radius:18px;display:flex;flex-direction:column;gap:20px;box-shadow:0 22px 70px #06130c55}.login form h2{font-size:25px}.login form p{color:#77827c;margin:7px 0}.login label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:13px}.login input{border:1px solid #ccd7d1;border-radius:9px;padding:12px;outline:none}.login input:focus{border-color:#238656;box-shadow:0 0 0 3px #dcefe4}.login form button{justify-content:center;padding:13px}.login form>small{text-align:center;color:#8a948f}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:24px 16px}header{align-items:flex-start;gap:20px}.metrics,.login{grid-template-columns:1fr}.login>section{display:none}.login form{width:min(420px,90%)}}button:disabled{opacity:.58;cursor:not-allowed}.panel-title{display:flex;align-items:center;justify-content:space-between}.live-note{font-size:12px;color:#718078;display:flex;align-items:center;gap:7px}.live-note i{width:7px;height:7px;border-radius:50%;background:#25a65e;box-shadow:0 0 0 3px #e1f6e9}.empty button{margin-top:14px}.muted{color:#8b9690}.command{display:inline-flex;align-items:center;gap:5px;font-weight:700;border-radius:20px;padding:5px 9px}.command svg{width:13px}.command.pending{background:#fff4dc;color:#9b6307}.command.success{background:#e6f6ec;color:#187747}.command.failed{background:#fff0f0;color:#b53b3b}.command.pending svg{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.modal-backdrop{position:fixed;inset:0;background:#08140ecc;display:grid;place-items:center;padding:20px;z-index:100}.modal{width:min(520px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:36px;position:relative;box-shadow:0 28px 90px #0006}.modal-close{position:absolute;right:18px;top:18px;width:35px;height:35px;padding:0;justify-content:center;background:#f1f4f2;color:#53645b}.modal-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#e8f3ed;color:#176b43;margin-bottom:20px}.modal-icon svg{width:24px}.modal-icon.success{background:#e2f6e9;color:#178047}.modal h2{font-size:24px}.modal-copy{color:#68766f;line-height:1.55;margin:10px 0 24px}.modal form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700}.modal input{border:1px solid #cad6cf;border-radius:10px;padding:13px;outline:none}.modal input:focus{border-color:#238656;box-shadow:0 0 0 3px #dcefe4}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.token-box{border:1px solid #cfe1d6;background:#f3f8f5;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px}.token-box code{font-size:13px;line-height:1.5;overflow-wrap:anywhere;color:#17472f;flex:1}.token-box button{flex-shrink:0;padding:8px 11px}.expiry{display:flex;align-items:center;gap:7px;color:#68766f;font-size:12px;margin-top:10px}.expiry svg{width:15px}.steps{list-style:none;padding:8px 0;margin:20px 0}.steps li{display:flex;align-items:center;gap:11px;padding:9px 0;color:#53645b;font-size:14px}.steps b{width:25px;height:25px;border-radius:50%;background:#e8f3ed;color:#176b43;display:grid;place-items:center;font-size:12px}.full{width:100%;justify-content:center}@media(max-width:700px){.live-note{display:none}.modal{padding:28px 20px}.token-box{align-items:stretch;flex-direction:column}.token-box button{justify-content:center}}