:root{color-scheme:dark;--bg:#0a1220;--panel:#101d30;--panel2:#14243a;--line:#263a52;--text:#edf4fc;--muted:#a5b8ce;--blue:#6ec6ff;--green:#6dd9b3;--red:#ffa7ae;--amber:#ffd18c;font-family:Calibri,Arial,sans-serif;font-size:17px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -30%,#154a72 0,transparent 52%),var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{min-height:46px;border:1px solid transparent;border-radius:12px;background:#82cbff;color:#081a2c;font-weight:700;padding:11px 19px;cursor:pointer}button:hover{filter:brightness(1.09)}button:disabled{opacity:.6;cursor:wait}button.secondary,.secondary{background:var(--panel2);color:var(--text);border-color:var(--line)}button.ghost{background:transparent;color:var(--muted);border-color:var(--line)}button.danger{background:#422334;color:#ffb8bd;border-color:#774052}button.small{padding:7px 12px;min-height:39px;font-size:.9rem}input,select,textarea{width:100%;background:#0b1728;border:1px solid #344b65;border-radius:10px;color:var(--text);padding:12px;min-height:47px;outline:none}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #6ec6ff20}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--blue)}label{display:grid;gap:7px;color:#cbdaeb;font-size:.94rem}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:2.05rem;letter-spacing:-.025em}h2{font-size:1.35rem}h3{font-size:1.1rem}p{line-height:1.6}small,.muted{color:var(--muted)}.eyebrow{font-size:.78rem;font-weight:bold;letter-spacing:.13em;color:var(--blue);direction:ltr;display:inline-block}.loading{padding:30vh 20px;text-align:center}.auth{max-width:1040px;margin:10vh auto;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.auth-intro{display:grid;gap:24px}.brand{display:flex;gap:13px;align-items:center}.brand img{width:45px;height:45px}.brand strong{display:block;font-size:1.3rem}.brand small{display:block;margin-top:1px;font-size:.8rem}.auth-intro h1{font-size:2.9rem;line-height:1.15}.auth-intro p{color:var(--muted);max-width:440px}.intro-steps{display:grid;gap:18px;margin-top:8px}.intro-step{display:flex;align-items:center;gap:14px;color:#c5d7e9}.step-dot{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#183954;color:var(--blue);font-size:.8rem}.panel{background:linear-gradient(145deg,#14243a,#101c2e);border:1px solid var(--line);border-radius:20px;padding:25px}.auth-panel{box-shadow:0 20px 70px #0004}.stack{display:grid;gap:18px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.notice{background:#252337;border:1px solid #504453;border-radius:12px;padding:13px 16px;color:var(--amber);font-size:.91rem;line-height:1.55}.notice.info{background:#112a40;border-color:#285778;color:#addcff}.error{color:#ffc0c5;font-size:.9rem;min-height:20px}.auth-switch{background:transparent;color:var(--blue);font-size:.94rem;padding:8px}.shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{padding:30px 20px;background:#0d1728d9;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:35px;position:sticky;top:0;height:100vh}.nav{display:grid;gap:8px}.nav button{text-align:right;background:transparent;color:var(--muted);font-weight:400}.nav button.active{background:#193652;color:#b1e3ff;box-shadow:inset -3px 0 var(--blue)}.sidebar-bottom{margin-top:auto;display:grid;gap:12px}.env{font-size:.76rem;color:#efc68b;line-height:1.5;background:#2b2630;padding:11px;border-radius:10px}.workspace{padding:34px clamp(20px,4vw,65px);min-width:0;max-width:1700px;width:100%;margin:auto}.topbar{margin-bottom:26px}.page-intro{margin:28px 0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-intro p{color:var(--muted);margin-top:8px}.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:20px;border:1px solid #30475f;color:#c4d6e8;font-size:.78rem;white-space:nowrap}.pill.safe{background:#16372f;color:#84e8c5;border-color:#326658}.pill.help{background:#45283a;color:#ffb5bc;border-color:#764559}.pill.ack{background:#17354c;color:#95d6ff;border-color:#2e5b7c}.pill.away{background:#332e4a;color:#c5b9f9;border-color:#595076}.pill.pending{background:#362f22;color:#eec993;border-color:#635037}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat{padding:21px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.stat strong{display:block;font-size:2.3rem;margin-top:12px;font-weight:600}.stat small{font-size:.88rem}.stat.red strong{color:var(--red)}.stat.green strong{color:var(--green)}.stat.amber strong{color:var(--amber)}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.toolbar input{max-width:330px}.toolbar select{width:auto;min-width:145px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:15px}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap;font-size:.93rem}th{background:#152439;color:var(--muted);font-size:.82rem;font-weight:400;padding:16px}td{padding:16px;border-top:1px solid var(--line);background:#101c2c}tr:hover td{background:#142337}td small{display:block;margin-top:5px}.table-name{font-weight:700}.empty{text-align:center;padding:60px 24px;background:#101d2e;border:1px dashed #38516c;border-radius:18px;display:grid;gap:12px}.empty p{color:var(--muted)}.empty-symbol{font-size:2rem;color:var(--blue)}.events{display:grid;gap:16px}.event-card{color:var(--text);text-align:right;width:100%;cursor:pointer;transition:border-color .15s}.event-card:hover{border-color:#5792bd}.message{white-space:pre-wrap;line-height:1.65;color:#d8e7f5}.event-meta{margin-top:14px;font-size:.85rem;color:var(--muted)}.member{background:#0c192b;border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:12px}.divider{border:0;border-top:1px solid var(--line);margin:18px 0}.response-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.response-buttons button{min-height:72px;background:#162a40;color:var(--text);border:2px solid var(--line)}.response-buttons button.selected{border-color:var(--blue);background:#204363}.response-buttons button[data-status=help]{color:#ffb5bc}.response-buttons button[data-status=safe]{color:#8ce6c4}.mobile-wrap{max-width:680px;margin:auto}.event-detail{display:grid;gap:20px}.event-detail h2{font-size:1.6rem}.back{background:transparent;color:var(--muted);padding-right:0}.subtle{font-size:.85rem;color:var(--muted);line-height:1.5}.checkbox{display:flex;align-items:center;gap:9px}.field-row{display:grid;grid-template-columns:minmax(100px,1fr) auto auto;gap:12px;align-items:center}.field-list{display:grid;gap:13px}.code-box{background:#081322;border:1px solid #416280;border-radius:12px;word-break:break-all;direction:ltr;user-select:all;padding:18px;font-family:monospace;font-size:.9rem}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.details-grid dt{color:var(--muted);font-size:.82rem;margin-bottom:6px}.details-grid dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.status-line{font-size:.83rem;color:var(--muted)}.status-line.failed{color:var(--red)}.data-note{font-size:.82rem;color:var(--muted);margin-top:14px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 22px;border:1px solid #518376;background:#153c36;color:#d8fff1;border-radius:13px;max-width:90vw;z-index:20;display:none;box-shadow:0 8px 30px #0007}#toast.visible{display:block}dialog{background:var(--panel);color:var(--text);border:1px solid #45617f;border-radius:20px;max-width:680px;width:calc(100% - 32px);padding:28px;max-height:88vh;overflow:auto}dialog::backdrop{background:#010815b8;backdrop-filter:blur(5px)}#modal-body{margin-bottom:23px}.hidden{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #90d5ff;outline-offset:3px}@media(max-width:1000px){.shell{grid-template-columns:190px 1fr}.sidebar{padding:25px 14px}.workspace{padding:25px 20px}.stats{gap:10px}.stat{padding:15px}.auth{gap:35px}.auth-intro h1{font-size:2.4rem}}@media(max-width:700px){.auth{display:block;margin:0 auto;padding:28px 18px}.auth-intro{gap:17px;margin-bottom:28px}.auth-intro h1{font-size:2rem}.intro-steps{display:none}.panel{padding:20px;border-radius:16px}.shell{display:block}.sidebar{position:static;height:auto;padding:18px 18px 10px;gap:16px;border-left:0;border-bottom:1px solid var(--line)}.sidebar>.brand{justify-content:space-between}.nav{display:flex;overflow:auto;gap:6px}.nav button{white-space:nowrap;padding:10px 14px;min-height:42px;font-size:.9rem}.nav button.active{box-shadow:inset 0 -2px var(--blue)}.sidebar-bottom{display:none}.workspace{padding:20px 16px 45px}.topbar{margin:0 0 18px}.page-intro{align-items:flex-start;margin-top:22px}h1{font-size:1.65rem}.page-intro p{font-size:.92rem}.page-intro>.row{flex-shrink:0}.page-intro button{font-size:.85rem;padding:10px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.stat{padding:16px}.stat strong{font-size:2rem;margin-top:7px}.grid2{grid-template-columns:1fr}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1;max-width:none}.toolbar select{width:100%;min-width:0}.field-row{grid-template-columns:1fr auto}.field-row .checkbox{grid-column:1}.field-row button{grid-row:1;grid-column:2}.details-grid{gap:16px}.response-buttons button{font-size:.93rem}.row.between{gap:14px}.brand img{width:38px;height:38px}.env-inline{font-size:.75rem}.event-card .row.between{align-items:flex-start}.member{padding:13px}.panel .row>.secondary{font-size:.85rem}dialog{padding:22px}.auth-panel h2{font-size:1.3rem}}

.sender-actions{margin-top:14px}