:root { --bg:#0f1420; --card:#1a2233; --ink:#e8ecf4; --muted:#8b96ab;
        --ok:#3fb26f; --warn:#e0a63c; --bad:#e05c5c; --line:#2a3550; }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.5 system-ui,-apple-system,sans-serif;
       background:var(--bg); color:var(--ink); }
header { display:flex; justify-content:space-between; align-items:center;
         padding:14px 22px; border-bottom:1px solid var(--line); }
h1 { font-size:19px; margin:0; }
h2 { font-size:15px; margin:0 0 10px; }
main, #login { max-width:1080px; margin:18px auto; padding:0 16px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:10px;
        padding:16px 18px; margin-bottom:16px; }
.hidden { display:none; }
.muted { color:var(--muted); font-weight:normal; font-size:13px; }
.error { color:var(--bad); margin-top:8px; }
table { width:100%; border-collapse:collapse; font-size:13px; }
th, td { text-align:left; padding:5px 8px; border-bottom:1px solid var(--line); }
th { color:var(--muted); font-weight:600; }
.oc-silent { color:var(--muted); }
.oc-delivered { color:var(--ok); }
.oc-needs_attention { color:var(--bad); font-weight:700; }
.proposal { border:1px solid var(--line); border-radius:8px; padding:10px 12px;
            margin-bottom:10px; }
.pill { background:#243050; border-radius:20px; padding:1px 9px; font-size:12px;
        margin-right:6px; }
.actions { margin-top:8px; }
button { border:0; border-radius:6px; padding:6px 14px; cursor:pointer;
         font-weight:600; margin-right:8px; }
.yes { background:var(--ok); color:#08130c; }
.no  { background:var(--bad); color:#190808; }
.done{ background:#243050; color:var(--ink); font-size:12px; padding:2px 10px; }
input { background:#111827; border:1px solid var(--line); color:var(--ink);
        border-radius:6px; padding:8px 10px; margin-right:8px; width:min(420px,60%); }
#login-form button, #next-form button { background:#3b6fe0; color:#fff; }
ul { list-style:none; padding:0; margin:8px 0 0; }
li { display:flex; gap:8px; align-items:center; padding:5px 0;
     border-bottom:1px solid var(--line); }
footer { margin:6px 0 30px; }