:root {
  --bg:#0b0b0d; --panel:#131316; --panel-2:#19191d; --line:#29292f; --text:#f6f4f8;
  --muted:#9996a1; --purple:#a62bff; --purple-2:#7112b5; --green:#5ee6a8; --amber:#f5bd5c;
  --red:#ff6b74; --blue:#72a7ff; --sidebar:248px; --radius:18px;
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}
button,input,textarea,select{font:inherit} button{cursor:pointer} code{font-family:ui-monospace,Consolas,monospace}
.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:24px 16px;background:#0e0e11;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:4}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px}.brand img{width:47px;height:47px;object-fit:cover;border-radius:12px}.brand strong,.brand span{display:block}.brand strong{font-family:"Space Grotesk";font-size:17px}.brand span{color:var(--muted);font-size:12px;margin-top:3px}
.status-nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#b8b5bf;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;text-align:left}.nav-item:hover{background:#17171b;color:white}.nav-item.active{background:#211528;color:white}.nav-item b{font-size:12px;background:#202025;padding:3px 8px;border-radius:20px;color:#aaa7b0}.nav-item.active b{background:#4a1b67;color:#e9c9ff}.nav-item span{display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%}.dot.visible{background:var(--green)}.dot.hidden{background:var(--amber)}.dot.draft{background:#8b8991}.dot.scheduled{background:var(--blue)}.dot.expired{background:var(--red)}.nav-rule{height:1px;background:var(--line);margin:10px 12px}
.sidebar-foot{margin-top:auto;padding:16px 8px 0;border-top:1px solid var(--line)}.sidebar-foot p{color:var(--muted);font-size:12px}.sidebar-foot code{color:#dcb1fb}
main{margin-left:var(--sidebar);padding:34px 42px 60px;max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.eyebrow{margin:0 0 7px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700;color:#b879e8}.topbar h1,.modal-head h2{font-family:"Space Grotesk";margin:0}.topbar h1{font-size:34px}.muted{color:var(--muted);margin:7px 0 0}.top-actions{display:flex;gap:9px;align-items:center}
.button,.icon-button{border:1px solid transparent;border-radius:10px;padding:10px 15px;color:white;background:#25252b;font-weight:600}.button:hover,.icon-button:hover{filter:brightness(1.14)}.button.primary{background:var(--purple)}.button.secondary{background:#1a1a1f;border-color:#36363e}.button.ghost{background:transparent;border-color:#35353d;color:#c4c1ca}.button.warning{background:#533812;border-color:#8f6425;color:#ffd992}.button.danger{background:#9b2430}.button.small{padding:7px 11px;font-size:12px}.button.full{width:100%}.icon-button{font-size:22px;width:42px;height:42px;padding:0;background:#17171b;border-color:#303037}.button:disabled,.icon-button:disabled{opacity:.45;cursor:not-allowed}
.connection-banner{border:1px solid #573574;background:linear-gradient(100deg,#24142f,#151219);padding:17px 19px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.connection-banner strong,.connection-banner span{display:block}.connection-banner span{font-size:13px;color:#b8aabc;margin-top:4px}.connection-banner.connected{display:none}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.stats article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:17px 18px}.stats span,.stats small{display:block;color:var(--muted)}.stats span{font-size:12px;font-weight:600}.stats strong{display:block;font-family:"Space Grotesk";font-size:30px;margin:6px 0}.stats small{font-size:11px}
.toolbar{display:flex;gap:9px;margin:0 0 18px}.toolbar select,.search{height:42px;border:1px solid var(--line);border-radius:10px;background:#121216;color:#d7d4dc}.toolbar select{padding:0 34px 0 12px}.search{display:flex;align-items:center;gap:8px;padding:0 13px;flex:1;max-width:470px}.search span{font-size:20px;color:#7f7c85}.search input{border:0;outline:0;background:transparent;color:white;width:100%}.view-toggle{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-left:auto}.view-toggle button{width:40px;border:0;background:#121216;color:#77747d;font-size:18px}.view-toggle button.active{background:#2d193a;color:#d99cff}
.filter-check{height:42px;border:1px solid #3b3043;border-radius:10px;background:#18131d;color:#c9bdcf;padding:0 12px;display:flex!important;align-items:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:600}.filter-check input{accent-color:var(--purple);width:15px;height:15px;margin:0}.filter-check.hidden{display:none!important}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.catalog-grid.list{display:block}.catalog-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.18s ease;position:relative}.catalog-card:hover{transform:translateY(-2px);border-color:#48434e;box-shadow:0 13px 35px rgba(0,0,0,.25)}.card-image{height:184px;background:radial-gradient(circle at 50% 45%,#27232d,#151519 68%);display:grid;place-items:center;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;padding:14px}.card-image .placeholder{font-family:"Space Grotesk";font-size:42px;color:#3d3942}.state-badge,.type-badge{position:absolute;top:11px;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;backdrop-filter:blur(9px)}.state-badge{left:11px}.type-badge{right:11px;background:#19191dcc;color:#ccc8d2}.state-visible{background:#153e31dd;color:#7ff2be}.state-hidden{background:#473415e3;color:#ffd181}.state-draft{background:#36353ae3;color:#dad7df}.state-scheduled{background:#1e3657e3;color:#9ec6ff}.state-expired{background:#4b2226e3;color:#ff9da4}.card-body{padding:15px}.card-body h3{font-size:16px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friendly-id{font:11px ui-monospace,Consolas;color:#75727b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.price{font-weight:700}.price small{font-weight:500;color:var(--muted)}.tag-row{display:flex;gap:5px;overflow:hidden;margin-top:11px;min-height:22px}.tag{font-size:10px;padding:4px 7px;border-radius:7px;background:#202027;color:#aaa7b0;white-space:nowrap}.visibility-line{display:flex;align-items:center;gap:6px;color:#8e8b94;font-size:11px;margin-top:12px;padding-top:11px;border-top:1px solid #24242a}.visibility-line strong{color:#c8c4ce}.catalog-card button.card-hit{position:absolute;inset:0;border:0;background:transparent}
.catalog-grid.list .catalog-card{display:grid;grid-template-columns:92px minmax(260px,1fr) 180px;margin-bottom:8px;border-radius:13px}.catalog-grid.list .card-image{height:86px}.catalog-grid.list .card-image .placeholder{font-size:24px}.catalog-grid.list .card-image .state-badge,.catalog-grid.list .card-image .type-badge{display:none}.catalog-grid.list .card-body{display:grid;grid-template-columns:minmax(220px,1fr) 150px 180px;align-items:center;gap:15px}.catalog-grid.list .card-meta,.catalog-grid.list .tag-row,.catalog-grid.list .visibility-line{margin:0;padding:0;border:0}.catalog-grid.list .tag-row{align-items:center}
.empty-state,.loading-state{text-align:center;border:1px dashed #33333a;border-radius:18px;padding:70px 20px;color:var(--muted)}.empty-state div{font-size:40px}.empty-state h2,.loading-state strong{color:#d7d4dc}.empty-state h2{font-family:"Space Grotesk";margin:12px 0 5px}.loading-state{display:flex;flex-direction:column;align-items:center;gap:9px}.spinner{width:30px;height:30px;border:3px solid #38343c;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}
.modal{position:fixed;inset:0;background:#050506d9;display:none;align-items:center;justify-content:center;padding:24px;z-index:20}.modal.open{display:flex}.modal-card{background:#131316;border:1px solid #34343b;border-radius:18px;width:min(720px,100%);max-height:92vh;overflow:auto;box-shadow:0 28px 90px #000}.modal-card.compact{width:min(560px,100%);padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.close-button{border:0;background:#26262b;color:#aaa6af;width:34px;height:34px;border-radius:9px;font-size:22px}.modal label{display:block;color:#b9b6bf;font-size:12px;font-weight:600;margin:0 0 15px}.modal input,.modal textarea,.modal select{width:100%;margin-top:7px;border:1px solid #34343c;background:#0f0f12;color:white;border-radius:9px;padding:10px 11px;outline:none}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#8d38c6;box-shadow:0 0 0 3px #7a24b526}.modal label small{color:#77747d;font-weight:400;margin-left:4px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.notice{border:1px solid;padding:12px 14px;border-radius:10px;margin-bottom:17px;display:flex;gap:4px;flex-direction:column;font-size:12px}.notice.warning{border-color:#695023;background:#2c2416;color:#e7c98e}.notice.info{border-color:#3b3150;background:#1c1724;color:#c7b3d5}
.editor-modal{align-items:flex-start;padding:18px}.editor-card{width:min(980px,100%);padding:0}.editor-card .sticky{position:sticky;top:0;background:#131316f4;backdrop-filter:blur(12px);z-index:3;padding:22px 25px 16px;border-bottom:1px solid var(--line);margin:0}.editor-head-actions{display:flex;gap:8px}.editor-card>.notice{margin:18px 25px 0}.editor-card form{padding:23px 25px 125px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.span-2{grid-column:span 2}.editor-section{border-top:1px solid var(--line);padding-top:21px;margin-top:13px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.section-heading h3{font-size:15px;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:4px 0 0}.toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle{border:1px solid #303037;border-radius:11px;padding:12px!important;display:flex!important;align-items:center;gap:10px;margin:0!important}.toggle input{display:none}.toggle>span{width:35px;height:20px;border-radius:20px;background:#34343a;position:relative;flex:0 0 auto}.toggle>span:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#aaa;top:3px;left:3px;transition:.15s}.toggle input:checked+span{background:var(--purple-2)}.toggle input:checked+span:after{left:18px;background:white}.toggle strong,.toggle small{display:block}.toggle small{margin:2px 0 0}.image-editor{display:grid;grid-template-columns:170px 1fr;gap:18px}.image-preview{height:155px;border:1px dashed #3b3a42;border-radius:12px;background:#0e0e11;display:grid;place-items:center;overflow:hidden;color:#6f6c74}.image-preview img{width:100%;height:100%;object-fit:contain;padding:8px}.image-fields small{color:var(--muted)}.count-pill{padding:5px 9px;background:#28232d;border-radius:20px;font-size:11px}.member-picker{display:grid;grid-template-columns:1fr 80px auto;gap:8px}.member-picker select,.member-picker input{margin:0}.member-list{margin-top:10px;display:grid;gap:7px}.member-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #2c2c32;background:#101013;padding:9px 11px;border-radius:9px}.member-row small{color:var(--muted)}.member-row button{border:0;background:transparent;color:#ff8d95}.advanced{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.advanced summary{cursor:pointer;font-size:13px;font-weight:700}.advanced p{font-size:12px;color:var(--muted)}.advanced textarea{font-family:ui-monospace,Consolas;font-size:11px}.publish-panel{position:sticky;bottom:0;background:#16161aec;border-top:1px solid #39383f;backdrop-filter:blur(14px);padding:16px 25px;display:flex;align-items:center;justify-content:space-between;z-index:5}.publish-copy strong,.publish-copy span{display:block}.publish-copy span{font-size:11px;color:var(--muted);margin-top:3px}.json-card{padding:22px;width:min(900px,100%)}.json-card pre{background:#0b0b0d;border:1px solid #29292e;border-radius:10px;padding:15px;white-space:pre-wrap;word-break:break-word;font-size:11px;max-height:70vh;overflow:auto}
.toast-region{position:fixed;right:20px;bottom:20px;z-index:50;display:grid;gap:8px}.toast{background:#232329;border:1px solid #3d3d45;border-left:4px solid var(--green);padding:12px 15px;border-radius:10px;box-shadow:0 12px 35px #0009;min-width:290px}.toast.error{border-left-color:var(--red)}.toast strong,.toast span{display:block}.toast span{font-size:12px;color:var(--muted);margin-top:3px}
.migration-rule{display:grid;grid-template-columns:105px 1fr;gap:10px;border-top:1px solid var(--line);padding:13px 0;font-size:12px}.migration-rule span{color:var(--muted);line-height:1.5}.migration-rule code{color:#deb1ff}
@media(max-width:1050px){.sidebar{width:205px}.shell{--sidebar:205px}main{padding:28px 24px}.stats{grid-template-columns:1fr 1fr}.topbar{display:block}.top-actions{margin-top:18px;flex-wrap:wrap}.toolbar{flex-wrap:wrap}.search{max-width:none;flex-basis:100%}}
@media(max-width:720px){.sidebar{position:static;width:auto;height:auto}.status-nav{grid-template-columns:1fr 1fr}.sidebar-foot{display:none}main{margin:0;padding:22px 15px}.stats{grid-template-columns:1fr 1fr}.catalog-grid{grid-template-columns:1fr}.form-grid,.toggle-row,.image-editor{grid-template-columns:1fr}.span-2{grid-column:auto}.publish-panel{display:block}.publish-panel .modal-actions{margin-top:12px;flex-wrap:wrap}.editor-modal{padding:0}.editor-card{max-height:100vh;border-radius:0}.catalog-grid.list .catalog-card,.catalog-grid.list .card-body{display:block}.catalog-grid.list .card-image{height:160px}}