:root{color-scheme:dark;--ink:#e9f5fb;--muted:#8ca8b8;--line:#173f55;--panel:#0d2939;--panel2:#102f41;--nav:#061b28;--accent:#30c6a7;--accent2:#46a7ff;--danger:#ff6677;--warning:#f3c969;--radius:16px;font-family:"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#153f55 0,transparent 34%),#071e2b;color:var(--ink);min-height:100vh}.shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#061925,#082331);border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 30px}.brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#03202c;font-weight:800}.brand strong,.brand span{display:block}.brand span{font-size:.78rem;color:var(--muted);margin-top:2px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#a9bfcb;text-align:left;padding:12px 14px;border-radius:10px;font:inherit;cursor:pointer}.nav-item:hover,.nav-item.active{background:#11394d;color:#fff}.badge{float:right;background:var(--warning);color:#302100;border-radius:999px;padding:1px 7px;font-size:.75rem}.trust-note{margin-top:auto;border-top:1px solid var(--line);padding:20px 9px 0;display:flex;gap:10px;font-size:.78rem}.trust-note strong,.trust-note a{display:block}.trust-note a{color:#87c8f9;text-decoration:none;margin-top:3px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);margin-top:4px}main{padding:0 34px 40px;min-width:0}.topbar{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:28px}.topbar h1{margin:2px 0 0;font-size:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;color:var(--accent);margin:0}.identity{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:.85rem}.login-card,.panel,.cards article,.drawer{background:linear-gradient(145deg,rgba(17,50,67,.96),rgba(9,35,49,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 60px rgba(0,0,0,.18)}.login-card{max-width:980px;margin:70px auto;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;padding:48px}.login-card h2{font-size:2rem;margin:10px 0}.login-card p{color:var(--muted);line-height:1.7}form{display:grid;gap:15px}label{display:grid;gap:7px;font-size:.82rem;color:#bcd0da}input,textarea{width:100%;border:1px solid #28536a;background:#071f2c;color:#fff;border-radius:9px;padding:11px 12px;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(70,167,255,.12)}button{font:inherit}.primary,.ghost,.danger{border-radius:9px;padding:10px 15px;cursor:pointer}.primary{border:0;background:linear-gradient(135deg,var(--accent),#48b4ec);color:#04202b;font-weight:700}.ghost{background:transparent;color:#c7dbe5;border:1px solid #31576b}.danger{background:rgba(255,102,119,.12);border:1px solid rgba(255,102,119,.45);color:#ff9aa6}.form-message{min-height:20px;color:var(--warning);margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:18px}.cards article{padding:22px}.cards span,.cards small{display:block;color:var(--muted)}.cards strong{display:block;font-size:2rem;margin:10px 0}.panel{padding:22px;margin-bottom:18px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-heading h2{margin:3px 0 0}.workflow{display:grid;gap:12px;color:#c1d4de;line-height:1.5}.view{display:none}.active-view{display:block}.hidden{display:none!important}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}td{font-size:.9rem}.empty{text-align:center;color:var(--muted);padding:32px}.drawer{padding:24px;margin-top:18px}.drawer dl{display:grid;grid-template-columns:190px 1fr;gap:10px 20px}.drawer dt{color:var(--muted)}.drawer dd{margin:0;overflow-wrap:anywhere}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:17px}.list,.timeline{display:grid;gap:10px}.list-item,.timeline-item{border:1px solid var(--line);border-radius:10px;padding:14px;background:rgba(3,22,32,.4)}.list-item{display:grid;grid-template-columns:1fr auto;gap:12px}.timeline-item small,.list-item small{color:var(--muted)}@media(max-width:950px){.shell{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(4,1fr)}.trust-note{display:none}.cards{grid-template-columns:repeat(2,1fr)}main{padding:0 18px 30px}.login-card{grid-template-columns:1fr;margin:25px auto}}@media(max-width:620px){.sidebar nav{grid-template-columns:1fr 1fr}.topbar{height:auto;padding:22px 0}.identity{align-items:flex-end;flex-direction:column}.cards{grid-template-columns:1fr}.login-card{padding:26px;gap:24px}.drawer dl{grid-template-columns:1fr}.drawer dd{margin-bottom:8px}}
.setup-link{display:block;text-align:center;color:#87c8f9;text-decoration:none;font-size:.85rem}.setup-shell{max-width:760px;margin:0 auto;padding:40px 20px}.setup-shell .panel{padding:34px}.setup-shell h1{margin:8px 0 10px}.setup-note{border-left:3px solid var(--warning);padding:10px 14px;background:rgba(243,201,105,.08);color:#d9c991;border-radius:0 8px 8px 0}.setup-actions{display:flex;gap:12px;align-items:center}.setup-actions a{color:#87c8f9}
.invitation-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px 18px}.invitation-grid .primary{align-self:end;height:43px}.invitation-options{display:flex;align-items:center;gap:20px}.invitation-options label{display:flex;align-items:center;gap:8px}.invitation-options input{width:auto}.invitation-result{margin-top:18px;padding:16px;border:1px solid #2f816f;background:rgba(48,198,167,.08);border-radius:10px;overflow-wrap:anywhere}.invitation-result strong,.invitation-result code{display:block}.invitation-result code{margin-top:8px;font-size:1.08rem;color:#8fe9d5}@media(max-width:720px){.invitation-grid{grid-template-columns:1fr}}
