:root{--bg: #14110e;--bg2: #1c1814;--panel: #221e19;--line: #3a342c;--text: #f3ece3;--muted: #9a9084;--accent: #c4a574;--danger: #c45c4a;--ok: #7d9a7a;--font: "Outfit", system-ui, sans-serif;--serif: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);letter-spacing:.01em}button,input,select,textarea{font-family:inherit;color:inherit}a{color:var(--accent)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(800px 400px at 20% 0%,#2a241c 0%,transparent 60%),var(--bg)}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);padding:36px 32px}.brand{font-family:var(--serif);font-size:42px;margin:0 0 6px;font-weight:400}.sub{color:var(--muted);margin:0 0 28px;font-size:14px}label{display:block;font-size:12px;color:var(--muted);margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em}input,select,textarea{width:100%;background:var(--bg);border:1px solid var(--line);padding:11px 12px;margin-bottom:14px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{min-height:88px;resize:vertical}.btn{background:var(--accent);color:#1a1612;border:0;padding:11px 16px;font-weight:600;cursor:pointer}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:7px 10px;font-size:12px;font-weight:500}.btn:disabled{opacity:.5}.err{color:var(--danger);font-size:13px;margin:0 0 12px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.nav{border-right:1px solid var(--line);background:var(--bg2);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.nav h1{font-family:var(--serif);font-size:28px;font-weight:400;margin:0 16px 20px}.nav button{text-align:left;background:transparent;border:0;color:var(--muted);padding:10px 16px;cursor:pointer;font-size:14px}.nav button.active{color:var(--text);background:var(--panel)}.nav .spacer{flex:1}.nav .who{font-size:12px;color:var(--muted);padding:12px 16px}.main{padding:28px 32px 64px;overflow:auto}.main h2{font-family:var(--serif);font-weight:400;font-size:32px;margin:0 0 6px}.hint{color:var(--muted);margin:0 0 24px;font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat{background:var(--panel);border:1px solid var(--line);padding:16px 18px}.stat b{display:block;font-size:28px;font-weight:600}.stat span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.card{background:var(--panel);border:1px solid var(--line);padding:16px}.card h3{margin:0 0 12px;font-size:15px;font-weight:600}.bars{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:88px 1fr 36px;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.bar{height:8px;background:var(--bg)}.bar>i{display:block;height:100%;background:var(--accent)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.pill{display:inline-block;padding:2px 8px;font-size:11px;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.bad{color:var(--danger);border-color:var(--danger)}.pill.warn{color:var(--accent);border-color:var(--accent)}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.toolbar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.toolbar input,.toolbar select{margin:0;width:auto;min-width:180px}.thumb{width:52px;height:52px;object-fit:cover;background:#000}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.span2{grid-column:span 2}@media(max-width:960px){.shell{grid-template-columns:1fr}.nav{flex-direction:row;flex-wrap:wrap}.stats,.grid2,.form-grid{grid-template-columns:1fr}}.preview-page{min-height:100vh;display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:center;padding:40px 24px;background:#1c1814}.preview-copy{max-width:320px}.preview-copy h1{font-family:var(--serif);font-weight:400;font-size:36px;margin:0 0 12px}.preview-copy p{color:var(--muted)}.preview-switch{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.preview-switch button{background:transparent;border:1px solid var(--line);padding:8px 12px;cursor:pointer}.preview-switch button.on{background:var(--accent);color:#1a1612;border-color:var(--accent)}.phone{width:320px;height:640px;background:#f4efe8;color:#1c1814;border:8px solid #2a2420;border-radius:36px;position:relative;overflow:hidden;display:flex;flex-direction:column}.phone-notch{width:120px;height:22px;background:#2a2420;border-radius:0 0 14px 14px;margin:0 auto;flex-shrink:0}.phone-body{flex:1;overflow:auto;padding:18px 18px 72px}.phone-brand{font-family:var(--serif);font-size:42px;margin-top:40px}.phone-brand.sm{font-size:32px;margin-top:8px}.phone-lead{color:#7a7168;margin:0 0 24px}.phone-field,.phone-ghost,.phone-banner,.phone-prod,.phone-pack{border:1px solid #E4DCD2;background:#fffbf7;padding:12px;margin-bottom:10px}.phone-btn{background:#8c6a3d;color:#fff;text-align:center;padding:14px;font-weight:700;margin-top:8px}.phone-link{text-align:center;color:#8c6a3d}.phone-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.phone-credits{color:#8c6a3d;font-weight:600}.phone-banner{display:flex;flex-direction:column;gap:4px;font-size:13px}.phone-label{margin-top:16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7a7168}.phone-chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.chip{border:1px solid #E4DCD2;background:#fffbf7;padding:8px 10px;font-size:12px}.chip.on{background:#1c1814;color:#fff;border-color:#1c1814}.phone-muted{color:#7a7168;font-size:12px;margin:0 0 10px}.phone-row2{display:flex;gap:8px}.phone-ghost{flex:1;text-align:center;font-weight:600}.phone-photo{height:160px;background:#ddd6cc;margin:12px 0;display:grid;place-items:center;color:#7a7168;font-size:12px}.phone-prod{display:flex;gap:10px;align-items:center;font-size:13px}.phone-prod span{display:block;color:#7a7168;font-size:12px}.phone-thumb{width:48px;height:48px;background:#c4a574;flex-shrink:0}.phone-pack{display:flex;justify-content:space-between;align-items:center}.phone-pack span{display:block;color:#7a7168;font-size:11px}.phone-pack strong{color:#8c6a3d}.phone-tabs{position:absolute;left:0;right:0;bottom:0;display:flex;border-top:1px solid #E4DCD2;background:#f4efe8;padding:12px 8px 20px}.phone-tabs span{flex:1;text-align:center;color:#7a7168;font-size:13px}.phone-tabs span.on{color:#1c1814;font-weight:700}