:root{--navy:#06192c;--blue:#087cf0;--ink:#102a46;--muted:#6f8298;--line:#dce6ef;--soft:#f4f8fb;--green:#18a967;--red:#d94b61}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#eef4f8}.top{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand img{width:190px;max-height:48px}.top-actions{display:flex;gap:12px;align-items:center}.top a,.top button{font:inherit;font-size:13px;color:#35516a;text-decoration:none}.top button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px 13px}.shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 74px)}aside{background:linear-gradient(180deg,#06192c,#082843);color:#d5e4ef;padding:30px 18px;display:flex;flex-direction:column}aside h2{margin:5px 10px 24px;color:#fff}aside nav{display:grid;gap:5px}aside nav button{border:0;background:transparent;color:#b9ccdc;text-align:left;padding:12px 14px;border-radius:7px;font-weight:600;cursor:pointer}aside nav button.active{background:#0c4b7c;color:#fff;border-left:2px solid #1bd4e7}.privacy{margin-top:auto;border-top:1px solid #244761;padding:20px 10px;font-size:11px;letter-spacing:.1em;color:#27d1e2}.privacy span{letter-spacing:0;color:#8ea8bb;font-size:10px}.content{padding:32px 4vw}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#078ecf}.hero{background:linear-gradient(105deg,#fff,#f6fbff);border:1px solid var(--line);padding:26px 30px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hero h1{margin:4px 0 8px;font-size:31px}.hero p{margin:0;color:var(--muted)}.mode{font-size:10px;letter-spacing:.14em;color:#18849e;border:1px solid #bfe3e8;padding:10px 14px;border-radius:20px}.auth-card{max-width:480px;margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:34px;box-shadow:0 20px 50px rgba(17,53,86,.08)}.auth-card h1{margin:5px 0 24px}.auth-card label{display:grid;gap:6px;font-size:12px;color:#5e7488;margin:13px 0}.auth-card input,.actions input{width:100%;padding:12px;border:1px solid #cfdce7;border-radius:7px;font:inherit}.primary{border:0;background:var(--blue);color:#fff;padding:11px 16px;border-radius:7px;font-weight:750;cursor:pointer}.error{color:var(--red);font-size:12px}.subtle,.hint{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.cards article,.panel{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 4px 18px rgba(17,53,86,.04)}.cards article{padding:18px}.cards span,.cards small{display:block;color:var(--muted);font-size:11px}.cards strong{display:block;font-size:22px;margin:8px 0}.panel{padding:22px;margin-bottom:18px}.panel h2{margin:0 0 16px;font-size:18px}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:#f1f6fa;color:#657d92;padding:10px}td{padding:11px 10px;border-bottom:1px solid #edf2f6}td small{color:#899aab}.actions{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:700px}pre{white-space:pre-wrap;background:#071c31;color:#cbe8f5;padding:16px;border-radius:7px;min-height:68px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-grid div{background:#f7fafc;padding:15px;border-radius:7px}.profile-grid span,.profile-grid strong{display:block}.profile-grid span{font-size:10px;color:var(--muted);margin-bottom:5px}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{display:none}.cards{grid-template-columns:1fr 1fr}.hero{display:block}.mode{display:inline-block;margin-top:15px}}@media(max-width:560px){.content{padding:18px}.cards{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.actions{grid-template-columns:1fr}.top{padding:0 18px}.brand img{width:160px}}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label{display:grid;gap:6px;font-size:12px;color:#5e7387}.form-grid input{width:100%;padding:11px;border:1px solid #d5e1eb;border-radius:7px}.link-button{border:0;background:transparent;color:#087cf0;font-weight:700;cursor:pointer;padding:0}.secondary{border:1px solid #cbd9e5;background:#fff;color:#173653;padding:11px 15px;border-radius:7px;font-weight:750;cursor:pointer}.operator-shell{max-width:1500px;margin:0 auto;padding:34px}.operator-login{max-width:520px;margin:80px auto}.operator-grid{display:grid;grid-template-columns:1.05fr 1.45fr;gap:18px;margin-top:18px}.click-row{cursor:pointer}.click-row:hover{background:#f4f9fd}.detail-empty{color:#7b8fa2;padding:22px}.operator-grid h3{margin:24px 0 8px;font-size:13px;color:#21415f}@media(max-width:900px){.operator-grid,.form-grid{grid-template-columns:1fr}.operator-shell{padding:16px}}