:root{--bg:#050506;--panel:#101014;--panel2:#17151b;--panel3:#211806;--gold:#d6ad5a;--gold2:#f8d78d;--text:#f7f2e8;--muted:#aaa196;--line:rgba(214,173,90,.22);--line2:rgba(255,255,255,.09);--red:#dc5b5b;--green:#77d190;--blue:#78a9ff;--shadow:0 22px 80px rgba(0,0,0,.42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(214,173,90,.16),transparent 30%),radial-gradient(circle at 10% 15%,rgba(120,169,255,.1),transparent 28%),#050506;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;display:grid;grid-template-columns:292px 1fr;min-height:100vh}.sidebar{min-height:100vh;border-right:1px solid var(--line);padding:26px;background:linear-gradient(180deg,rgba(9,9,11,.98),rgba(5,5,6,.94));position:sticky;top:0;z-index:3}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;border:1px solid var(--gold);color:var(--gold2);font-weight:900;background:#211806;box-shadow:0 0 30px rgba(214,173,90,.18)}.brand strong,.brand span{display:block}.brand span,.eyebrow,p,small,label,td{color:var(--muted)}nav{display:grid;gap:8px;margin-top:38px}nav a{color:var(--muted);text-decoration:none;padding:13px 14px;border-radius:14px;border:1px solid transparent}nav a.active,nav a:hover{background:rgba(214,173,90,.12);border-color:var(--line);color:var(--gold2)}main{padding:34px;max-width:1760px;width:100%}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.topbar h1,.login-card h1{font-size:clamp(36px,5vw,58px);margin:6px 0;color:var(--text);letter-spacing:-.04em}.top-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold2);font-size:12px}.ghost,button{border:1px solid var(--gold);border-radius:999px;background:linear-gradient(180deg,rgba(214,173,90,.13),rgba(214,173,90,.04));color:var(--gold2);padding:11px 16px;font-weight:800;text-decoration:none;cursor:pointer}.ghost:hover,button:hover{box-shadow:0 0 0 3px rgba(214,173,90,.13)}button:disabled{opacity:.55;cursor:not-allowed}.metrics,.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics article,.panel,.cards article,.kanban article,.preview-card,.login-card,.palette-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:var(--shadow);padding:22px;backdrop-filter:blur(14px)}.metrics span,.metrics small,.cards span,.preview-card span,.kanban span,.created-list span{display:block;color:var(--muted)}.metrics strong,.cards strong{display:block;color:var(--gold2);font-size:26px;margin:6px 0}.panel{margin:20px 0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel h2{font-size:30px;margin:0 0 6px;color:var(--text)}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--gold2);padding:8px 10px;white-space:nowrap;background:rgba(214,173,90,.06)}.badge.danger{color:#ff9a9a;border-color:rgba(220,91,91,.42)}.ok{color:var(--green)!important}.warn{color:var(--gold2)!important}.bad{color:var(--red)!important}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.attention-list{display:grid;gap:10px}.attention-list div,.created-list div,.timeline>div{border:1px solid var(--line2);border-radius:16px;padding:14px;background:rgba(0,0,0,.16)}.attention-list strong,.attention-list span{display:block}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.studio-form label{display:grid;gap:7px;font-size:13px}.studio-form input,.studio-form select,.login-card input,.palette-card input{width:100%;border:1px solid var(--line2);border-radius:14px;background:#09090b;color:var(--text);padding:12px 13px;outline:none}.studio-form input:focus,.studio-form select:focus,.login-card input:focus,.palette-card input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,173,90,.12)}.toggle-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.toggle-grid label{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:999px;padding:10px 12px;background:rgba(255,255,255,.035)}.preview-card{display:grid;gap:7px;margin:18px 0}.preview-card strong{color:var(--gold2);font-size:20px}.table-wrap{margin-top:20px;border:1px solid var(--line);border-radius:18px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line2)}th{color:var(--gold2);background:rgba(214,173,90,.1)}tr:last-child td{border-bottom:0}.product-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{border:1px solid var(--line2);border-radius:18px;padding:16px;background:rgba(255,255,255,.035)}.product-card strong,.created-list strong{display:block;color:var(--gold2)}.timeline{display:grid;gap:10px}.login-gate{position:fixed;inset:0;display:grid;place-items:center;background:rgba(5,5,6,.88);backdrop-filter:blur(18px);z-index:10;padding:22px}.login-gate.hidden{display:none}.login-card{width:min(520px,100%)}.login-card label{display:grid;gap:8px;margin:14px 0}.command-palette{display:none;position:fixed;inset:0;background:rgba(5,5,6,.72);backdrop-filter:blur(14px);z-index:9;padding:10vh 20px}.command-palette.open{display:block}.palette-card{width:min(760px,100%);margin:auto}.palette-card input{font-size:18px}.palette-card button{display:block;width:100%;text-align:left;margin-top:10px;border-color:var(--line2);border-radius:16px;background:rgba(255,255,255,.04)}.empty{color:var(--muted)}@media(max-width:1200px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics,.cards,.kanban,.product-map,.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){body{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.metrics,.cards,.kanban,.product-map,.command-grid,.form-grid,.toggle-grid{grid-template-columns:1fr}.topbar,.panel-head{flex-direction:column}.top-actions{justify-content:flex-start}main{padding:22px}}