:root{--bg: #0d1018;--surface: #151a24;--surface-2: #1b2230;--line: #2a3242;--line-soft: rgba(255, 255, 255, .07);--ink: #11141f;--ink-2: #1a2030;--accent: #10b981;--accent-line: #34d399;--product: #3a465c;--marketing: #7c3aed;--cs: #3b82f6;--meta: #14b8a6;--tint-ecom: rgba(148, 163, 184, .1);--tint-marketing: rgba(124, 58, 237, .2);--tint-cs: rgba(59, 130, 246, .2);--text: #e7eaf1;--muted: #97a1b2;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh}.route-area,.dash{flex:1;min-height:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:28px;padding:10px 20px;background:linear-gradient(180deg,var(--ink-2),var(--ink));border-bottom:2px solid var(--accent-line);color:#fff}.topbar__brand{display:flex;align-items:center;gap:12px;min-width:0}.topbar__bolt{color:var(--accent);display:block;filter:drop-shadow(0 0 8px rgba(52,211,153,.7))}.topbar__title{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:19px;letter-spacing:.3px;margin:0;line-height:1.1}.topbar__sub{margin:2px 0 0;font-size:11.5px;color:#8b96b0;letter-spacing:.2px}.topbar__nav{display:flex;gap:6px}.navlink{color:#aeb7d0;text-decoration:none;padding:7px 14px;border-radius:8px;font-weight:600;font-size:13.5px;transition:background .15s,color .15s}.navlink:hover{color:#fff;background:#ffffff14}.navlink--active{color:#fff;background:#10b98138}.userchip{margin-left:auto;display:flex;align-items:center;gap:11px}.userchip__text{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.userchip__name{font-size:13px;font-weight:600;color:#fff;line-height:1}.userchip__avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#06281d;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:16px;display:grid;place-items:center;box-shadow:0 0 0 2px #34d39959}.role-badge{font-size:10.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:2px 9px;border-radius:999px;color:#fff;line-height:1.4}.role-badge--admin{background:var(--accent);color:#06281d}.role-badge--marketing{background:var(--marketing)}.role-badge--cs{background:var(--cs)}.role-badge--ecom{background:#64748b}.role-badge--super{background:#ef4444}.role-badge--editor{background:#6366f1}.userchip__meta{display:flex;align-items:center;gap:8px}.userchip__email{font-size:11px;color:#8b94a7}.role-mappings{margin-bottom:16px}.role-note{margin-bottom:12px}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.role-card{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.role-card__desc{font-size:12px;color:#98a2b6;margin:2px 0 4px}.role-card--super{border-top:3px solid #ef4444}.role-card--admin{border-top:3px solid var(--accent)}.role-card--editor{border-top:3px solid #6366f1}.role-field{margin-top:4px}.role-field__label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:#7c8699;margin-bottom:6px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:22px}.tag{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12px;color:#dfe5f0}.tag button{background:none;border:none;color:#8b94a7;cursor:pointer;font-size:14px;line-height:1;padding:0}.tag button:hover{color:#ef4444}.tag-empty{font-size:12px;color:#6b7488;font-style:italic}.tag-input{display:flex;gap:6px}.tag-input input{flex:1;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;color:#e7eaf1;font-size:12px}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar{display:flex;align-items:center;gap:16px;padding:12px 16px 2px}.toolbar__search{flex:1;max-width:440px;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;transition:border-color .15s}.toolbar__search:focus-within{border-color:var(--accent)}.toolbar__search-icon{color:#8a93a4;font-size:16px}.toolbar__search input{flex:1;border:none;outline:none;font-size:13.5px;font-family:inherit;color:var(--text);background:transparent}.toolbar__search input::placeholder{color:#6f7a8c}.toolbar__search-clear{background:none;border:none;color:#8a93a4;cursor:pointer;font-size:18px;line-height:1}.toolbar__search-clear:hover{color:var(--text)}.toolbar__counts{margin-left:auto;display:flex;gap:8px}.stat{font-size:12px;padding:6px 12px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.stat b{font-weight:700;margin-right:3px}.stat--stock{background:#10b98124;color:#6ee7b7;border-color:#10b98159}.stat--photos{background:#f59e0b24;color:#fcd34d;border-color:#f59e0b59}.stat--sold{background:#94a3b81f;color:#cbd5e1;border-color:#94a3b84d}.grid-wrap{flex:1;min-height:0;margin:12px 14px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.grid-wrap .ag-root-wrapper{border:none;border-radius:14px}.ag-header-group-cell.grp-product,.ag-header-cell.col-product{background:var(--product)!important;color:#fff!important}.ag-header-group-cell.grp-marketing,.ag-header-cell.col-marketing{background:var(--marketing)!important;color:#fff!important}.ag-header-group-cell.grp-cs,.ag-header-cell.col-cs{background:var(--cs)!important;color:#fff!important}.ag-header-group-cell.grp-meta,.ag-header-cell.col-meta{background:var(--meta)!important;color:#062a26!important}.ag-header-group-cell.grp-product{background:#2b3548!important}.ag-header-group-cell.grp-marketing{background:#5b21b6!important}.ag-header-group-cell.grp-cs{background:#1d4ed8!important}.ag-header-group-cell.grp-meta{background:#0f766e!important;color:#fff!important}.ag-header-cell[class*=col-] .ag-icon{color:#ffffffd9!important}.ag-header-cell[class*=col-] .ag-header-cell-resize:after{background:#ffffff40!important}.cell-readonly{background:#ffffff06;color:#7d8799}.ed-ecom{background:var(--tint-ecom)}.ed-marketing{background:var(--tint-marketing)}.ed-cs{background:var(--tint-cs)}.ag-cell.ed:hover{box-shadow:inset 0 0 0 1.5px #10b9818c}.ag-cell.has-pill{background:transparent!important;display:flex;align-items:center}.pill{display:inline-block;padding:2px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2px;line-height:18px;background:#2a3344;color:#c2cadb}.pill-not-started,.pill-needs-action{background:#4a1d1d;color:#fca5a5}.pill-not-scheduled{background:#312058;color:#c4b5fd}.pill-scheduled,.pill-in-progress{background:#1e3a6b;color:#93c5fd}.pill-shot,.pill-listed,.pill-edited{background:#2c2f6b;color:#a5b4fc}.pill-published,.pill-sold,.pill-yes{background:#0f4536;color:#6ee7b7}.pill-no{background:#2a3344;color:#97a1b2}.pill-high{background:#4a1d1d;color:#fca5a5}.pill-medium{background:#463316;color:#fcd34d}.pill-low{background:#143b44;color:#67e8f9}.pill-baselinker{background:#2a3344;color:#9aa6b8}.pill-manual{background:#463316;color:#fcd34d}.btn--add{background:var(--accent);color:#06281d}.btn--add:hover{background:#0ea372}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0009;display:grid;place-items:center;padding:20px}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px #0000008c;padding:22px 24px}.modal__head{display:flex;align-items:center;justify-content:space-between}.modal__head h3{font-family:Bricolage Grotesque,sans-serif;font-size:18px;margin:0;color:var(--text)}.modal__x{background:none;border:none;font-size:24px;line-height:1;color:var(--muted);cursor:pointer}.modal__hint{color:var(--muted);font-size:12.5px;margin:6px 0 16px}.modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.field{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted)}.field .req{color:#f87171;font-style:normal}.field input,.field select{font:inherit;font-size:13.5px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;outline:none;color:var(--text);background:var(--surface-2)}.field input:focus,.field select:focus{border-color:var(--accent)}.field select option{background:var(--surface-2);color:var(--text)}.modal__err{margin:14px 0 0}.modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.settings{flex:1;min-height:0;overflow:auto;padding:20px}.settings__inner{max-width:880px;margin:0 auto}.settings__h{font-family:Bricolage Grotesque,sans-serif;font-size:22px;margin:4px 0 16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow)}.card__h{font-family:Bricolage Grotesque,sans-serif;font-size:15px;margin:0 0 14px}.kv{display:grid;grid-template-columns:120px 1fr;gap:10px 16px;margin:0}.kv dt{color:var(--muted);font-size:13px}.kv dd{margin:0;font-size:13.5px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chip{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:3px 10px;font-size:12px;color:#c2cadb}.muted{color:var(--muted)}.small{font-size:12px}.row{display:flex;gap:10px;margin-bottom:8px;flex-wrap:wrap}.btn{background:var(--accent);color:#06281d;border:none;border-radius:9px;padding:9px 16px;font-weight:700;cursor:pointer;font-size:13px}.btn:hover{background:#0ea372}.btn:disabled{opacity:.55;cursor:default}.btn--ghost{background:var(--surface-2);border:1px solid var(--line);color:#c2cadb}.btn--ghost:hover{background:#232c3c}.ok{color:#6ee7b7;font-size:13px}.bad{color:#fca5a5;font-size:13px}.audit{overflow:auto;margin-top:12px}.audit table{width:100%;border-collapse:collapse;font-size:12.5px}.audit th{text-align:left;color:var(--muted);font-weight:600;padding:6px 10px;border-bottom:1px solid var(--line)}.audit td{padding:6px 10px;border-bottom:1px solid var(--line-soft)}.splash{height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,#1c2540,var(--bg))}.splash__card{text-align:center;color:#fff}.splash__bolt{color:var(--accent);display:inline-block;filter:drop-shadow(0 0 14px rgba(52,211,153,.8))}.splash__card h1{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:26px;margin:10px 0 6px}.splash__loading{color:#8b96b0}.splash__err{color:#fca5a5}.toast{position:fixed;top:74px;right:22px;z-index:1000;background:#b91c1c;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 10px 30px #b91c1c73}