:root { --bg:#102720;--panel:#17342b;--cream:#f3efdf;--gold:#ddc18a;--muted:#9caea1; }
* { box-sizing:border-box; } html { color-scheme:dark; } body { background:radial-gradient(ellipse at 72% 20%,#23433455,transparent 52%),var(--bg);color:var(--cream);font-family:"Segoe UI",Arial,sans-serif;font-size:15px;margin:0; } a { color:var(--gold); } h1,h2,h3,p { margin-top:0; } h1,h2,h3 { font-family:Georgia,"Times New Roman",serif; } h1 { font-size:clamp(2.3rem,4vw,3.4rem);line-height:1.1;font-weight:400; } h2 { font-size:1.55rem;font-weight:400; } .container-xl { max-width:1220px; padding-left:32px;padding-right:32px; } .eyebrow { font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:600;margin-bottom:24px; } .live-dot { display:inline-block;width:6px;height:6px;background:#9bc79b;border-radius:50%;margin-right:7px; } .btn { border-radius:7px;font-weight:600;font-size:13px;padding:12px 20px; } .btn-gold { background:var(--gold);color:#19362b;border:1px solid var(--gold); } .btn-gold:hover { background:#ead4ab;color:#102720; } .btn-outline-light { border-color:#ffffff40;color:var(--cream); } .btn:disabled { opacity:.4; } .form-control,.form-select { background-color:#0e241e;color:var(--cream);border:1px solid #ffffff24;border-radius:7px;padding:12px;font-size:14px; } .form-control:focus,.form-select:focus { background-color:#0e241e;color:var(--cream);border-color:var(--gold);box-shadow:0 0 0 3px #ddc18a20; } .form-control::placeholder { color:#84998b; } .form-select { --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ddc18a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked { background-color:#a5874e;border-color:var(--gold); } .panel { border:1px solid #ffffff14;border-radius:14px;background:#18382d80;padding:25px; } .page-heading { display:flex;justify-content:space-between;align-items:end;gap:20px;margin:45px 0 30px; } .page-heading h1 { margin-bottom:10px; } .page-heading p { color:var(--muted);margin-bottom:0; } .muted { color:var(--muted); } .small-label { font-size:10px;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase; } .alert { border-radius:8px; } .alert-danger { background:#552c2c;color:#f6d3cc;border-color:#8d4d47; } .empty-state { text-align:center;color:var(--muted);padding:35px 20px; } .empty-state .empty-symbol { display:block;font-family:Georgia,serif;font-size:42px;color:var(--gold);margin-bottom:10px; } .empty-state h3 { color:var(--cream);font-size:1.3rem; } .pill { display:inline-block;border:1px solid #ddc18a40;border-radius:30px;padding:5px 10px;font-size:10px;color:var(--gold); } .table { --bs-table-bg:transparent;--bs-table-color:var(--cream);--bs-table-border-color:#ffffff16; } .table th { color:var(--muted);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px; } .table td { padding-top:18px;padding-bottom:18px;vertical-align:middle; } :focus-visible { outline:2px solid var(--gold);outline-offset:4px; } .prose { max-width:780px;line-height:1.8; } .prose h2 { margin-top:32px; } .prose li { margin-bottom:10px; } .validation-message { color:#f3bbaa; }
@media(max-width:700px) { .container-xl { padding-left:18px;padding-right:18px; } .page-heading { align-items:start;flex-direction:column;margin-top:30px; } .panel { padding:18px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }