:root{--ink: #1a1a1a;--panel: rgba(255, 255, 255, .95);--gold: #C9A84C;--bronze: #B8860B;--cream: #1a1a1a;--muted: #666666;--line: rgba(201, 168, 76, .3);--danger: #D32F2F;--ok: #388E3C;--font-display: "Bebas Neue", sans-serif;--font-body: "Manrope", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--cream);background:radial-gradient(ellipse 80% 60% at 0% 0%,rgba(201,168,76,.1),transparent 55%),linear-gradient(160deg,#f8f8f8,#fff 45%,#f5f5f5)}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100dvh}.sidebar{padding:1.25rem 1rem;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:1rem;box-shadow:2px 0 8px #0000000d}.brand-block{display:flex;align-items:center;gap:.75rem}.brand-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0;border-radius:.5rem}.brand-logo--sm{width:36px;height:36px}.brand-logo--auth{width:52px;height:52px}.auth-card__brand-row{display:flex;align-items:center;gap:.75rem}.topbar-brand{display:flex;align-items:center;gap:.55rem;min-width:0}.brand{margin:0;font-family:var(--font-display);letter-spacing:.08em;font-size:2rem;color:var(--gold);line-height:1}.brand-sub{margin:.15rem 0 0;color:var(--muted);font-size:.85rem}.nav-link{display:block;padding:.65rem .75rem;border-radius:.65rem;color:var(--muted);text-decoration:none;margin-bottom:.25rem}.nav-link.active,.nav-link:hover{color:var(--ink);background:linear-gradient(180deg,var(--gold),var(--bronze));box-shadow:0 2px 8px #c9a84c4d}.sidebar-foot{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.content{padding:1.5rem;overflow:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.page-head h1,.panel h2,.login-card h1{font-family:var(--font-display);letter-spacing:.06em;font-weight:400;color:var(--gold);margin:0}.page-head h1{font-size:2.4rem}.muted{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.metric{background:var(--panel);border:1px solid var(--line);border-radius:.9rem;padding:1rem;box-shadow:0 2px 4px #0000000d}.metric.wide{grid-column:span 2}.metric span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.metric strong{display:block;margin-top:.35rem;font-size:1.5rem;font-family:var(--font-display);letter-spacing:.04em;color:var(--gold)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:1rem;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-wrap{margin-top:.75rem;width:100%;min-width:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem .55rem;border-bottom:1px solid var(--line);font-size:.92rem}th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.form-grid{display:grid;gap:.75rem}.form-grid label,.login-card label{display:grid;gap:.35rem;color:var(--muted);font-size:.85rem}input,select,button{border-radius:.6rem;border:1px solid var(--line);background:#fff;color:var(--cream);padding:.65rem .75rem}button{background:linear-gradient(180deg,var(--gold),var(--bronze));color:#fff;border:0;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #c9a84c4d}.ghost-btn{background:transparent;color:var(--gold);border:1px solid var(--line);font-weight:600}.inline-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;align-items:end}.toolbar{display:flex;gap:.5rem;margin-bottom:.85rem}.toolbar input{flex:1}.tabs{display:flex;gap:.4rem;margin-bottom:.85rem}.tabs button{background:transparent;color:var(--muted);border:1px solid var(--line)}.tabs button.active{background:linear-gradient(180deg,var(--gold),var(--bronze));color:#fff}.row-actions{display:flex;gap:.4rem;flex-wrap:wrap}.error-text{color:var(--danger)}.ok-text{color:var(--ok)}.btn-danger{color:#fff;border-color:var(--danger);background-color:var(--danger)}.btn-ok{color:#fff;border-color:var(--ok);background-color:var(--ok)}.login-page{min-height:100dvh;display:grid;place-items:center;padding:1rem}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:1.1rem;padding:1.5rem;display:grid;gap:.85rem;box-shadow:0 4px 12px #0000001a}.login-card p{margin:0;color:var(--muted)}.auth-stage{min-height:100dvh;display:grid;place-items:center;padding:1.25rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 0% 0%,rgba(201,168,76,.12),transparent 55%),radial-gradient(ellipse 55% 45% at 100% 100%,rgba(184,134,11,.08),transparent 50%),linear-gradient(160deg,#f8f8f8,#fff 45%,#f5f5f5);color:var(--ink)}.auth-stage__glow{position:absolute;inset:auto auto 12% 50%;width:min(520px,80vw);height:180px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(201,168,76,.16),transparent 70%);pointer-events:none}.auth-card{position:relative;z-index:1;width:min(480px,100%);display:grid;gap:.85rem;padding:1.6rem 1.45rem 1.35rem;border:1px solid var(--line);border-radius:1.15rem;background:var(--panel);box-shadow:0 12px 40px #00000014}.auth-card__brand{margin:0;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:1.55rem;color:var(--gold)}.auth-card h1{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,2.5rem);letter-spacing:.04em;color:var(--gold)}.auth-card__lead,.auth-footer,.auth-optional{margin:0;color:var(--muted);font-size:.92rem}.auth-card label{display:grid;gap:.35rem;font-size:.86rem;color:var(--ink)}.auth-card input,.auth-card select{width:100%;border:1px solid var(--line);border-radius:.65rem;background:#fff;color:var(--ink);padding:.7rem .8rem}.auth-card input::placeholder{color:#999}.auth-card button[type=submit]{margin-top:.25rem;border:none;border-radius:.7rem;background:linear-gradient(180deg,var(--gold),var(--bronze));color:#fff;font-weight:700;padding:.8rem 1rem;cursor:pointer}.auth-card button[type=submit]:disabled{opacity:.65;cursor:wait}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.auth-footer a,.auth-link{color:var(--bronze);font-weight:600}.auth-success{display:grid;gap:.65rem;padding:.85rem 0}.auth-success strong{color:var(--bronze);font-size:1.05rem}.topbar{display:none;align-items:center;gap:.75rem;padding:.7rem 1rem;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.topbar-brand .brand{font-size:1.45rem}.topbar-brand .brand-sub{margin:0;font-size:.75rem}.topbar-user{margin:0 0 0 auto;color:var(--muted);font-size:.8rem;white-space:nowrap}.menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;padding:.55rem;border:1px solid var(--line);border-radius:.6rem;background:#fff;box-shadow:none;flex-shrink:0}.menu-toggle span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.shell.nav-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.shell.nav-open .menu-toggle span:nth-child(2){opacity:0}.shell.nav-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-backdrop{display:none}body.nav-lock{overflow:hidden}@media (min-width: 1440px){.content{padding:1.75rem 2rem}.shell{grid-template-columns:260px 1fr}}@media (max-width: 1024px){.shell{grid-template-columns:1fr}.topbar{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(288px,86vw);z-index:50;transform:translate(-105%);transition:transform .25s ease;box-shadow:8px 0 28px #0000001f;overflow-y:auto}.shell.nav-open .sidebar{transform:translate(0)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#1a1a1a66;opacity:0;pointer-events:none;transition:opacity .25s ease}.shell.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.content{padding:1.1rem}.page-head{flex-direction:column;align-items:stretch}.page-head .row-actions,.page-head .tabs{width:100%;flex-wrap:wrap}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric.wide{grid-column:span 2}.inline-fields{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.chart-wrap,.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:560px}}@media (max-width: 640px){.content{padding:.85rem}.page-head h1{font-size:1.9rem}.metric-grid{grid-template-columns:1fr}.metric.wide{grid-column:span 1}.metric strong{font-size:1.35rem}.panel{padding:.85rem;border-radius:.85rem}.toolbar{flex-direction:column}.toolbar input,.toolbar button{width:100%}.tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.15rem}.tabs button{flex:0 0 auto;white-space:nowrap}.inline-fields{grid-template-columns:1fr}.row-actions{flex-direction:column;align-items:stretch}.row-actions button,.row-actions a{width:100%;text-align:center}th,td{padding:.55rem .4rem;font-size:.85rem}.auth-grid{grid-template-columns:1fr}.auth-card{padding:1.25rem 1rem 1.15rem}.auth-stage{padding:.85rem}.topbar-user{max-width:40%;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 380px){.topbar-user{display:none}.page-head h1{font-size:1.65rem}}