*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#253041;font:15px/1.48 system-ui,-apple-system,Arial,sans-serif}body{--accent:#36594c;--soft:#e9f2ed}body[data-theme=ocean]{--accent:#216a9a;--soft:#e9f3fc}body[data-theme=graphite]{--accent:#414752;--soft:#eceef1}body[data-theme=bordeaux]{--accent:#823d52;--soft:#f9eaf0}body[data-theme=olive]{--accent:#777344;--soft:#f2f1e3}body[data-theme=terracotta]{--accent:#a35d42;--soft:#faeee6}a{color:var(--accent);text-decoration:none}header{background:var(--accent);color:white;padding:18px 26px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}header a{color:white}header .brand{font-weight:750;font-size:19px}nav{display:flex;gap:14px;flex-wrap:wrap}main{max-width:1140px;margin:25px auto;padding:0 18px}.card{background:white;border:1px solid #e3e8ec;padding:23px;border-radius:12px;margin-bottom:17px;box-shadow:0 2px 7px #18253609}.muted{color:#657385}.tiny{font-size:12px}h1{font-size:25px;margin:0 0 18px}h2{font-size:19px;margin:0 0 12px}h3{margin:0 0 10px}label{font-weight:600;display:block;margin:12px 0 5px}input,select,textarea{width:100%;font:inherit;border:1px solid #cbd5dd;border-radius:7px;padding:10px;background:white;color:#24303a}input[type=checkbox]{width:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.btn,button{display:inline-block;border:0;border-radius:7px;background:var(--accent);color:#fff;font:inherit;cursor:pointer;padding:10px 15px}.btn.secondary,button.secondary{background:var(--soft);color:var(--accent)}.btn.danger{background:#a72f33}button:disabled{opacity:.4}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.flash{padding:13px;border-radius:7px;background:#e7f7eb;margin:12px 0}.error{background:#fff0f0;color:#8e2626;padding:13px;border-radius:7px}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:11px 9px;border-bottom:1px solid #e4e9ed;text-align:left;white-space:nowrap}th{font-size:13px;color:#596a75}.pill{background:var(--soft);color:var(--accent);padding:4px 9px;border-radius:15px;font-size:12px}form.inline{display:inline}.pages{display:flex;gap:9px;align-items:center;margin:14px 0}.logo{max-height:60px;max-width:180px}.message{background:#f0f4f7;padding:13px;margin:7px 0;border-radius:9px}.message.mine{background:var(--soft)}@media(max-width:650px){main{padding:0 10px}header{padding:15px}td,th{padding:8px 5px}.card{padding:16px}}