:root{--bg: #0d0d0d;--card: #141414;--card2: #1a1a1a;--line: #2a2a2a;--txt: #f5f5f5;--muted: #8a8a93;--yellow: #ffd600;--yellow-dim: #e6c200;--yellow-glow: rgba(255, 214, 0, .14);--black: #0d0d0d;--green: #2ecc71;--red: #ff4d4d;--radius: 16px;font-family:-apple-system,SF Pro Rounded,SF Pro,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);min-height:100vh}code{font-family:SF Mono,ui-monospace,Menlo,monospace}button{font-family:inherit;cursor:pointer}.grow{flex:1}.muted{color:var(--muted)}.pad{padding:12px 4px}.err{color:var(--red)}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle 420px at 15% 20%,rgba(255,214,0,.09),transparent 70%),radial-gradient(circle 360px at 85% 80%,rgba(255,214,0,.06),transparent 65%),linear-gradient(160deg,#0a0a0a,#0d0d0d 40%,#111)}.login-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,214,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,214,0,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black,transparent)}.login-hero,.login-panel{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:48px 32px}.login-brand{text-align:center;max-width:360px}.login-icon{width:96px;height:96px;border-radius:24px;margin-bottom:28px;box-shadow:0 0 0 1px #ffd60026,0 24px 64px #00000080,0 0 80px #ffd60014}.login-title{margin:0;font-size:clamp(3rem,8vw,4.5rem);font-weight:900;letter-spacing:.06em;color:var(--yellow);line-height:1;text-transform:lowercase}.login-tagline{margin:16px 0 0;font-size:15px;color:var(--muted);letter-spacing:.02em}.login-panel{background:#00000040;border-left:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card{width:min(400px,100%);padding:36px 32px;background:#141414d9;border:1px solid rgba(255,214,0,.12);border-radius:20px;box-shadow:0 32px 64px #00000073,inset 0 1px #ffffff0a}.login-heading{margin:0 0 6px;font-size:1.5rem;font-weight:800;color:var(--txt)}.login-hint{margin:0 0 28px;font-size:14px;color:var(--muted);line-height:1.5}.login-form{display:flex;flex-direction:column;gap:4px}.login-form .field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.login-form .field span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.login-form input{width:100%;padding:13px 14px;font-size:15px;background:#0a0a0a;border:1px solid #333;border-radius:12px}.login-form input:focus{border-color:var(--yellow);box-shadow:0 0 0 4px var(--yellow-glow)}.login-error{margin-bottom:12px;padding:10px 12px;border-radius:10px;font-size:13px;color:#ff8a8a;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.25)}.login-btn{margin-top:8px;padding:14px 16px;font-size:15px;border-radius:12px;letter-spacing:.02em}@media (max-width: 900px){.login-page{grid-template-columns:1fr}.login-hero{padding:48px 24px 24px;min-height:auto}.login-panel{border-left:none;border-top:1px solid rgba(255,255,255,.06);padding:24px 20px 48px}.login-icon{width:72px;height:72px;margin-bottom:20px}}.brand-label{font-size:20px;font-weight:800;letter-spacing:.02em;color:var(--yellow)}.brand-label .admin{color:var(--muted);font-weight:600}.app{max-width:1100px;margin:0 auto;padding:24px}.app.wide{max-width:1500px}header{display:flex;align-items:center;gap:12px;padding:8px 4px 24px;border-bottom:1px solid var(--line);margin-bottom:8px}main{display:grid;grid-template-columns:1fr 1fr;gap:20px}.col{display:flex;flex-direction:column;gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card h2{margin:0 0 14px;font-size:16px;display:flex;align-items:center;gap:8px}.count{background:var(--card2);color:var(--muted);border-radius:999px;padding:1px 9px;font-size:12px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);margin-bottom:12px}.row{display:flex;gap:12px}.row label{flex:1}input,select{background:var(--card2);border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:10px 12px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-glow)}button.primary{background:var(--yellow);color:var(--black);border:none;border-radius:10px;padding:11px 16px;font-weight:800;font-size:14px;width:100%;transition:background .15s,transform .1s}button.primary:hover:not(:disabled){background:var(--yellow-dim)}button.primary:active:not(:disabled){transform:scale(.98)}button.primary:disabled{opacity:.55}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:8px 14px;transition:border-color .15s,color .15s}button.ghost:hover{border-color:var(--yellow);color:var(--yellow)}button.mini{background:var(--card2);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:12px}button.mini.danger{color:var(--red);border-color:#432}.key-pill{margin-top:12px;background:var(--card2);border:1px dashed var(--yellow);border-radius:10px;padding:10px 12px;font-size:13px}.key-pill code{color:var(--yellow)}.list{display:flex;flex-direction:column;gap:8px}.item{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;transition:border-color .15s,background .15s}.item:hover{border-color:#444;background:#1e1e1e}.item.sel{border-color:var(--yellow);box-shadow:inset 0 0 0 1px #ffd60014}.item-main{display:flex;align-items:center;gap:8px}.item-sub{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px}.lk{font-size:13px}.tier{color:var(--yellow);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.badge{font-size:11px;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.badge.active{background:#2ecc7126;color:var(--green)}.badge.revoked{background:#ff4d4d26;color:var(--red)}.badge.suspended,.badge.expired{background:#ffd6001f;color:var(--yellow)}.banner{border-radius:12px;padding:12px 16px;margin-bottom:16px}.banner.err{background:#ff4d4d1f;border:1px solid #432}.pem{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:11px;overflow-x:auto;white-space:pre;color:#b9b9c2}.maxdev{display:inline-flex;align-items:center;gap:6px}.maxdev-input{width:52px;padding:3px 6px;font-size:12px;border-radius:8px;text-align:center;-moz-appearance:textfield}.maxdev-input::-webkit-outer-spin-button,.maxdev-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tabs{display:flex;gap:4px;margin-left:8px}.tab{background:transparent;color:var(--muted);border:none;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.tab:hover{color:var(--txt)}.tab.active{background:var(--card2);color:var(--yellow)}.devices-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.dev-pane{display:flex;flex-direction:column;gap:0;padding:0;max-height:calc(100vh - 150px);overflow-y:auto;overflow-x:hidden}.dev-pane h2{position:sticky;top:0;z-index:1;background:var(--card);margin:0;padding:16px 20px 12px;border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0}.dev-pane>*:not(h2){padding-left:20px;padding-right:20px}.dev-pane>*:last-child{padding-bottom:20px}.dev-pane .list{margin-top:12px}.dev-subhead{margin-bottom:10px;word-break:break-all}.dot{width:9px;height:9px;border-radius:999px;flex-shrink:0}.dot.on{background:var(--green);box-shadow:0 0 8px #2ecc7199}.dot.off{background:#555}.live-dot{width:8px;height:8px;border-radius:999px;margin-left:8px;flex-shrink:0}.live-dot.on{background:var(--green);box-shadow:0 0 8px #2ecc7199;animation:live-pulse 2s ease-in-out infinite}.live-dot.off{background:#b9852b}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.small{font-size:12px}.dev-pane .container-row{margin-bottom:6px}.dev-pane .lk{word-break:break-all}.container-row{display:flex;align-items:center;gap:10px;background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px}.container-row.active{border-color:var(--green);box-shadow:inset 0 0 0 1px #2ecc7126}.cidx{color:var(--muted);font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:12px}.cname{font-weight:600}@media (max-width: 820px){main{grid-template-columns:1fr}}@media (max-width: 1080px){.devices-grid{grid-template-columns:1fr}.dev-pane{max-height:none}.dev-pane h2{position:static}}