@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--color-bg-primary:#111317;--color-bg-secondary:#1a1d23;--color-bg-tertiary:#23272f;--color-accent-gold:#cc9433;--color-accent-gold-hover:#e6ad4d;--color-accent-gold-dim:#d4af3733;--color-text-primary:#efece7;--color-text-secondary:#9da3af;--color-text-muted:#6d7178;--font-serif:"Cinzel", Georgia, serif;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-accent-gold-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-gold)}.appContainer{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:24px;display:flex}.appHeader{border-bottom:2px solid var(--color-accent-gold-dim);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.titleContainer h1{font-family:var(--font-serif);color:var(--color-accent-gold);letter-spacing:1px;text-shadow:0 0 10px #d4af3733;font-size:28px;font-weight:700}.titleContainer p{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1.5px;font-size:13px;font-family:var(--font-mono)}.dashboardGrid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:1024px){.dashboardGrid{grid-template-columns:350px 1fr}}.sidebar{flex-direction:column;gap:24px;display:flex}.card{background-color:var(--color-bg-secondary);border:1px solid #ffffff0a;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 4px 20px #0006}.cardGold{border:1px solid var(--color-accent-gold-dim);box-shadow:0 4px 25px #d4af370d}.cardTitle{font-family:var(--font-serif);color:var(--color-accent-gold);border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;margin-bottom:15px;padding-bottom:8px;font-size:18px;display:flex}.statGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.statBox{text-align:center;background-color:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;padding:12px}.statLabel{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px}.statValue{font-size:20px;font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary)}.statValueGold{color:var(--color-accent-gold-hover)}.timeline{flex-direction:column;gap:10px;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.logEntry{border-left:2px solid var(--color-accent-gold);background-color:#ffffff03;border-radius:0 6px 6px 0;padding:8px 12px;font-size:12px}.logMeta{color:var(--color-text-secondary);font-size:10px;font-family:var(--font-mono);justify-content:space-between;margin-bottom:2px;display:flex}.btn{color:var(--color-text-primary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);background:0 0;border:1px solid #fff3;border-radius:6px;padding:8px 16px;transition:all .2s}.btn:hover{background-color:#ffffff0d}.btnPrimary{background-color:var(--color-accent-gold);border-color:var(--color-accent-gold);color:var(--color-bg-primary)}.btnPrimary:hover{background-color:var(--color-accent-gold-hover);border-color:var(--color-accent-gold-hover);box-shadow:0 0 10px #d4af3766}.btnDanger{color:#f44336;border-color:#f443364d}.btnDanger:hover{background-color:#f443361a}.selectField{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid #ffffff0d;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px}.selectField:focus{border-color:var(--color-accent-gold)}.inputField{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid #ffffff0d;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px}.inputField:focus{border-color:var(--color-accent-gold)}
