:root{--bg: #f4f1ea;--panel: #ffffff;--panel-2: #f2eee4;--ink: #10302c;--muted: #64756f;--line: #e7e1d5;--teal: #12b3a2;--teal-deep: #0c7367;--coral: #ff5b57;--gold: #f5b301;--ok: #1f9d57;--warn: #d98a00;--blue: #0a84ff;--radius: 16px;--shadow: 0 1px 2px rgba(16,48,44,.04), 0 8px 24px -14px rgba(16,48,44,.22);--sidebar: 250px;--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #0c1513;--panel: #14201d;--panel-2: #1a2724;--ink: #ecf4f1;--muted: #92a8a2;--line: #22322e;--shadow: 0 8px 30px -18px rgba(0,0,0,.6)}}:root[data-theme=light]{--bg:#f4f1ea;--panel:#fff;--panel-2:#f2eee4;--ink:#10302c;--muted:#64756f;--line:#e7e1d5}:root[data-theme=dark]{--bg:#0c1513;--panel:#14201d;--panel-2:#1a2724;--ink:#ecf4f1;--muted:#92a8a2;--line:#22322e}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--teal-deep)}h1,h2,h3{letter-spacing:-.4px}button{font-family:inherit;cursor:pointer}input,select,textarea{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:11px;background:var(--panel);color:var(--ink);font:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 18%,transparent)}textarea{min-height:96px;resize:vertical}label{display:block;font-size:12.5px;color:var(--muted);font-weight:600;margin:14px 0 6px}.btn{border:0;border-radius:11px;padding:11px 17px;font-weight:700;background:var(--teal);color:#fff;transition:transform .12s,filter .12s,box-shadow .12s;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--teal) 80%,transparent)}.btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:default;box-shadow:none}.btn.ghost{background:var(--panel);color:var(--ink);border:1.5px solid var(--line);box-shadow:none}.btn.ghost:hover:not(:disabled){border-color:var(--teal);color:var(--teal-deep)}.btn.danger{background:transparent;color:var(--coral);border:1.5px solid var(--line);box-shadow:none}.btn.sm{padding:7px 12px;font-size:13px;border-radius:9px}.auth{min-height:100%;display:grid;grid-template-columns:1.05fr 1fr}.auth .brandside{background:linear-gradient(150deg,var(--teal-deep),var(--teal) 70%,#1bc4b0);color:#fff;padding:54px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth .brandside:after{content:"";position:absolute;right:-120px;bottom:-120px;width:380px;height:380px;border-radius:50%;background:#ffffff14}.auth .brandside .logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px}.auth .brandside h1{font-size:clamp(30px,4vw,46px);line-height:1.05;margin:0 0 14px;font-weight:800;max-width:460px}.auth .brandside p{color:#ffffffd9;max-width:400px;font-size:16px}.auth .brandside .pts{display:flex;flex-direction:column;gap:12px;margin-top:8px}.auth .brandside .pts div{display:flex;gap:10px;align-items:center;font-size:15px}.auth .formside{display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth .formcard{width:100%;max-width:380px}.auth .formcard h2{font-size:24px;margin:0 0 4px;font-weight:800}.auth .formcard .sub{color:var(--muted);margin:0 0 22px}@media (max-width: 860px){.auth{grid-template-columns:1fr}.auth .brandside{padding:30px 24px}.auth .brandside h1{font-size:26px}.auth .brandside .pts,.auth .brandside p{display:none}.auth .brandside{justify-content:flex-start;gap:14px;min-height:auto}}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;height:58px;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--line)}.topbar .logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px}.topbar .menu-btn{display:none;border:0;background:transparent;color:var(--ink);font-size:22px;padding:6px 8px;border-radius:9px}.topbar .menu-btn:hover{background:var(--panel-2)}.topbar .tb-title{font-weight:700;font-size:15px;color:var(--muted)}.topbar .tb-spacer{flex:1}.topbar .bizswitch{margin:0;padding:0;background:transparent;display:flex;align-items:center;gap:8px}.topbar .bizswitch select{min-width:150px;padding:8px 12px}.topbar .tb-acct{display:flex;align-items:center;gap:9px}.topbar .tb-acct .who-txt{line-height:1.15;text-align:right}.topbar .tb-acct .who-txt .nm{font-weight:700;font-size:13px}.body{flex:1;display:flex;align-items:stretch}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px;padding:16px 12px;position:sticky;top:58px;height:calc(100vh - 58px)}.sidebar .grp{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:4px 12px 8px;font-weight:700}.nav{border:0;background:transparent;color:var(--muted);text-align:left;padding:11px 12px;border-radius:10px;font-weight:600;font-size:14.5px;display:flex;gap:12px;align-items:center;width:100%;transition:background .12s,color .12s}.nav .ico{width:20px;text-align:center;opacity:.9}.nav:hover{background:var(--panel-2);color:var(--ink)}.nav.active{background:color-mix(in srgb,var(--teal) 15%,transparent);color:var(--teal-deep);font-weight:700}.sidebar .spacer{flex:1}.backdrop{display:none}.content{flex:1;min-width:0;padding:28px 32px;max-width:1040px;margin:0 auto;width:100%}.page-head{margin-bottom:22px}h1.page{font-size:24px;margin:0 0 3px;font-weight:800}.sub{color:var(--muted);margin:0;font-size:14px}@media (max-width: 900px){.topbar .menu-btn{display:block}.topbar .bizswitch select{min-width:120px;max-width:150px}.topbar .tb-title,.topbar .tb-acct .who-txt{display:none}.sidebar{position:fixed;top:58px;left:0;height:calc(100vh - 58px);z-index:40;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 20px 50px -20px #0006}.sidebar.open{transform:translate(0)}.backdrop.show{display:block;position:fixed;top:58px;right:0;bottom:0;left:0;background:#0006;z-index:35}.content{padding:18px 16px}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.card h2{margin:0 0 16px;font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}.row{display:flex;gap:14px;flex-wrap:wrap}.row>div{flex:1;min-width:150px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:18px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.stat .n{font-size:30px;font-weight:800;letter-spacing:-1px}.stat .l{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-top:2px}.muted{color:var(--muted);font-size:13.5px}.hint{color:var(--muted);font-size:12.5px;margin-top:6px}code{background:var(--panel-2);padding:2px 7px;border-radius:7px;font-size:12.5px;font-family:ui-monospace,SF Mono,Menlo,monospace}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}tr:last-child td{border-bottom:0}.tablewrap{overflow-x:auto}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill.read{background:color-mix(in srgb,var(--blue) 16%,transparent);color:var(--blue)}.pill.delivered{background:color-mix(in srgb,var(--teal) 18%,transparent);color:var(--teal-deep)}.pill.sent,.pill.queued{background:var(--panel-2);color:var(--muted)}.pill.failed,.pill.dead{background:color-mix(in srgb,var(--coral) 16%,transparent);color:var(--coral)}.pill.active,.pill.success{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.pill.pending{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:999px;font-size:13.5px;font-weight:600;opacity:0;transition:.25s;pointer-events:none;z-index:50;max-width:90vw;box-shadow:0 10px 30px -10px #0006}.toast.show{opacity:1}.toast.err{background:var(--coral);color:#fff}.avatar{border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--teal),var(--teal-deep));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex:0 0 auto}@media (max-width: 560px){.row>div{min-width:100%}.card{padding:16px}.content{padding:14px 12px}h1.page{font-size:21px}table{font-size:13px}th,td{padding:8px}}