:root{--ink:#17201d;--muted:#747b77;--paper:#f2f3ef;--line:rgba(23,32,29,.12);--green:#33bd68;--red:#d84b46}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans SC",system-ui,sans-serif}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--muted);font-weight:700}.login-view{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 30%,rgba(82,244,138,.12),transparent 35%)}#login-form{width:min(100%,420px);padding:44px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 80px rgba(23,32,29,.08)}h1{margin:10px 0 36px;font-size:38px;letter-spacing:-.05em;font-weight:600}label{display:block;margin-top:18px;font-size:11px;font-weight:600}input,select{width:100%;height:48px;margin-top:8px;padding:0 14px;border:1px solid var(--line);background:#fafbf8;font:inherit;outline:none}input:focus,select:focus{border-color:var(--ink)}button{border:0;background:var(--ink);color:#fff;font:600 12px/1 inherit;cursor:pointer}#login-form button{width:100%;height:52px;margin-top:26px}.error{min-height:16px;color:var(--red);font-size:11px}.dashboard{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.dashboard aside{padding:32px 24px;background:#171b19;color:#fff;display:flex;flex-direction:column}.brand{color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.15em}.brand span{color:#858c88}.dashboard nav{margin-top:70px;padding:13px 14px;background:rgba(255,255,255,.08);font-size:12px;border-left:2px solid #52f48a}.dashboard aside button{margin-top:auto;text-align:left;color:#929995;background:transparent}.dashboard main{padding:44px 4vw;min-width:0}.dashboard header{display:flex;justify-content:space-between;align-items:center}.dashboard header h1{margin:5px 0 0}.dashboard header button{padding:13px 18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.stats article{padding:22px;background:#fff;border:1px solid var(--line)}.stats span{display:block;color:var(--muted);font-size:10px}.stats strong{display:block;margin-top:12px;font-size:28px}.toolbar{display:grid;grid-template-columns:1fr 170px 170px;gap:10px;margin-bottom:12px}.toolbar input,.toolbar select{margin:0}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:940px}th,td{padding:17px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:11px;white-space:nowrap}th{color:var(--muted);font-size:9px;letter-spacing:.08em;background:#f7f8f5}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;font-weight:600}.badge:before{content:"";width:6px;height:6px;border-radius:50%}.pending{background:#fff4da;color:#8d6512}.pending:before{background:#e3a62f}.success{background:#e4f7ea;color:#1b7d42}.success:before{background:#32bc66}.failed{background:#fde9e7;color:#a53732}.failed:before{background:#dd5049}.channel{font-weight:600}.empty{text-align:center;padding:60px;color:var(--muted);font-size:12px}.security-note{padding:12px 14px;background:#fff2d5;color:#856015;font-size:10px}.dashboard[hidden],.login-view[hidden]{display:none}@media(max-width:850px){.dashboard{grid-template-columns:1fr}.dashboard aside{padding:20px;flex-direction:row;align-items:center}.dashboard nav{margin:0 0 0 auto;background:transparent;border:0}.dashboard aside button{margin:0 0 0 20px}.dashboard main{padding:30px 20px}.stats{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}}@media(max-width:480px){#login-form{padding:32px 24px}.dashboard header h1{font-size:32px}.stats article{padding:17px}.stats strong{font-size:24px}}