:root{--bg: #0f1a17;--bg2: #162822;--panel: #1c322b;--ink: #e8f2ee;--muted: #9bb5ab;--accent: #3dba8a;--accent2: #f0c35a;--danger: #e36b6b;--line: rgba(232, 242, 238, .12);--font: "DM Sans", system-ui, sans-serif;--display: "Fraunces", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(900px 500px at 10% -10%,rgba(61,186,138,.18),transparent 55%),radial-gradient(700px 420px at 100% 0%,rgba(240,195,90,.12),transparent 50%),linear-gradient(160deg,var(--bg),#0b1412 60%,#12201b)}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}.shell{max-width:1200px;margin:0 auto;padding:20px 20px 48px}.mainnav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.navlink{color:var(--muted);padding:8px 12px;border-radius:10px;border:1px solid transparent;font-size:.9rem}.navlink:hover{color:var(--ink);border-color:var(--line)}.navlink.active{color:#062018;background:linear-gradient(135deg,#2f9e74,#3dba8a);font-weight:600}.navlogout{margin-left:auto}.brand{font-family:var(--display);font-size:1.65rem;letter-spacing:-.02em;margin:0}.sub{color:var(--muted);margin:4px 0 0;font-size:.95rem}.topbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:10px 14px;cursor:pointer}.btn:hover{border-color:#3dba8a73}.btn-primary{background:linear-gradient(135deg,#2f9e74,#3dba8a);border-color:transparent;color:#062018;font-weight:600}.btn-ghost{background:transparent}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#1c322bd9;border:1px solid var(--line);border-radius:18px;padding:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-card h1{font-family:var(--display);margin:0 0 6px;font-size:2rem}.field{display:grid;gap:6px;margin-top:14px}.field label{font-size:.85rem;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border-radius:10px;border:1px solid var(--line);background:#12201b;color:var(--ink);padding:11px 12px}.err{color:var(--danger);margin-top:12px;font-size:.9rem}.okmsg{color:var(--accent);margin:8px 0 14px;font-size:.92rem}.btnrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.btn-danger{background:linear-gradient(135deg,#a63d3d,#e36b6b);border-color:transparent;color:#fff;font-weight:600}.badge-warn{background:#e36b6b33;color:#f0a0a0}.badge-ok{background:#3dba8a33;color:#9ee0c4}.stoplist{list-style:none;padding:0;margin:0}.stoplist li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.stoplist li:last-child{border-bottom:0}.msgpreview{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.table td .btnrow{justify-content:flex-end}.codebox{margin-top:12px;padding:12px;border-radius:10px;background:#0b1412;border:1px solid var(--line);overflow:auto;font-size:.8rem;color:#9ee0c4}.checklist{margin:8px 0 0;padding-left:1.2rem;color:var(--muted);line-height:1.55}.checklist li{margin:6px 0}@media(max-width:860px){.msgpreview{max-width:140px}}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.toolbar input,.toolbar select{border-radius:10px;border:1px solid var(--line);background:#12201b;color:var(--ink);padding:10px 12px;min-width:180px}.table{width:100%;border-collapse:collapse;background:#162822b3;border:1px solid var(--line);border-radius:14px;overflow:hidden}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-weight:500;font-size:.82rem}.table tr:last-child td{border-bottom:0}.table tr{cursor:pointer}.table tr:hover td{background:#3dba8a0f}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:.75rem;background:#3dba8a26;color:#9ee0c4}.muted{color:var(--muted);font-size:.88rem}.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}@media(max-width:860px){.grid2{grid-template-columns:1fr}}.panel{background:#162822bf;border:1px solid var(--line);border-radius:14px;padding:16px}.panel h2{margin:0 0 12px;font-size:1.05rem;font-family:var(--display)}.kv{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;font-size:.92rem}.kv span:first-child{color:var(--muted)}.msg{border-top:1px solid var(--line);padding:10px 0;font-size:.9rem}.msg:first-of-type{border-top:0}.msg .dir{font-size:.75rem;color:var(--accent2)}