:root{--bg:#0f0f0e;--surface:#1a1a18;--border:#2a2a27;--text:#e8e6e0;--muted:#7a7870;--accent:#c0392b;--green:#4caf6e;--yellow:#e0b84e;--blue:#5b9bd5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;font-size:14px;line-height:1.5}#auth-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-box{background:var(--surface);border:1px solid var(--border);border-radius:4px;width:420px;padding:40px}.auth-box h1{margin-bottom:4px;font-size:20px;font-weight:600}.auth-box p{color:var(--muted);margin-bottom:24px;font-size:13px}#app{grid-template-columns:210px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex}.sidebar-logo{border-bottom:1px solid var(--border);padding:20px}.sidebar-logo strong{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:700}.sidebar-logo span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.nav-section{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:16px 16px 4px;font-size:10px}.nav-item{color:var(--muted);cursor:pointer;user-select:none;border-left:2px solid #0000;padding:9px 16px;font-size:13px;font-weight:500;text-decoration:none;display:block}.nav-item:hover{color:var(--text);background:#ffffff05}.nav-item.active{color:var(--text);border-left-color:var(--accent);background:#ffffff08}.sidebar-foot{border-top:1px solid var(--border);margin-top:auto;padding:16px}main{padding:28px 32px;overflow-y:auto}.page-hdr{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.page-hdr h1{font-size:20px;font-weight:600}.page-hdr p{color:var(--muted);margin-top:2px;font-size:13px}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:16px 18px}.stat .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.stat .val{margin-top:2px;font-size:26px;font-weight:700}.tbl-wrap{background:var(--surface);border:1px solid var(--border);-webkit-overflow-scrolling:touch;border-radius:3px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 14px;font-size:10px;font-weight:600}tbody tr{border-bottom:1px solid var(--border)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#ffffff04}td{vertical-align:middle;padding:9px 14px}.mono{color:var(--muted);font-family:Courier New,monospace;font-size:12px}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:2px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.b-green{color:var(--green);background:#4caf6e26}.b-yellow{color:var(--yellow);background:#e0b84e26}.b-blue{color:var(--blue);background:#5b9bd526}.b-red{color:#e07060;background:#c0392b26}.b-grey{color:var(--muted);background:#78786e1f}.form-grid{gap:14px;display:grid}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:11px;font-weight:600;display:block}input,textarea,select{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:2px;padding:7px 10px;font-family:inherit;font-size:13px}input:focus,textarea:focus{border-color:var(--accent);outline:none}.pw-wrap{position:relative}.pw-wrap input{padding-right:34px}.pw-toggle{width:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:0;bottom:0;right:0}.pw-toggle:hover,.pw-toggle.active{color:var(--text)}textarea{resize:vertical;min-height:130px;font-family:Courier New,monospace;font-size:12px}.btn{cursor:pointer;border:none;border-radius:2px;padding:7px 16px;font-size:13px;font-weight:600}.btn-p{background:var(--accent);color:#fff}.btn-p:hover{background:#a93226}.btn-g{border:1px solid var(--border);color:var(--muted);background:0 0}.btn-g:hover{border-color:var(--text);color:var(--text)}.btn-sm{padding:4px 10px;font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:20px}.card h3{color:var(--text);margin-bottom:14px;font-size:13px;font-weight:600}.card+.card{margin-top:14px}.modal-overlay{z-index:500;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal-overlay .card{width:100%;max-height:90vh;overflow-y:auto}.mt12{margin-top:12px}.mt20{margin-top:20px}.muted{color:var(--muted)}.sm{font-size:12px}.empty-state{text-align:center;color:var(--muted);padding:48px;font-size:13px}.copy-link{color:var(--accent);cursor:pointer;font-family:monospace;font-size:12px;text-decoration:underline dotted}pre.code{background:var(--bg);border:1px solid var(--border);color:var(--muted);white-space:pre-wrap;word-break:break-all;border-radius:2px;margin-bottom:14px;padding:12px;font-size:11px}#toast{background:var(--surface);border:1px solid var(--border);z-index:999;border-radius:3px;padding:10px 16px;font-size:13px;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 24px #00000080}#toast.ok{border-left:3px solid var(--green)}#toast.err{border-left:3px solid #e07060}@media (width<=1024px){#app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center}.sidebar-logo{border-bottom:none;padding:12px 16px}.nav-section{display:none}.nav-item{border-bottom:2px solid #0000;border-left:none;padding:8px 12px}.nav-item.active{border-left-color:#0000;border-bottom-color:var(--accent)}.sidebar-foot{border-top:none;margin:0 0 0 auto;padding:8px 16px}main{padding:16px}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats{grid-template-columns:1fr}main{padding:12px}}