@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=DM+Mono:wght@400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#f4f5f7;--surface:#fff;--border:#e2e4e9;--border2:#d0d3dc;--accent:#ca8002;--accent2:#0b347b;--accentbg:#fcd00a;--success:#0a7d4b;--successbg:#ecfdf5;--warning:#92540a;--warningbg:#fffbeb;--danger:#b91c1c;--dangerbg:#fef2f2;--text:#111318;--text2:#3d4250;--muted:#7a7f8e;--mono:"DM Mono", monospace;--sans:"Geist", "DM Sans", sans-serif;--display:"Cinzel", serif;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.6}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transition:box-shadow .15s}.badge{font-family:var(--mono);letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.badge-ok{background:var(--successbg);color:var(--success);border:1px solid #0a7d4b26}.badge-warn{background:var(--warningbg);color:var(--warning);border:1px solid #92540a26}.badge-danger{background:var(--dangerbg);color:var(--danger);border:1px solid #b91c1c26}.badge-neutral{color:var(--muted);border:1px solid var(--border);background:#f1f2f5}.badge-accent{color:var(--accent);background:#fffbeb;border:1px solid #ca800233}.mono{font-family:var(--mono)}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot-ok{background:#16a34a;box-shadow:0 0 0 2px #16a34a26}.dot-warn{background:#d97706;box-shadow:0 0 0 2px #d9770626}.dot-danger{background:#dc2626;box-shadow:0 0 0 2px #dc262626}.dot-off{background:#cbd5e1}.btn{font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fcd00a;background:#040308;border:1px solid #040308}.btn-primary:hover{background:#1a1828}.btn-ghost{border:1px solid var(--border2);color:var(--text2);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--bg);border-color:#040308}.btn-danger{background:var(--dangerbg);color:var(--danger);border:1px solid #b91c1c33}.btn-danger:hover{background:#fee2e2}input,select{background:var(--surface);border:1px solid var(--border2);color:var(--text);font-family:var(--sans);border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#040308;box-shadow:0 0 0 3px #0403080f}input::placeholder{color:#b0b5c0}label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:500;display:block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade{animation:.25s forwards fadeIn}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}