:root{--gold: #ffcc57;--charcoal: #3b3b3b;--paper: #f7f7f7;--accent: #ef802f;--line: #e4e4e4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--charcoal);font-family:Montserrat,Segoe UI,Arial,sans-serif;font-size:14px}h1,h2,h3{font-family:Oswald,Arial Narrow,Arial,sans-serif;font-weight:600;margin:0 0 12px}a{color:var(--charcoal)}.topnav{background:var(--charcoal);color:var(--paper);display:flex;align-items:center;gap:28px;padding:0 28px;height:58px}.topnav img{height:34px}.topnav .wordmark{font-family:Oswald,sans-serif;font-size:19px;letter-spacing:.5px;color:#fff}.topnav a{color:#d8d8d8;text-decoration:none;font-weight:600;font-size:13.5px;padding:4px 2px}.topnav a.active,.topnav a:hover{color:var(--gold)}.topnav .spacer{flex:1}.page{max-width:1060px;margin:28px auto;padding:0 20px}.card{background:#fff;border-radius:10px;box-shadow:0 1px 6px #3b3b3b1f;padding:22px 26px;margin-bottom:20px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.tile{background:#fff;border-radius:10px;box-shadow:0 1px 6px #3b3b3b1f;padding:18px 22px;border-top:4px solid var(--gold)}.tile.red{border-top-color:#c62828}.tile.green{border-top-color:#2e7d32}.tile .big{font-size:26px;font-weight:800}.tile .sub{color:#888;font-size:12.5px}table.list{width:100%;border-collapse:collapse}table.list th{text-align:left;font-family:Oswald,sans-serif;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--charcoal);padding:8px 10px}table.list td{padding:10px;border-bottom:1px solid var(--line)}table.list tr.rowlink{cursor:pointer}table.list tr.rowlink:hover{background:#fdf6e3}.r{text-align:right}.chip{display:inline-block;padding:2px 12px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;background:var(--charcoal);color:#fff}.chip.draft{background:#9e9e9e}.chip.viewed{background:#1565c0}.chip.paid{background:#2e7d32}.chip.overdue{background:#c62828}.chip.void{background:#616161}button,.btn{font-family:Oswald,Arial Narrow,Arial,sans-serif;letter-spacing:.8px;background:var(--charcoal);color:#fff;border:0;border-radius:6px;padding:10px 22px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:#222}button.gold,.btn.gold{background:var(--gold);color:var(--charcoal)}button.gold:hover,.btn.gold:hover{background:#f5bd35}button.quiet{background:transparent;color:var(--charcoal);border:1px solid var(--charcoal)}button:disabled{opacity:.45;cursor:default}label.field{display:block;margin-bottom:12px;font-weight:600;font-size:12.5px}label.field span{display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.7px;color:#777;font-size:11px}input,select,textarea{font-family:inherit;font-size:14px;width:100%;padding:9px 11px;border:1px solid #ccc;border-radius:6px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}textarea.blurb{min-height:220px;font-family:Consolas,monospace;font-size:13px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.error{background:#fdecea;color:#b71c1c;border-radius:6px;padding:10px 14px;margin:10px 0}.note{color:#888;font-size:12.5px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}.login-wrap{display:grid;place-items:center;min-height:100vh}.login-card{width:360px;text-align:center}.login-card img{width:84px;margin-bottom:6px}.events{list-style:none;padding:0;margin:0;font-size:13px}.events li{padding:6px 0;border-bottom:1px dashed var(--line)}.events .when{color:#999;margin-right:10px}dialog{border:0;border-radius:10px;padding:26px 30px;width:420px;box-shadow:0 6px 40px #00000040}dialog::backdrop{background:#3b3b3b80}
