:root{--bg: #0a0908;--bg-raised: #12100e;--bg-hover: #1a1714;--bg-inset: #0d0b0a;--border: #2a2318;--border-strong: #453a24;--text: #f5f0e3;--text-dim: #a89e8b;--text-faint: #6f6757;--gold: #d4af37;--gold-bright: #ecd48a;--gold-deep: #9a7a24;--gold-line: rgba(212, 175, 55, .28);--gold-wash: rgba(212, 175, 55, .1);--gold-gradient: linear-gradient(140deg, #f6e7b4 0%, #d4af37 46%, #a07c1d 100%);--on-gold: #17130a;--danger: #c4705e;--danger-bg: #2b1613;--danger-text: #f0b9ae;--radius: 12px;--radius-sm: 8px;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", Consolas, "Liberation Mono", monospace;font-size:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.01em;color:var(--text);margin:0}::selection{background:var(--gold-wash);color:var(--gold-bright)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#2c2519;border:2px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3d3421}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(900px 520px at 50% -12%,#17130c 0%,var(--bg) 62%)}.splash-brand{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.4em;color:var(--gold)}.splash-label{color:var(--text-dim);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.splash-spinner{width:30px;height:30px;border:2px solid var(--border-strong);border-top-color:var(--gold);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 20px;background:radial-gradient(1100px 620px at 18% -12%,#1a150d 0%,transparent 58%),radial-gradient(900px 520px at 100% 108%,#14100b 0%,transparent 55%),var(--bg)}.auth-card{width:100%;max-width:420px;background:linear-gradient(180deg,#15120f 0%,var(--bg-raised) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 0 1px #d4af370d,0 30px 70px #0000008c}.auth-card-wide{max-width:500px}.auth-card h1{font-size:1.65rem}.auth-brand{display:flex;align-items:center;gap:14px}.auth-tabs{display:flex;gap:8px}.auth-tabs button{flex:1;padding:10px 0;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;font-family:var(--font-body);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:color .15s ease,border-color .15s ease,background .15s ease}.auth-tabs button:hover{color:var(--text);border-color:var(--border-strong)}.auth-tabs button.active{color:var(--on-gold);background:var(--gold-gradient);border-color:transparent;font-weight:600}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:7px;flex:1}.field span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.field input{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;color:var(--text);font-size:.98rem;font-family:var(--font-body);transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:var(--text-faint)}.field input:focus{outline:none;border-color:var(--gold-deep);box-shadow:0 0 0 3px var(--gold-wash)}.field-row{display:flex;gap:12px}.field-narrow{max-width:150px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-sm);padding:12px 18px;font-family:var(--font-body);font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;text-decoration:none;text-align:center;transition:filter .15s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease}.btn-primary{background:var(--gold-gradient);color:var(--on-gold)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 10px 26px #d4af3738}.btn-primary:disabled{opacity:.55;cursor:not-allowed;filter:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--text-dim);border-color:var(--border)}.btn-ghost:hover{color:var(--gold);border-color:var(--border-strong)}.link-button{background:none;border:none;padding:0;color:var(--gold);cursor:pointer;font-size:.8rem;letter-spacing:.08em;align-self:center}.link-button:hover{color:var(--gold-bright);text-decoration:underline;text-underline-offset:4px}.alert{border-radius:var(--radius-sm);padding:11px 14px;font-size:.88rem;line-height:1.45}.alert-error{background:var(--danger-bg);border:1px solid rgba(196,112,94,.55);color:var(--danger-text)}.alert-info{background:#d4af3714;border:1px solid var(--gold-line);color:#e6d6a8}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;background:linear-gradient(180deg,#12100d,#0c0a09);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px;gap:24px}.brand{display:flex;align-items:center;gap:12px;padding:0 6px}.brand-mark{width:40px;height:40px;flex:none;border-radius:10px;background:var(--gold-gradient);color:var(--on-gold);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.05rem;box-shadow:0 6px 18px #d4af372e}.brand-name{font-family:var(--font-display);font-weight:600;letter-spacing:.16em;font-size:.98rem}.brand-sub{color:var(--text-dim);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border-left:2px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-dim);text-decoration:none;font-size:.86rem;letter-spacing:.06em;transition:background .15s ease,color .15s ease,border-color .15s ease}.nav-link:hover{background:var(--bg-hover);color:var(--text)}.nav-link.active{background:linear-gradient(90deg,var(--gold-wash),transparent 82%);border-left-color:var(--gold);color:var(--gold);font-weight:600}.nav-icon{width:18px;text-align:center;font-size:.9rem}.sidebar-note{margin-top:auto;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:14px;color:var(--text-dim);font-size:.78rem;line-height:1.6}.sidebar-note-title{color:var(--gold);font-size:.66rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;margin-bottom:6px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:14px;padding:14px 26px;border-bottom:1px solid var(--border);background:#12100eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-spacer{flex:1}.topbar-org{color:var(--gold);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.topbar-user{text-align:right;line-height:1.3}.topbar-user-name{font-weight:600;font-size:.9rem}.topbar-user-email{color:var(--text-faint);font-family:var(--font-mono);font-size:.7rem;max-width:220px;overflow:hidden;text-overflow:ellipsis}.env-badge{font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1px solid;white-space:nowrap}.env-dev{color:var(--text-dim);border-color:var(--border-strong)}.env-staging{color:var(--gold);border-color:var(--gold-line)}.env-prod{color:var(--on-gold);background:var(--gold-gradient);border-color:transparent}.content{padding:30px 26px 44px}.page{display:flex;flex-direction:column;gap:22px;max-width:1120px}.page-header{display:flex;flex-direction:column;gap:6px}.page-header h1{font-size:2rem}.page-sub{margin:0;color:var(--text-dim);font-size:.92rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.card{position:relative;background:linear-gradient(180deg,#16130f 0%,var(--bg-raised) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line),transparent)}.card-title{color:var(--gold);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase}.card-value{font-family:var(--font-display);font-size:1.6rem;font-weight:600}.card-note{color:var(--text-dim);font-size:.88rem;margin:0}.kv{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;margin:0;font-size:.88rem}.kv dt{color:var(--text-faint);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;align-self:center}.kv dd{margin:0;color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{background:var(--bg-inset);border:1px solid var(--border);border-radius:999px;padding:4px 11px;font-size:.72rem;color:var(--text-dim);font-family:var(--font-mono)}.chip-muted{color:var(--text-faint);border-style:dashed}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;color:var(--gold);font-weight:600;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--border-strong);white-space:nowrap}.table td{padding:12px 10px;border-bottom:1px solid var(--border)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#d4af3708}.table-empty{color:var(--text-faint);text-align:center;padding:26px!important}.mono{font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim)}.pill{display:inline-block;border:1px solid var(--border-strong);border-radius:999px;padding:3px 11px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.pill-active{color:var(--gold);border-color:var(--gold-line);background:var(--gold-wash)}@media(max-width:920px){.shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:14px 18px;border-right:none;border-bottom:1px solid var(--border)}.brand{padding:0}.brand-sub{display:none}.nav{flex-direction:row;flex-wrap:wrap;gap:6px}.nav-link{border-left:none;border-bottom:2px solid transparent;border-radius:var(--radius-sm);padding:8px 12px}.nav-link.active{border-left-color:transparent;border-bottom-color:var(--gold)}.sidebar-note{display:none}.topbar{flex-wrap:wrap;gap:10px;padding:12px 18px}.topbar-spacer{display:none}.topbar-org{flex:1}.topbar-user-email{max-width:140px}.content{padding:22px 18px 40px}}@media(max-width:620px){.page-header h1{font-size:1.7rem}.card-grid{grid-template-columns:1fr}.card{overflow-x:auto;padding:18px 16px}.table{min-width:520px}.table th,.table td{padding:10px 8px}.field-row{flex-direction:column}.field-narrow{max-width:none}.auth-card{padding:26px 20px}.auth-card .btn{width:100%}}