:root{--bg:#f3eee5;--card:#fffdf8;--line:#d7d1c4;--text:#16212b;--muted:#6a7580;--accent:#1c6ea4;--ok:#137547;--warn:#8a6200;--error:#a13737}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(180deg,#fef5db 0%,var(--bg)100%);margin:0;font-family:Segoe UI,system-ui,sans-serif}.page{max-width:1100px;margin:0 auto;padding:20px}header{justify-content:space-between;align-items:center;gap:12px;display:flex}section{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-top:16px;padding:14px}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:10px}th{color:var(--muted);font-weight:600}.row{flex-wrap:wrap;gap:8px;display:flex}input,select,button{border:1px solid var(--line);font:inherit;border-radius:10px;padding:9px 10px}button{cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.tag{border:1px solid;border-radius:999px;padding:2px 8px;font-size:12px}.tag.DRAFT,.tag.SENT{color:var(--warn);background:#fff7db}.tag.DELIVERED{color:var(--ok);background:#ebf8ef}.tag.ERROR{color:var(--error);background:#fdeeee}.log{color:#dcecff;white-space:pre-wrap;background:#101925;border-radius:10px;max-height:260px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.pwa-install-btn{z-index:1000;color:#fff;background:#1c6ea4;border-color:#1c6ea4;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 20px #1c6ea44d}