:root{--bg: #0b0f14;--panel: #121a22;--panel2: #0f1620;--text: #e6eef7;--muted: #6d8499;--accent: #5cf2c2;--accent-dim: rgba(92, 242, 194, .14);--danger: #ff6b6b;--danger-dim: rgba(255, 107, 107, .12);--border: rgba(255, 255, 255, .1);--border-accent: rgba(92, 242, 194, .35);--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 10% 0%,rgba(92,242,194,.07),transparent 55%),radial-gradient(800px 600px at 90% 0%,rgba(110,168,255,.07),transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}.container{max-width:1100px;margin:0 auto;padding:24px 16px 64px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:16px}.title{font-size:17px;font-weight:700;letter-spacing:.3px;margin:0 0 4px}.subtitle{margin:0;color:var(--muted);font-size:12px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.spacer{flex:1}.identity-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:8px 14px;margin-bottom:16px;font-size:13px}.id-item{display:flex;align-items:center;gap:6px}.login-box{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.login-icon{font-size:48px}.login-box p{color:var(--muted);margin:0}.btn.lg{padding:12px 28px;font-size:15px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.tab-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:10px 18px;cursor:pointer;font-size:13px;font-weight:600;transition:color .15s,border-color .15s;margin-bottom:-1px}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:720px){.grid2{grid-template-columns:1fr}}.users-layout{display:flex;flex-direction:column;gap:14px}.card{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 120%),var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.card h2{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.card-head-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff0f;color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--border-accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{border-color:var(--border-accent);background:var(--accent-dim);color:var(--accent)}.btn.primary:hover:not(:disabled){background:#5cf2c238}.btn.danger{border-color:#ff6b6b66;background:var(--danger-dim);color:var(--danger)}.btn.accent{border-color:#6ea8ff66;background:#6ea8ff1a;color:#6ea8ff}.btn-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.action-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff0d;color:var(--muted);padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;margin-right:4px;transition:all .15s}.action-btn:hover{color:var(--text);border-color:var(--border-accent)}.action-btn.del{color:var(--danger);border-color:#ff6b6b4d}.action-btn.del:hover{background:var(--danger-dim)}.form-grid{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;align-items:center}.form-grid label{font-size:12px;color:var(--muted);font-weight:600}.inp{background:#00000059;border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:13px;font-family:inherit;padding:7px 10px;width:100%;transition:border-color .15s;box-sizing:border-box}.inp:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px #5cf2c21a}.table-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead tr{border-bottom:1px solid var(--border)}.tbl th{text-align:left;padding:6px 10px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.tbl td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.tbl tbody tr:hover{background:#ffffff06}.tbl tbody tr:last-child td{border-bottom:none}.selected-row{background:#5cf2c20a!important}.kv{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;font-size:13px}.k{color:var(--muted);font-size:12px}.v{font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mono{font-family:var(--mono);font-size:12px;color:var(--muted)}.ok-text{color:var(--accent)}.err-text{color:var(--danger)}.pre{font-family:var(--mono);font-size:12px;white-space:pre-wrap;word-break:break-word;margin:8px 0 0;padding:10px;border-radius:8px;background:#0000004d;border:1px solid var(--border);max-height:280px;overflow-y:auto}.pre.ok{border-color:#5cf2c233}.pre.err{border-color:#ff6b6b4d;color:#fca5a5}.tag{display:inline-block;font-family:var(--mono);font-size:11px;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.tag.ok{border-color:var(--border-accent);color:var(--accent)}.tag.err{border-color:#ff6b6b66;color:var(--danger)}.chip{display:inline-block;background:#5cf2c214;border:1px solid rgba(92,242,194,.25);color:var(--accent);font-family:var(--mono);font-size:11px;padding:2px 8px;border-radius:4px;margin:2px}.notice{padding:10px 14px;border-radius:8px;background:#ffffff0a;border:1px solid var(--border);color:var(--muted);font-size:13px}.notice.err{border-color:#ff6b6b4d;background:var(--danger-dim);color:var(--danger)}
