:root{--ink:#0f172a;--ink-soft:#334155;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--wash:#f1f5f9;--wash-deep:#e2e8f0;--accent:#0d9488;--accent-hover:#0f766e;--accent-soft:#ccfbf1;--danger:#dc2626;--danger-soft:#fee2e2;--ok:#059669;--shadow:0 1px 2px #0f172a0f, 0 8px 24px #0f172a0f;--radius:12px;--radius-sm:8px;--font:"Segoe UI", "IBM Plex Sans", system-ui, -apple-system, sans-serif;--btn-h:44px;--btn-h-sm:36px;--field-h:44px;--sidebar-w:240px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--wash);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.admin-shell{background:var(--wash);min-height:100%;display:flex}.admin-sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);z-index:40;flex-direction:column;flex-shrink:0;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.admin-sidebar-top{justify-content:space-between;align-items:flex-start;gap:8px;padding:4px 10px 14px;display:flex}.admin-brand{letter-spacing:-.3px;font-size:18px;font-weight:800}.admin-brand-sub{color:var(--muted);margin-top:2px;font-size:11px;font-weight:600}.admin-nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.admin-nav-link{border-radius:var(--radius-sm);color:var(--ink-soft);padding:10px 12px;font-size:14px;font-weight:600}.admin-nav-link.is-active{color:var(--accent-hover);background:var(--accent-soft)}.admin-sidebar-foot{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{border-bottom:1px solid var(--line);background:var(--surface);z-index:20;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.admin-content{width:100%;max-width:1080px;margin:0 auto;padding:22px 16px 40px}.admin-icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--ink);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.admin-icon-btn:hover{background:var(--wash)}.admin-menu,.admin-close{display:none}.admin-sidebar-toggle,.admin-desktop-menu{display:inline-flex}.admin-shell[data-collapsed="1"] .admin-sidebar{width:72px;padding:16px 8px}.admin-shell[data-collapsed="1"] .admin-brand-block,.admin-shell[data-collapsed="1"] .admin-brand-sub,.admin-shell[data-collapsed="1"] .admin-nav-label,.admin-shell[data-collapsed="1"] .admin-sidebar-foot span{display:none}.admin-shell[data-collapsed="1"] .admin-nav-link{justify-content:center;padding:12px 8px;font-size:11px}.admin-shell[data-collapsed="1"] .admin-nav-link:before{content:attr(title);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.admin-shell[data-collapsed="1"] .admin-sidebar-top{flex-direction:column;align-items:center;padding:4px 0 12px}.admin-shell[data-collapsed="1"] .admin-sidebar-toggle{margin:0 auto}.thumb{object-fit:cover;background:var(--wash-deep);border-radius:8px;flex-shrink:0;width:48px;height:48px}.thumb-lg{border-radius:12px;width:96px;height:96px}.filters{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.filters>*{flex:140px;min-width:120px}.status-pill{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.status-pill.on{background:var(--accent-soft);color:var(--accent-hover)}.status-pill.off{background:var(--wash-deep);color:var(--muted)}.row-link{cursor:pointer}.row-link:hover td{background:var(--accent-soft)}.preview-box{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--wash);place-items:center;min-height:120px;padding:12px;display:grid}.preview-box img,.preview-box video{border-radius:8px;max-width:100%;max-height:180px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tab{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer;height:36px;color:var(--ink-soft);padding:0 14px;font-size:13px;font-weight:600}@media (width<=800px){.catalog-split{grid-template-columns:1fr}}.filters-compact .field-label,.filters-compact label{flex:100px}.admin-burger{background:var(--ink);width:18px;height:2px;transition:background .12s;display:block;position:relative}.admin-burger:before,.admin-burger:after{content:"";background:var(--ink);width:18px;height:2px;transition:transform .16s,top .16s;position:absolute;left:0}.admin-burger:before{top:-6px}.admin-burger:after{top:6px}.admin-burger[data-open="1"]{background:0 0}.admin-burger[data-open="1"]:before{top:0;transform:rotate(45deg)}.admin-burger[data-open="1"]:after{top:0;transform:rotate(-45deg)}.admin-userchip{align-items:center;gap:10px;min-width:0;display:flex}.admin-userchip-text{text-align:right;min-width:0;line-height:1.2}.admin-userchip-name{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13px;font-weight:700;overflow:hidden}.admin-userchip-handle{color:var(--muted);font-size:12px}.admin-avatar{background:var(--wash-deep);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid;overflow:hidden}.admin-backdrop{z-index:30;background:#0f172a66;position:fixed;inset:0}@media (width<=860px){.admin-sidebar{box-shadow:var(--shadow);transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-105%);width:var(--sidebar-w)!important}.admin-sidebar[data-open="1"]{transform:translate(0)}.admin-menu,.admin-close{display:inline-flex}.admin-sidebar-toggle,.admin-desktop-menu{display:none!important}.admin-shell[data-collapsed="1"] .admin-brand-block,.admin-shell[data-collapsed="1"] .admin-nav-label{display:block}.admin-shell[data-collapsed="1"] .admin-nav-link:before{content:none}.admin-userchip-text{display:none}.admin-content{padding:18px 14px 36px}}.page-head{margin-bottom:18px}.page-head h1{letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.page-head p{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.5}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 12px;display:grid}.perm-check{cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;display:flex}.perm-check input{margin-top:2px}.role-list{flex-direction:column;gap:10px;display:flex}.role-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--wash);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.role-row:hover,.role-row.is-selected{border-color:var(--accent);background:var(--accent-soft)}.role-row-title{font-size:14px;font-weight:700}.role-row-meta{color:var(--muted);margin-top:2px;font-size:12px}.chip-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.form-grid{gap:14px;display:grid}.form-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.muted{color:var(--muted);font-size:13px;line-height:1.5}.err-banner{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;font-weight:600}.ok-banner{background:var(--accent-soft);color:var(--accent-hover);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;font-weight:600}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px}.catalog-split{grid-template-columns:1fr minmax(280px,380px);gap:14px;display:grid}@media (width<=800px){.catalog-split{grid-template-columns:1fr}}.field-label{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.field-label-text{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:600}.filters-compact{margin-bottom:12px}.upload-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.file-chip{background:var(--wash);border:1px solid var(--line);word-break:break-all;max-width:100%;color:var(--ink-soft);border-radius:6px;margin-top:8px;padding:6px 10px;font-family:ui-monospace,Consolas,monospace;font-size:12px;font-weight:600;display:inline-block}.row-link.is-selected td{background:var(--accent-soft)}.tree-row{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:8px 10px;display:flex}.tree-row:hover,.tree-row.is-selected{background:var(--accent-soft);border-color:var(--accent)}.tree-indent{flex-shrink:0;width:16px;display:inline-block}.accounts-page{flex-direction:column;gap:14px;max-width:960px;display:flex}.accounts-search{width:100%;position:relative}.accounts-search-row{align-items:center;display:flex;position:relative}.accounts-search-input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);outline:none;width:100%;height:44px;padding:0 40px 0 14px;font-size:15px}.accounts-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.accounts-search-spin{display:flex;position:absolute;right:12px}.accounts-suggest{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-height:320px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.accounts-suggest-empty{text-align:center;color:var(--muted);padding:14px;font-size:13px}.accounts-suggest-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.accounts-suggest-item:hover,.accounts-suggest-item.is-active{background:var(--accent-soft)}.accounts-suggest-av{object-fit:cover;background:var(--wash-deep);border-radius:50%;flex-shrink:0;width:36px;height:36px}.accounts-suggest-av--letter{place-items:center;font-size:13px;font-weight:700;display:grid}.accounts-suggest-text{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:13px;display:flex}.accounts-detail{flex-direction:column;gap:14px;display:flex}.accounts-hero{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.accounts-hero-av{object-fit:cover;background:var(--wash-deep);border-radius:16px;flex-shrink:0;width:72px;height:72px}.accounts-hero-av--letter{place-items:center;font-size:28px;font-weight:800;display:grid}.accounts-hero-main{flex:1;min-width:160px}.accounts-hero-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.accounts-hero-title h2{margin:0;font-size:20px;font-weight:800}.accounts-stats{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;margin-top:18px;padding-top:16px;display:grid}.accounts-stats>div{flex-direction:column;gap:4px;display:flex}.accounts-stats .muted{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.accounts-stats strong{font-size:16px}.accounts-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.accounts-dl{grid-template-columns:110px 1fr;gap:8px 12px;margin:0;font-size:13px;display:grid}.accounts-dl dt{color:var(--muted);font-weight:600}.accounts-dl dd{word-break:break-word;margin:0}.accounts-link{color:var(--accent-hover);margin-top:14px;font-size:13px;font-weight:600;display:inline-block}.accounts-wallet-fields{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (width<=520px){.accounts-wallet-fields{grid-template-columns:1fr}}.accounts-actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.accounts-devices{flex-direction:column;gap:8px;display:flex}.accounts-device{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--wash);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.accounts-device-btns{flex-wrap:wrap;gap:6px;display:flex}.accounts-device-users{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.accounts-device-users-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.accounts-device-user-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.accounts-device-user{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;display:flex}.accounts-device-user:hover{border-color:var(--accent);background:var(--accent-soft)}.settings-page{flex-direction:column;gap:12px;height:calc(100vh - 88px);min-height:0;display:flex}.settings-scroll{flex:1;min-height:0;padding-right:4px;overflow:auto}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:12px;display:grid}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:none;padding:14px 16px}.settings-card-wide{grid-column:1/-1}.settings-card header h2{margin:0;font-size:14px;font-weight:700}.settings-card header p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.4}.settings-form{flex-direction:column;gap:10px;margin-top:12px;display:flex}.brand-row{flex-wrap:wrap;gap:14px;display:flex}.brand-pick{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.brand-label{color:var(--ink-soft);font-size:12px;font-weight:600}.brand-thumb{border:1px dashed var(--line);background:var(--wash);cursor:pointer;width:56px;height:56px;color:var(--muted);text-align:center;border-radius:10px;place-items:center;padding:0;font-size:11px;line-height:1.2;display:grid;overflow:hidden}.brand-thumb-lg{border-radius:14px;width:72px;height:72px}.brand-thumb img{object-fit:cover;width:100%;height:100%}.brand-thumb:hover{border-color:var(--accent);color:var(--accent)}.sticker-thumb{background:var(--wash);border:1px solid var(--line);border-radius:8px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.sticker-thumb img{object-fit:cover;width:100%;height:100%}@media (width<=720px){.settings-page{height:auto;max-height:none}.settings-scroll{overflow:visible}}.banner-tree-thumb{background:var(--wash);border:1px solid var(--line);border-radius:4px;flex-shrink:0;width:36px;height:24px;overflow:hidden}.banner-tree-thumb img{object-fit:cover;width:100%;height:100%}.brand-thumb-banner{border-radius:10px;width:160px;height:90px}.ra-page{flex-direction:column;gap:14px;min-width:0;display:flex}.ra-form{flex-direction:column;gap:16px;margin-top:4px;display:flex}.ra-step{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--wash);align-items:flex-start;gap:12px;min-width:0;padding:12px;display:flex}.ra-step-n{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.ra-step-body{flex:1;min-width:0}.ra-step-title{margin-bottom:8px;font-size:13px;font-weight:700}.ra-picked{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.ra-suggest{min-width:0;position:relative}.ra-suggest-list{border:1px solid var(--line);background:var(--surface);max-height:220px;box-shadow:var(--shadow);border-radius:8px;margin:6px 0 0;padding:0;list-style:none;overflow:auto}.ra-suggest-list button{cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--line);background:0 0;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;font-size:13px;display:flex}.ra-suggest-list li:last-child button{border-bottom:none}.ra-suggest-list button:hover{background:var(--accent-soft)}.ra-browse{flex-direction:column;gap:12px;min-width:0;display:flex}.ra-role-chips{flex-wrap:wrap;gap:8px;display:flex}.ra-chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.ra-chip.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.ra-member-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ra-member{border:1px solid var(--line);background:var(--wash);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;padding:10px 12px;font-size:13px;display:flex}.ra-member-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.ra-member-meta{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ra-code{background:var(--surface);text-overflow:ellipsis;border-radius:4px;flex-shrink:0;max-width:40%;padding:4px 6px;font-size:11px;overflow:hidden}@media (width<=640px){.ra-step{flex-direction:column;gap:8px}.ra-member{flex-direction:column;align-items:stretch}.ra-code{align-self:flex-start;max-width:100%}}.ra-suggest-row{border-bottom:1px solid var(--line);align-items:stretch;gap:4px;display:flex}.ra-suggest-list li:last-child .ra-suggest-row{border-bottom:none}.ra-suggest-main{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:10px 12px;font-size:13px;display:flex}.ra-suggest-main:hover{background:var(--accent-soft)}.ra-suggest-list>li>button{border-bottom:none}.ra-suggest-row .btn,.ra-suggest-row button[class*=Button],.ra-picked-actions{flex-shrink:0;align-items:center;gap:6px;padding-right:6px;display:flex}.ra-mode-row{flex-direction:column;gap:8px;display:flex}.ra-mode{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;width:100%;color:var(--ink);border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.ra-mode span{font-size:12px;font-weight:400}.ra-mode.is-active{border-color:var(--accent);background:var(--accent-soft)}.ra-mode:disabled{opacity:.5;cursor:not-allowed}.ra-preview{border:1px solid var(--line);background:var(--wash);border-radius:10px;min-width:0;padding:14px}.ra-preview-head{grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;font-size:13px;display:grid}.ra-preview-arrow{color:var(--accent);padding-top:14px;font-size:20px;font-weight:700}@media (width<=640px){.ra-preview-head{grid-template-columns:1fr}.ra-preview-arrow{text-align:center;padding:0}.ra-suggest-row{flex-wrap:wrap}}