:root{--bg:#f1efe8;--surface:#fbfaf6;--surface-2:#e7e4da;--surface-dark:#171a18;--ink:#171a18;--muted:#686b65;--line:#d8d4c8;--accent:#e85d2a;--accent-ink:#fff8f2;--teal:#176f65;--danger:#b42318;--warning:#ad5d00;--success:#18794e;--info:#245ea8;--font-sans:"IBM Plex Sans", "Noto Sans SC", "PingFang SC", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:clamp(2.2rem, 5vw, 4.4rem);--lh-tight:1.08;--lh-body:1.6;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--shadow:0 18px 55px #2a251a1a;--dur-1:.12s;--dur-2:.22s;--ease-out:cubic-bezier(.2, .9, .2, 1)}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:var(--bg);font-family:var(--font-sans);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, white);outline-offset:3px}.shell{grid-template-columns:auto minmax(0,1fr);min-width:1180px;min-height:100vh;display:grid}.sidebar{color:#f7f3e8;background:var(--surface-dark);width:238px;height:100vh;transition:width var(--dur-2) var(--ease-out);border-right:1px solid #30342f;flex-direction:column;padding:24px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar[data-collapsed=true]{width:72px}.sidebar-head{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px;min-width:0;padding:4px 0 20px;display:grid}.brand-mark{letter-spacing:-.02em;align-items:center;gap:8px;min-width:0;font-weight:700;display:flex}.brand-symbol{width:35px;height:35px;color:var(--surface-dark);font-family:var(--font-mono);background:#ff7745;border-radius:10px 10px 10px 3px;place-items:center;display:grid}.brand-copy{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-toggle{color:#858d85;cursor:pointer;width:34px;height:34px;transition:color var(--dur-1), background var(--dur-1);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.sidebar-toggle:hover{color:#fff;background:#262a26}.sidebar-toggle-icon,.nav-section-toggle-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px;transition:transform var(--dur-2) var(--ease-out)}.nav-section-toggle-icon{transform:rotate(90deg)}.sidebar-toggle-icon{transform:rotate(180deg)}.sidebar[data-collapsed=true] .sidebar-toggle-icon{transform:rotate(0)}.sidebar[data-collapsed=true] .sidebar-head{grid-template-columns:1fr;justify-items:center;gap:10px;padding-bottom:18px}.sidebar[data-collapsed=true] .brand-mark{justify-content:center}.sidebar-navigation{min-width:0}.nav-section-heading{color:#858d85;cursor:pointer;text-align:left;width:100%;min-height:42px;transition:color var(--dur-1), background var(--dur-1);background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;margin:5px 0 2px;padding:0 8px 0 10px;display:flex}.nav-section-heading:hover{color:#b9c0b9;background:#202320}.side-label{min-width:0;color:inherit;font:600 var(--text-xs)/1 var(--font-mono);text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;flex:1;overflow:hidden}.nav-section-toggle-icon{flex:none}.nav-section-heading[aria-expanded=false] .nav-section-toggle-icon{transform:rotate(0)}.nav-list{gap:4px;display:grid}.nav-list[hidden]{display:none}.nav-link{color:#b9c0b9;min-height:42px;font-size:var(--text-sm);transition:color var(--dur-1), background var(--dur-1);border-radius:10px;align-items:center;gap:11px;padding:0 12px;display:flex}.nav-link:hover{color:#fff;background:#262a26}.nav-link[aria-current=page]{color:#fff;background:#262a26;box-shadow:inset 3px 0 #ff7745}.nav-link[aria-current=page] .nav-glyph{color:#ff7745}.nav-glyph{color:#758078;width:20px;font:600 11px/1 var(--font-mono);flex:none}.nav-copy{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar[data-collapsed=true] .nav-section[data-section-collapsed=true]{display:none}.sidebar[data-collapsed=true] .nav-section+.nav-section{border-top:1px solid #343834;margin-top:8px;padding-top:8px}.sidebar[data-collapsed=true] .nav-link{justify-content:center;padding-inline:0}.sidebar[data-collapsed=true] .nav-glyph{width:auto}.profile{border-top:1px solid #343834;align-items:center;gap:10px;margin-top:auto;padding:15px 10px 2px;display:flex}.sidebar[data-collapsed=true] .profile{justify-content:center;padding-inline:0}.avatar{color:#2a2415;background:#e6bd42;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.profile-copy strong,.profile-copy span{display:block}.profile-copy strong{font-size:var(--text-sm)}.profile-copy span{color:#858d85;font-size:var(--text-xs);margin-top:3px}.main{min-width:0;padding:30px 36px 56px}.impersonation-banner{border:1px solid color-mix(in srgb, var(--warning) 38%, var(--line));color:#633500;background:color-mix(in srgb, #f6c453 24%, var(--surface));min-height:48px;font-size:var(--text-sm);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:-12px 0 22px;padding:8px 10px 8px 16px;display:flex}.impersonation-banner button{color:#633500;cursor:pointer;background:#fff8e8;border:1px solid #a96418;border-radius:8px;min-height:34px;padding:0 12px;font-weight:750}.impersonation-banner button:disabled{cursor:wait;opacity:.65}.impersonation-error{color:var(--danger)}.muted-copy{color:var(--muted);font-size:var(--text-sm);margin:0}.warning-copy{color:var(--warning)!important}.impersonate-button{width:100%;color:var(--warning);border-color:color-mix(in srgb, var(--warning) 35%, var(--line))}.org-panel{overflow:hidden}.org-list{display:grid}.org-row{--org-depth:0;grid-template-columns:calc(var(--org-depth) * 30px + 18px) minmax(220px, 1fr) auto;border-top:1px solid var(--line);align-items:center;gap:14px;min-height:72px;padding:0 22px;display:grid}.org-row:first-child{border-top:0}.org-branch{height:34px;margin-left:calc(var(--org-depth) * 30px);border-left:2px solid color-mix(in srgb, var(--teal) 30%, var(--line));border-bottom:2px solid color-mix(in srgb, var(--teal) 30%, var(--line));border-radius:0 0 0 8px}.org-copy strong,.org-copy span{display:block}.org-copy span{color:var(--muted);font:500 var(--text-xs)/1 var(--font-mono);margin-top:4px}.org-stats{color:var(--muted);font-size:var(--text-xs);gap:18px;display:flex}.org-stats strong{color:var(--ink);font-family:var(--font-mono)}.org-empty{padding:28px}.sync-action{align-items:center;gap:12px;display:flex}.sync-action p{color:var(--muted);font-size:var(--text-xs);margin:0}.role-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.role-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;min-height:250px;padding:20px;display:flex;box-shadow:0 8px 30px #2a251a0a}.role-card header,.role-card footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.role-card h2{font-size:var(--text-lg);margin:24px 0 8px}.role-card>p{min-height:44px;color:var(--muted);font-size:var(--text-sm);margin:0}.role-card dl{gap:28px;margin:20px 0;display:flex}.role-card dl div{gap:4px;display:grid}.role-card dt{color:var(--muted);font-size:var(--text-xs)}.role-card dd{font:700 var(--text-lg)/1 var(--font-mono);margin:0}.role-card footer{justify-content:flex-start;margin-top:auto}.role-form{min-width:min(760px,78vw)}.permission-groups{gap:14px;display:grid}.permission-groups fieldset{border:1px solid var(--line);border-radius:10px;margin:0;padding:12px}.permission-groups legend{color:var(--muted);font-size:var(--text-xs);padding:0 7px;font-weight:750}.permission-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.permission-check{background:var(--bg);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:48px;padding:7px 9px;display:grid}.permission-check label{cursor:pointer;align-items:center;gap:8px;min-width:0;display:flex}.permission-check label span,.permission-check label strong,.permission-check label small{min-width:0;display:block}.permission-check small{color:var(--muted);font:500 10px/1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.permission-check select{border:1px solid var(--line);width:105px;min-height:34px;font-size:var(--text-xs);background:#fff;border-radius:7px}.permission-table td:nth-child(3){text-overflow:ellipsis;max-width:220px;overflow:hidden}.permission-actions{justify-content:flex-end;gap:7px;display:flex}.permission-actions .button{min-height:34px;padding:0 10px}@media (max-width:1260px){.shell{min-width:980px}.sidebar{width:210px}.brand-copy{font-size:var(--text-sm)}.main{padding-inline:24px}.role-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-stats{gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar{justify-content:space-between;align-items:center;min-height:48px;margin-bottom:28px;display:flex}.breadcrumbs{color:var(--muted);font-size:var(--text-sm)}.top-actions{gap:10px;display:flex}.page-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.eyebrow{color:var(--accent);font:700 var(--text-xs)/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;margin:0 0 9px}.page-head h1{letter-spacing:-.045em;margin:0;font-size:2.1rem;line-height:1.05}.page-head p{max-width:680px;color:var(--muted);margin:10px 0 0}.button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), border-color var(--dur-1);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:650;display:inline-flex}.button:hover{border-color:#9f9a8d;transform:translateY(-1px)}.button-primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:0 8px 18px #e85d2a38}.button-danger{color:#fff;background:var(--danger);border-color:var(--danger);box-shadow:0 8px 18px #b423182e}.button-danger:hover{border-color:#8f1c14}.button-quiet{background:0 0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-height:146px;padding:22px;position:relative;overflow:hidden}.metric:after{content:"";border:9px solid var(--surface-2);width:46px;height:46px;position:absolute;bottom:-17px;right:-17px;transform:rotate(45deg)}.metric-label{color:var(--muted);font-size:var(--text-sm)}.metric-value{font:700 2.15rem/1 var(--font-mono);letter-spacing:-.06em;margin-top:18px}.metric-delta{color:var(--success);font-size:var(--text-xs);margin-top:11px}.metric-delta-down{color:var(--danger)}.metric-delta-neutral{color:var(--muted)}.analytics-filter-bar{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);justify-content:space-between;align-items:end;gap:24px;margin:-8px 0 22px;padding:14px 16px;display:flex;box-shadow:0 8px 30px #2a251a0a}.analytics-filter-field{gap:7px;min-width:0;display:grid}.analytics-filter-creator{width:clamp(240px,30vw,340px)}.analytics-filter-label-row{justify-content:space-between;align-items:center;gap:12px;min-height:15px;display:flex}.analytics-filter-label-row label,.analytics-filter-label{color:var(--muted);font-size:var(--text-xs);font-weight:700}.analytics-filter-status{color:var(--teal);font-size:var(--text-xs);font-weight:650}.analytics-filter-select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:9px;padding:0 12px}.analytics-filter-select:focus-visible{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));outline:3px solid color-mix(in srgb, var(--accent) 12%, transparent);outline-offset:1px}.analytics-filter-period{justify-items:end}.analytics-range{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 72%, white);border-radius:10px;gap:3px;padding:3px;display:inline-flex}.analytics-range a{min-height:36px;color:var(--muted);font-size:var(--text-sm);transition:color var(--dur-1), background var(--dur-1), box-shadow var(--dur-1), transform var(--dur-1) var(--ease-out);border-radius:7px;justify-content:center;align-items:center;padding:0 14px;font-weight:700;display:inline-flex}.analytics-range a:hover{color:var(--ink)}.analytics-range a.active{color:var(--ink);background:var(--surface);box-shadow:0 3px 10px #2a251a1a}.analytics-range a:focus-visible{outline-color:color-mix(in srgb, var(--accent) 62%, white);outline-offset:1px}.analytics-overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:18px;margin-bottom:18px;display:grid}.analytics-trend-panel{min-width:0}.analytics-chart-stack{gap:10px;min-width:0;display:grid}.chart-legend{justify-content:flex-end;gap:7px;min-height:34px;display:flex}.chart-legend button{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);min-height:34px;color:var(--ink);background:color-mix(in srgb, var(--surface-2) 36%, var(--surface));cursor:pointer;font-size:var(--text-xs);transition:color var(--dur-1), border-color var(--dur-1), background var(--dur-1), opacity var(--dur-1);border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-weight:700;display:inline-flex}.chart-legend button:hover{border-color:color-mix(in srgb, var(--teal) 36%, var(--line));background:color-mix(in srgb, var(--teal) 5%, var(--surface))}.chart-legend button[aria-pressed=false]{color:var(--muted);opacity:.58;background:0 0}.chart-legend i{border-radius:3px 3px 1px 1px;width:9px;height:9px;display:inline-block}.legend-pv{background:var(--teal)}.legend-click{background:var(--accent)}.analytics-chart{touch-action:pan-y;width:100%;min-width:0}.analytics-chart svg{display:block}.analytics-trend-chart{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 22%, transparent), transparent 42%);border-radius:8px;height:286px}.analytics-trend-chart:focus-visible{outline-color:color-mix(in srgb, var(--teal) 55%, white)}.device-chart-layout{gap:14px;min-width:0;display:grid}.device-chart-visual{height:214px;position:relative}.device-chart{height:100%}.device-chart-total{pointer-events:none;text-align:center;gap:5px;width:92px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.device-chart-total strong{font:750 var(--text-lg)/1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-chart-total span{color:var(--muted);font:700 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.device-chart-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.device-chart-list button{border:1px solid var(--line);width:100%;min-height:54px;color:var(--ink);cursor:pointer;text-align:left;transition:border-color var(--dur-1), background var(--dur-1), transform var(--dur-1) var(--ease-out);background:0 0;border-radius:9px;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;display:grid}.device-chart-list button:hover,.device-chart-list button:focus-visible{border-color:color-mix(in srgb, var(--teal) 38%, var(--line));background:color-mix(in srgb, var(--teal) 5%, var(--surface));transform:translateY(-1px)}.device-swatch{background:var(--muted);border-radius:3px;width:9px;height:24px}.device-swatch-desktop{background:var(--teal)}.device-swatch-mobile{background:var(--accent)}.device-swatch-tablet{background:var(--ink)}.device-chart-list span{min-width:0}.device-chart-list strong,.device-chart-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.device-chart-list strong{font-size:var(--text-xs)}.device-chart-list small{color:var(--muted);margin-top:4px;font-size:10px}.device-chart-list b{font:700 10px/1 var(--font-mono)}.analytics-ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.analytics-table-wrap{overflow-x:auto}.analytics-table td:first-child{max-width:280px}.table-subline{color:var(--muted);font:500 var(--text-xs)/1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;display:block;overflow:hidden}.table-empty{color:var(--muted);text-align:center!important;height:96px!important}.analytics-region-panel{margin-bottom:4px}.panel-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 8px 30px #2a251a0a}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:62px;padding:0 20px;display:flex}.panel-head h2{font-size:var(--text-md);margin:0}.panel-body{padding:20px}.country-list{gap:16px;display:grid}.country-row{grid-template-columns:32px 1fr auto;align-items:center;gap:12px;display:grid}.flag{font-size:1.3rem}.country-copy span{display:block}.country-copy span:last-child{color:var(--muted);font-size:var(--text-xs);margin-top:4px}.country-value{font:700 var(--text-sm)/1 var(--font-mono)}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.search{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:min(420px,100%);min-height:42px;padding:0 14px}.audit-filters{align-items:center;gap:10px;display:flex}.audit-date{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface);font:inherit;border-radius:10px;padding:0 13px}.audit-pagination{color:var(--muted);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.audit-pagination div{gap:10px;display:flex}.list-filter-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:16px;padding:18px 20px 16px;box-shadow:0 8px 30px #2a251a0a}.list-filter-form{gap:16px;display:grid}.list-filter-grid{grid-template-columns:repeat(4,minmax(170px,1fr));align-items:end;gap:14px 16px;display:grid}.list-filter-field{gap:7px;min-width:0;display:grid}.list-filter-field label,.list-filter-label{color:var(--muted);font-size:var(--text-xs);font-weight:700}.list-filter-field input,.list-filter-field select,.list-check-dropdown summary{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:9px;padding:0 12px}.list-filter-field input:focus,.list-filter-field select:focus,.list-check-dropdown summary:focus-visible{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));outline:3px solid color-mix(in srgb, var(--accent) 12%, transparent);outline-offset:1px}.list-filter-more{border-top:1px solid var(--line)}.list-filter-more>summary{width:fit-content;color:var(--teal);cursor:pointer;font-size:var(--text-xs);margin-top:12px;font-weight:750;list-style:none}.list-filter-more>summary::-webkit-details-marker{display:none}.list-filter-more>summary:after{content:"↓";font-family:var(--font-mono);margin-left:7px}.list-filter-more[open]>summary:after{content:"↑"}.list-filter-more-open,.list-filter-more[open] .list-filter-more-closed{display:none}.list-filter-more[open] .list-filter-more-open{display:inline}.list-filter-grid-advanced{margin-top:14px}.list-filter-actions{justify-content:flex-end;gap:10px;display:flex}.list-check-dropdown{position:relative}.list-check-dropdown summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.list-check-dropdown summary::-webkit-details-marker{display:none}.list-check-dropdown summary:after{content:"⌄";color:var(--muted);font:700 var(--text-sm)/1 var(--font-mono)}.list-check-dropdown[open] summary{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.list-check-dropdown fieldset{z-index:10;border:1px solid var(--line);background:#fff;border-radius:10px;gap:4px;width:100%;min-width:190px;margin:0;padding:8px;display:grid;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 16px 36px #2a251a29}.list-check-dropdown label{min-height:36px;color:var(--ink);cursor:pointer;font-size:var(--text-sm);border-radius:7px;align-items:center;gap:9px;padding:0 8px;display:flex}.list-check-dropdown label:hover{background:var(--bg)}.list-check-dropdown input{width:16px;height:16px;min-height:0;accent-color:var(--teal);margin:0;padding:0}.list-pagination{min-height:46px;color:var(--muted);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:18px;margin-top:14px;display:flex}.list-pagination-actions,.list-page-numbers,.list-page-number-slot{align-items:center;gap:7px;display:flex}.list-pagination .button{min-width:40px;min-height:38px;padding:0 11px}.list-page-current{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.list-pagination-disabled{cursor:not-allowed;opacity:.48}.list-page-gap{padding:0 2px}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.table{border-collapse:collapse;width:100%}.table th{height:46px;color:var(--muted);text-align:left;font-size:var(--text-xs);background:#e9e6dd;padding:0 16px;font-weight:700}.table td{border-top:1px solid var(--line);height:70px;font-size:var(--text-sm);padding:10px 16px}.table tr:hover td{background:#f6f4ee}.page-name-link{text-underline-offset:4px;min-height:36px;transition:color var(--dur-1), text-decoration-color var(--dur-1);align-items:center;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.page-name-link:hover{color:var(--accent);text-decoration-color:currentColor}.code{font:600 var(--text-xs)/1 var(--font-mono);color:var(--teal)}.page-code-cell{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.page-code-action{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--teal);cursor:pointer;transition:color var(--dur-1), background var(--dur-1), border-color var(--dur-1), transform var(--dur-1) var(--ease-out);background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.page-code-action:hover{background:color-mix(in srgb, var(--teal) 9%, transparent);border-color:color-mix(in srgb, var(--teal) 24%, transparent);transform:translateY(-1px)}.page-code-action svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:17px;height:17px}.copy-link-button-copied{color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent)}.copy-link-button-failed{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.page-code-action:disabled{cursor:wait;opacity:.62;transform:none}.status{color:#176943;font-size:var(--text-xs);background:#e6f1eb;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-draft{color:#6f6b62;background:#eeeae0}.status-failed{color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, var(--surface))}.users-table-wrap{overflow-x:auto}.users-table{min-width:760px}.users-table th:last-child,.users-table td:last-child{text-align:right}.user-role-summary{color:var(--muted);line-height:1.55}.user-manage-cell{white-space:nowrap;width:1%}.user-manage-button{min-height:38px;padding-inline:13px}.user-role-fieldset,.user-status-fieldset{border:0;min-width:0;margin:0;padding:0}.user-role-fieldset legend,.user-status-fieldset legend{font-size:var(--text-sm);margin-bottom:10px;font-weight:700}.user-role-options{gap:9px;display:grid}.user-role-option,.user-status-options label{border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color var(--dur-1), background var(--dur-1), box-shadow var(--dur-1);border-radius:10px;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:11px;padding:13px 14px;display:grid}.user-role-option:has(input:checked){border-color:color-mix(in srgb, var(--teal) 44%, var(--line));background:color-mix(in srgb, var(--teal) 6%, var(--surface));box-shadow:inset 3px 0 0 var(--teal)}.user-status-options label:has(input:checked){border-color:color-mix(in srgb, var(--teal) 44%, var(--line));background:color-mix(in srgb, var(--teal) 6%, var(--surface));box-shadow:inset 3px 0 0 var(--teal)}.user-role-option:focus-within,.user-status-options label:focus-within{outline:3px solid color-mix(in srgb, var(--teal) 16%, transparent);outline-offset:1px}.user-role-option input,.user-status-options input{width:17px;height:17px;accent-color:var(--teal);margin:2px 0 0}.user-role-option strong,.user-role-option small,.user-status-options strong,.user-status-options small{display:block}.user-role-option strong,.user-status-options strong{font-size:var(--text-sm)}.user-role-option small,.user-status-options small{color:var(--muted);font-size:var(--text-xs);margin-top:4px;line-height:1.45}.user-status-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.product-grid,.image-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.resource-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2);overflow:hidden}.resource-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.resource-image{aspect-ratio:1;background:var(--surface-2);position:relative;overflow:hidden}.resource-image img{object-fit:cover;width:100%;height:100%}.resource-copy{padding:14px}.resource-copy h3{min-height:2.6em;font-size:var(--text-sm);margin:0 0 8px;line-height:1.3}.resource-copy p{color:var(--muted);font-size:var(--text-xs);margin:0}.resource-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.resource-list-head,.resource-list-row{align-items:center;gap:16px;display:grid}.resource-list-head{min-height:46px;color:var(--muted);font-size:var(--text-xs);background:#e9e6dd;padding:0 18px;font-weight:700}.resource-list-row{border-top:1px solid var(--line);min-height:86px;transition:background var(--dur-1);padding:12px 18px}.resource-list-row:hover{background:#f6f4ee}.resource-product-columns{grid-template-columns:minmax(170px,.85fr) minmax(250px,1.35fr) minmax(110px,.45fr) 132px auto}.resource-image-columns{grid-template-columns:64px minmax(170px,.7fr) minmax(220px,1fr) minmax(150px,.65fr) auto}.resource-thumb{border:1px solid var(--line);background:var(--surface-2);object-fit:cover;border-radius:10px;width:64px;height:64px}.resource-name{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resource-url{min-width:0;color:var(--muted);font:500 var(--text-xs)/1.5 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resource-meta{min-width:0;color:var(--ink);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resource-meta small{color:var(--muted);font-size:var(--text-xs);margin-top:5px;display:block}.resource-time{color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.resource-row-actions{justify-content:flex-end}.resource-row-actions .button{min-height:38px;padding-inline:13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.pages-table-wrap{overflow-x:auto}.pages-table{min-width:1080px}.pages-table time{color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.editor{grid-template-columns:minmax(520px,1fr) minmax(420px,.82fr);align-items:start;gap:18px;display:grid}.form-stack{gap:16px;display:grid}.field{gap:7px;display:grid}.field label,.field-label{font-size:var(--text-sm);font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:9px;padding:10px 12px}.field input[aria-invalid=true]{border-color:color-mix(in srgb, var(--danger) 70%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 10%, transparent)}.field-required{color:var(--danger);font-size:var(--text-xs);white-space:nowrap;margin-left:5px;font-weight:700}.field-error{color:var(--danger);font-size:var(--text-xs);margin:0;font-weight:650;line-height:1.5}.publish-field-invalid{border-color:color-mix(in srgb, var(--danger) 58%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 8%, transparent)}.publish-field-error{border-bottom:1px solid color-mix(in srgb, var(--danger) 24%, var(--line));background:color-mix(in srgb, var(--danger) 5%, var(--surface));padding:11px 20px}.field textarea{resize:vertical;min-height:96px}.field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.preview-frame{color:#f7f3e8;background:#151814;border-radius:24px;min-width:0;padding:14px;position:sticky;top:24px;box-shadow:0 28px 70px #1819163d}.preview-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 4px 12px;display:flex}.preview-toolbar-copy span,.preview-toolbar-copy strong{display:block}.preview-toolbar-copy span{color:#858d85;font:700 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.preview-toolbar-copy strong{font-size:var(--text-sm)}.preview-device-switch{background:#20231f;border:1px solid #393d38;border-radius:10px;padding:3px;display:inline-flex}.preview-device-switch button{color:#9ca49c;cursor:pointer;min-height:34px;font-size:var(--text-xs);background:0 0;border:0;border-radius:7px;padding:0 11px;font-weight:700}.preview-device-switch button[aria-pressed=true]{color:#171a18;background:#f7f3e8}.preview-canvas{height:620px;transition:width var(--dur-2) var(--ease-out), height var(--dur-2) var(--ease-out);background-position:50%;background-size:cover;border-radius:18px;margin:0 auto;padding:22px 12px;overflow:auto}.preview-canvas-mobile{width:min(360px,100%)}.preview-canvas-desktop{width:100%;height:520px;padding:24px}.preview-products{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.preview-canvas-desktop .preview-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preview-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px #0002}.preview-card-image{aspect-ratio:1;background:#f3f1eb;width:100%;min-height:100px;position:relative}.preview-card-image img{object-fit:contain}.preview-card-title{color:#1f211f;min-height:47px;margin:0;padding:9px;font-size:11px;line-height:1.35}.preview-card-title-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.preview-card-text-only{align-items:flex-end;min-height:104px;display:flex}.preview-card-text-only .preview-card-title{width:100%;min-height:0;font-size:var(--text-sm);padding:14px}.empty-copy{color:var(--muted);font-size:var(--text-sm);margin:0;padding:24px 18px}.product-composer-head{flex-wrap:wrap;gap:18px;min-height:82px;padding-block:11px}.product-composer-head h2{margin-bottom:5px}.product-composer-head p{color:var(--muted);font-size:var(--text-xs);margin:0}.product-composer-head .button:disabled{cursor:not-allowed}.product-composer-actions{align-items:center;gap:8px;display:flex}.collection-import-feedback{border-bottom:1px solid color-mix(in srgb, var(--success) 24%, var(--line));color:var(--success);background:color-mix(in srgb, var(--success) 6%, var(--surface));font-size:var(--text-xs);margin:0;padding:10px 20px;font-weight:700}.product-row{border-bottom:1px solid var(--line);background:var(--surface);min-height:96px;transition:opacity var(--dur-1), background var(--dur-1), transform var(--dur-1) var(--ease-out);grid-template-columns:70px minmax(130px,.8fr) minmax(260px,1.3fr) auto;align-items:center;gap:14px;padding:12px 16px;display:grid;position:relative}.product-row:last-child{border-bottom:0}.product-row-dragging{opacity:.42;background:var(--surface-2)}.product-row-drop-before:before,.product-row-drop-after:after{content:"";z-index:2;background:var(--accent);height:3px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;position:absolute;left:12px;right:12px}.product-row-drop-before:before{top:-2px}.product-row-drop-after:after{bottom:-2px}.product-sort-cell{align-items:center;gap:9px;display:flex}.product-drag-handle{border:1px solid var(--line);width:34px;height:42px;color:var(--muted);background:var(--surface-2);cursor:grab;-webkit-user-select:none;user-select:none;transition:color var(--dur-1), border-color var(--dur-1), background var(--dur-1), transform var(--dur-1) var(--ease-out);border-radius:9px;place-items:center;padding:0;font-size:1.3rem;line-height:1;display:inline-grid}.product-drag-handle:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--surface));transform:translateY(-1px)}.product-drag-handle:active{cursor:grabbing;transform:scale(.97)}.image-picker-card:focus-visible,.product-picker-card:focus-visible,.image-selection-clear:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:2px}.product-copy{min-width:0}.product-copy span:first-child{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.image-selection-control{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 55%, white);border-radius:11px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:84px;padding:9px;display:grid}.image-selection-preview{border:1px solid var(--line);background:var(--surface);border-radius:9px;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden}.image-selection-preview img{object-fit:contain}.image-selection-placeholder span{color:var(--muted);font:700 10px/1 var(--font-mono);letter-spacing:.06em}.image-selection-copy{min-width:0}.image-selection-copy strong,.image-selection-copy>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.image-selection-copy strong{font-size:var(--text-sm)}.image-selection-copy>span{color:var(--muted);font-size:var(--text-xs);margin-top:5px}.image-selection-actions{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.image-selection-actions .button{white-space:nowrap;min-height:34px;padding-inline:10px}.image-selection-clear{color:var(--muted);cursor:pointer;font-size:var(--text-xs);text-underline-offset:3px;background:0 0;border:0;padding:3px 5px;text-decoration:underline}.image-selection-clear:hover{color:var(--ink)}.image-selection-control-compact{grid-template-columns:52px minmax(0,1fr) auto;min-height:72px;padding:7px}.image-selection-control-compact .image-selection-preview{width:52px;height:52px}.image-selection-control-compact .image-selection-copy>span{display:none}.image-selection-control-compact .image-selection-actions .button{text-overflow:ellipsis;max-width:120px;overflow:hidden}.row-actions{gap:5px;display:flex}.row-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;min-width:30px;min-height:30px;padding:0 8px}.row-actions button:disabled{cursor:not-allowed;opacity:.35}.resource-create{align-items:end}.resource-create .button{align-self:end}.resource-create-product{grid-template-columns:minmax(180px,.9fr) minmax(280px,1.6fr) auto}.resource-create-image{grid-template-columns:1.2fr 1fr auto}.resource-message{border:1px solid var(--line);margin:0}.resource-dialog{border-radius:var(--radius-lg);width:min(620px,100vw - 32px);max-width:none;max-height:calc(100vh - 32px);color:var(--ink);background:0 0;border:0;padding:0;overflow:visible;box-shadow:0 32px 90px #1416134d}.resource-dialog-wide{width:min(820px,100vw - 32px)}.resource-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#171a18ad}.resource-dialog[open]{animation:dialog-in var(--dur-2) var(--ease-out)}.resource-dialog-shell{background:var(--surface);border:1px solid color-mix(in srgb, var(--line) 72%, white);border-radius:var(--radius-lg);max-height:calc(100vh - 32px);overflow:auto}.resource-dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 26px 20px;display:flex}.resource-dialog-head .eyebrow{margin-bottom:8px}.resource-dialog-head h2{font-size:var(--text-xl);letter-spacing:-.035em;margin:0}.resource-dialog-head p:last-child{max-width:500px;color:var(--muted);font-size:var(--text-sm);margin:9px 0 0;line-height:1.55}.dialog-close{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:50%;flex:none;font-size:1.5rem;line-height:1}.dialog-close:hover{color:var(--ink);border-color:#9f9a8d}.resource-dialog-body{padding:24px 26px 26px}.dialog-form{gap:18px;display:grid}.dialog-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.dialog-warning,.dialog-error{font-size:var(--text-sm);border-radius:10px;margin:0;padding:13px 14px;line-height:1.55}.dialog-warning{color:#6f4300;background:#fff4d8;border:1px solid #e8cb83}.dialog-error{color:var(--danger);background:#fff0ee;border:1px solid #efb7b0}.image-edit-summary{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);align-items:center;gap:16px;padding:14px;display:flex}.image-edit-summary img{object-fit:cover;border-radius:10px;width:88px;height:88px}.image-edit-summary strong,.image-edit-summary span{display:block}.image-edit-summary strong{font-size:var(--text-sm)}.image-edit-summary span{color:var(--muted);font-size:var(--text-xs);margin-top:6px}.picker-stack{gap:16px;display:grid}.picker-search input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fff;border-radius:10px;padding:10px 14px}.picker-search input:focus{border-color:color-mix(in srgb, var(--accent) 58%, var(--line));outline:3px solid color-mix(in srgb, var(--accent) 14%, transparent)}.picker-empty{border:1px dashed var(--line);border-radius:var(--radius-md);min-height:150px;color:var(--muted);background:var(--bg);font-size:var(--text-sm);text-align:center;place-items:center;margin:0;padding:24px;display:grid}.image-picker-grid{scrollbar-gutter:stable;grid-template-columns:repeat(auto-fill,180px);place-content:start center;gap:12px;max-height:min(460px,52vh);padding:2px;display:grid;overflow-y:auto}.image-picker-item{width:180px;min-width:180px}.image-picker-card{width:180px;height:135px;color:var(--ink);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:box-shadow var(--dur-1), transform var(--dur-1) var(--ease-out);border:0;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.image-picker-card:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 36%, var(--line)), 0 10px 22px #2a251a17;transform:translateY(-2px)}.image-picker-card:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 18%, transparent);outline-offset:1px}.image-picker-card-selected{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.image-picker-thumb{background:var(--surface-2);width:100%;height:100%;display:block;position:relative}.image-picker-thumb img{object-fit:contain}.image-picker-thumb-placeholder{background:linear-gradient(100deg, var(--surface-2) 20%, color-mix(in srgb, var(--line) 42%, var(--surface)) 45%, var(--surface-2) 70%);background-size:220% 100%;width:100%;height:100%;animation:1.25s linear infinite image-picker-shimmer;display:block}.image-picker-card-skeleton{pointer-events:none}.image-picker-item-skeleton .image-picker-name{color:#0000;background:var(--surface)}.image-picker-name{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;padding:9px 2px 1px;font-weight:700;display:block;overflow:hidden}.image-picker-check{color:#fff;background:var(--accent);width:25px;height:25px;font-size:var(--text-xs);border:2px solid #fff;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 3px 10px #0003}.image-picker-sentinel{grid-column:1/-1;justify-content:center;align-items:center;min-height:46px;display:flex}.image-picker-status{color:var(--muted);font-size:var(--text-xs);text-align:center;justify-content:center;align-items:center;gap:10px;margin:-4px 0 0;display:flex}@keyframes image-picker-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}.picker-steps{grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 20px;padding:0;list-style:none;display:grid}.picker-steps li{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);font-size:var(--text-xs);border-radius:10px;align-items:center;gap:9px;padding:11px 13px;font-weight:700;display:flex}.picker-steps li span{color:inherit;font:700 10px/1 var(--font-mono)}.picker-steps .picker-step-active{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.picker-steps .picker-step-complete{color:var(--success);border-color:color-mix(in srgb, var(--success) 32%, var(--line));background:color-mix(in srgb, var(--success) 7%, var(--surface))}.product-picker-list{gap:8px;max-height:min(440px,50vh);padding:2px;display:grid;overflow-y:auto}.product-picker-card{border:1px solid var(--line);width:100%;min-height:68px;color:var(--ink);background:var(--surface);cursor:pointer;text-align:left;transition:color var(--dur-1), border-color var(--dur-1), background var(--dur-1), transform var(--dur-1) var(--ease-out);border-radius:11px;justify-content:space-between;align-items:center;gap:20px;padding:12px 15px;display:flex}.product-picker-card:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 38%, var(--line));background:color-mix(in srgb, var(--accent) 5%, var(--surface));transform:translate(3px)}.product-picker-card strong,.product-picker-card small,.picker-selected-product strong,.picker-selected-product small{display:block}.product-picker-card>span:first-child{min-width:0}.product-picker-card strong,.product-picker-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-picker-card strong,.picker-selected-product strong{font-size:var(--text-sm)}.product-picker-card small,.picker-selected-product small{color:var(--muted);font-size:var(--text-xs);margin-top:5px}.picker-selected-product{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;align-items:center;gap:14px;padding:12px;display:flex}.collection-picker-filters{grid-template-columns:minmax(0,1fr) 150px;gap:10px;display:grid}.collection-status-filter select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px}.collection-picker-loading{min-height:220px;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(100deg, var(--surface-2) 20%, color-mix(in srgb, var(--line) 42%, var(--surface)) 45%, var(--surface-2) 70%);font-size:var(--text-sm);background-size:220% 100%;place-items:center;animation:1.25s linear infinite image-picker-shimmer;display:grid}.collection-picker-list{scrollbar-gutter:stable;gap:9px;max-height:min(470px,55vh);padding:2px;display:grid;overflow-y:auto}.collection-card{border:1px solid var(--line);background:var(--surface);min-height:104px;transition:border-color var(--dur-1), box-shadow var(--dur-1), transform var(--dur-1) var(--ease-out);border-radius:12px;position:relative}.collection-card:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));transform:translateY(-1px);box-shadow:0 10px 24px #2a251a14}.collection-card-main{border-radius:inherit;width:100%;min-height:102px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:minmax(150px,.8fr) minmax(250px,1.3fr) 24px;align-items:center;gap:18px;padding:15px 18px 35px;display:grid}.collection-card-main:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 28%, transparent);outline-offset:2px}.collection-card-title,.collection-card-title strong,.collection-card-title span,.collection-card-meta,.collection-card-meta>span{min-width:0;display:block}.collection-card-title strong{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collection-card-title span{color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;overflow:hidden}.collection-card-meta{color:var(--muted);font-size:var(--text-xs);gap:7px;display:grid}.collection-status{border-radius:999px;align-items:center;padding:3px 6px;font-size:10px;display:inline-flex}.collection-status-published{color:var(--success);background:color-mix(in srgb, var(--success) 9%, var(--surface))}.collection-status-offline{color:var(--muted);background:var(--surface-2)}.collection-card-arrow{color:var(--accent);font:800 var(--text-lg)/1 var(--font-mono)}.collection-hover-trigger{color:var(--teal);cursor:default;font-size:var(--text-xs);text-underline-offset:4px;font-weight:750;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;position:absolute;bottom:11px;right:18px}.collection-picker-sentinel{place-items:center;min-height:48px;display:grid}.collection-hover-popover{z-index:4;border:1px solid color-mix(in srgb, var(--teal) 32%, var(--line));border-radius:var(--radius-md);width:min(390px,100vw - 24px);max-height:min(480px,100vh - 24px);color:var(--ink);background:var(--surface);grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;overflow:hidden;box-shadow:0 24px 60px #14161347}.collection-hover-popover>header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--teal) 5%, var(--surface));padding:13px 15px}.collection-hover-popover>header span,.collection-hover-popover>header strong{display:block}.collection-hover-popover>header span{color:var(--teal);font:700 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.collection-hover-popover>header strong{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collection-products{background:var(--line);scrollbar-gutter:stable;gap:1px;max-height:min(440px,50vh);display:grid;overflow-y:auto}.collection-hover-popover .collection-products{max-height:none}.collection-product{background:var(--surface);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:88px;padding:11px 13px;display:grid}.collection-products-compact .collection-product{grid-template-columns:48px minmax(0,1fr);min-height:72px;padding:9px 11px}.collection-product-image{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden}.collection-products-compact .collection-product-image{width:48px;height:48px}.collection-product-image img{object-fit:contain}.collection-product-image-empty span{color:var(--muted);font:700 10px/1 var(--font-mono)}.collection-product-copy{gap:7px;min-width:0;display:grid}.collection-product-copy strong{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collection-product-copy strong .code{color:var(--muted);margin-right:8px;font-size:10px}.collection-product-url{color:var(--muted);font:500 11px/1.45 var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.collection-preview-state{min-height:160px;color:var(--muted);background:var(--surface-2);font-size:var(--text-sm);text-align:center;place-items:center;gap:10px;padding:24px;display:grid}.collection-confirm{gap:16px;display:grid}.collection-selected-summary{align-items:flex-start}.collection-selected-summary>span{min-width:0;padding-top:4px}.collection-selected-summary small{line-height:1.45}.button:disabled,.dialog-close:disabled{cursor:wait;opacity:.62;transform:none}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.resource-inline-form{grid-template-columns:1fr 1.2fr 1fr auto auto;align-items:end;gap:12px;display:grid}.resource-inline-form .field{min-width:0}.login{grid-template-columns:1.15fr .85fr;min-width:1000px;min-height:100vh;display:grid}.login-visual{color:#f7f3e8;background:#171a18;padding:70px;position:relative;overflow:hidden}.login-visual:before{content:"";background:repeating-linear-gradient(120deg,#0000 0 42px,#ffffff08 43px 44px);position:absolute;inset:0}.login-visual h1{max-width:700px;font-size:var(--text-2xl);line-height:var(--lh-tight);letter-spacing:-.055em;margin:18vh 0 30px;position:relative}.login-visual p{color:#adb6ad;max-width:580px;font-size:var(--text-lg);position:relative}.login-index{color:#ff7745;font:700 var(--text-sm)/1 var(--font-mono);position:relative}.login-form{background:var(--surface);place-items:center;padding:70px;display:grid}.login-card{width:min(430px,100%)}.login-card h2{letter-spacing:-.04em;margin:0 0 12px;font-size:2rem}.login-card>p{color:var(--muted);line-height:var(--lh-body);margin:0 0 34px}.login-button{width:100%;min-height:52px}.notice{color:var(--muted);background:var(--bg);font-size:var(--text-xs);border-radius:10px;margin-top:20px;padding:14px;line-height:1.6}.filter-summary{justify-content:space-between;align-items:center;gap:16px;min-height:42px;margin:-3px 0 12px;display:flex}.filter-summary p{color:var(--muted);font-size:var(--text-sm);margin:0}.filter-summary p strong{color:var(--ink);font:750 var(--text-md)/1 var(--font-mono)}.filter-chips{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.filter-chip,.filter-clear{min-height:32px;font-size:var(--text-xs);border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-weight:700;display:inline-flex}.filter-chip{color:var(--teal);border:1px solid color-mix(in srgb, var(--teal) 24%, var(--line));background:color-mix(in srgb, var(--teal) 6%, var(--surface))}.filter-chip span{font:700 var(--text-sm)/1 var(--font-mono)}.filter-clear{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.panel-head>div{min-width:0}.panel-kicker{color:var(--muted);font-size:var(--text-xs);margin-top:5px;display:block}.management-empty{min-height:150px;color:var(--muted);background:color-mix(in srgb, var(--surface-2) 30%, var(--surface));text-align:center;grid-column:1/-1;place-content:center;gap:7px;padding:28px;display:grid}.management-empty strong{color:var(--ink);font-size:var(--text-md)}.management-empty span{font-size:var(--text-sm)}.org-row{grid-template-columns:calc(var(--org-depth) * 28px + 36px) minmax(220px, 1fr) auto}.org-tree-control{padding-left:calc(var(--org-depth) * 28px)}.org-tree-control button,.org-leaf{border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.org-tree-control button{border:1px solid color-mix(in srgb, var(--teal) 28%, var(--line));color:var(--teal);background:color-mix(in srgb, var(--teal) 6%, var(--surface));cursor:pointer;font:700 var(--text-sm)/1 var(--font-mono)}.org-leaf{position:relative}.org-leaf:before{content:"";background:color-mix(in srgb, var(--teal) 52%, var(--line));border-radius:50%;width:7px;height:7px}.org-row-context{background:color-mix(in srgb, var(--surface-2) 34%, var(--surface))}.org-row-context .org-copy,.org-row-context .org-stats{opacity:.62}.org-copy mark{color:inherit;background:#f4cc6e;border-radius:3px;padding:1px 2px}.user-identity{align-items:center;gap:11px;display:flex}.user-avatar{color:#f8f4e9;background:var(--surface-dark);border-radius:10px 10px 10px 3px;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.department-pill,.role-pill,.source-badge{font-size:var(--text-xs);border-radius:7px;align-items:center;margin:2px 5px 2px 0;padding:4px 7px;line-height:1.2;display:inline-flex}.department-pill{color:var(--muted);background:var(--surface-2)}.department-pill-primary{color:var(--teal);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--teal) 28%, var(--line))}.role-pill{color:#65400b;background:#f6e8c7}.source-badge{color:var(--muted);border:1px solid var(--line)}.source-badge-code{color:var(--teal);border-color:color-mix(in srgb, var(--teal) 30%, var(--line))}.role-key{color:var(--teal);font:600 var(--text-xs)/1 var(--font-mono);margin:-2px 0 12px;display:block}.role-card>p{min-height:40px}.analytics-tabs{border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-2) 58%, var(--surface));grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:-5px 0 22px;padding:5px;display:grid}.analytics-tabs a{min-height:66px;color:var(--muted);transition:color var(--dur-1), background var(--dur-1), box-shadow var(--dur-1), transform var(--dur-1) var(--ease-out);border-radius:10px;align-content:center;gap:5px;padding:10px 16px 10px 20px;display:grid;position:relative}.analytics-tabs a:before{content:"";background:0 0;border-radius:999px;width:3px;position:absolute;top:14px;bottom:14px;left:8px}.analytics-tabs a:hover{color:var(--ink);transform:translateY(-1px)}.analytics-tabs a.active{color:var(--ink);background:var(--surface);box-shadow:0 5px 18px #2a251a17}.analytics-tabs a.active:before{background:var(--accent)}.analytics-tabs strong{font-size:var(--text-sm)}.analytics-tabs span{font-size:var(--text-xs)}.raw-type-options{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:13px;min-height:42px;padding:0 12px;display:flex}.raw-type-options label{color:var(--ink);cursor:pointer;align-items:center;gap:6px;font-weight:600;display:flex}.raw-type-options input{accent-color:var(--teal);width:16px!important;min-height:16px!important;padding:0!important}.raw-event-stream{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin:0;padding:8px 0 8px 34px;list-style:none;box-shadow:0 8px 30px #2a251a0a}.raw-event-entry{padding:7px 12px 7px 20px;position:relative}.raw-event-entry:before{content:"";background:color-mix(in srgb, var(--teal) 30%, var(--line));width:1px;position:absolute;top:-8px;bottom:-8px;left:-18px}.raw-event-entry:first-child:before{top:50%}.raw-event-entry:last-child:before{bottom:50%}.raw-event-node{z-index:1;border:3px solid var(--surface);background:var(--teal);width:11px;height:11px;box-shadow:0 0 0 1px color-mix(in srgb, var(--teal) 48%, var(--line));border-radius:50%;position:absolute;top:50%;left:-23px;transform:translateY(-50%)}.raw-event-click .raw-event-node{background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 48%, var(--line))}.raw-event-card{width:100%;min-height:82px;color:var(--ink);cursor:pointer;text-align:left;transition:border-color var(--dur-1), background var(--dur-1), transform var(--dur-1) var(--ease-out);background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:108px minmax(180px,1.2fr) minmax(170px,.9fr) minmax(126px,.7fr) auto 24px;align-items:center;gap:14px;padding:12px 14px;display:grid}.raw-event-card:hover{border-color:var(--line);background:var(--bg);transform:translate(3px)}.raw-event-time{color:var(--muted);font:600 var(--text-xs)/1.45 var(--font-mono)}.raw-event-main,.raw-event-context,.raw-event-identifiers{gap:5px;min-width:0;display:grid}.raw-event-main>span,.raw-event-context>span{min-width:0;color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.raw-event-main small{margin-top:4px;font-weight:500;display:block}.raw-event-identifiers small{color:var(--muted);font:500 10px/1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.raw-event-quality{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.quality-badge,.raw-detail-flags span{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 7px;font-size:10px;font-weight:750;display:inline-flex}.quality-success{color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--surface))}.quality-muted{color:var(--muted);background:var(--surface-2)}.quality-warning{color:var(--warning);background:color-mix(in srgb, var(--warning) 10%, var(--surface))}.quality-danger{color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, var(--surface))}.raw-event-open{color:var(--accent);font:800 var(--text-lg)/1 var(--font-mono)}.resource-dialog-drawer{border-radius:var(--radius-lg) 0 0 var(--radius-lg);width:min(570px,100vw - 16px);height:calc(100vh - 16px);max-height:none;margin:8px 8px 8px auto}.resource-dialog-drawer[open]{animation-name:drawer-in}.resource-dialog-drawer .resource-dialog-shell{border-radius:var(--radius-lg) 0 0 var(--radius-lg);height:100%;max-height:none}.raw-event-detail{gap:20px;display:grid}.raw-event-detail dl{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.raw-event-detail dl div{background:var(--surface);min-width:0;padding:13px 14px}.raw-event-detail dt{color:var(--muted);font-size:var(--text-xs)}.raw-event-detail dd{font-size:var(--text-sm);overflow-wrap:anywhere;margin:6px 0 0}.raw-event-detail dd small{color:var(--muted);margin-top:4px;display:block}.raw-event-detail .raw-detail-wide{grid-column:1/-1}.raw-detail-code{word-break:break-all}.raw-user-agent{max-height:120px;color:var(--muted);line-height:1.55;overflow:auto}.raw-detail-flags{flex-wrap:wrap;gap:7px;display:flex}.raw-reveal-button{width:100%}@keyframes drawer-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.management-loading{gap:14px;padding-top:24px;display:grid}.skeleton-line,.skeleton-filter span,.skeleton-list span{background:linear-gradient(100deg, var(--surface-2) 20%, color-mix(in srgb, var(--line) 42%, var(--surface)) 45%, var(--surface-2) 70%);background-size:220% 100%;border-radius:10px;animation:1.25s linear infinite image-picker-shimmer;display:block}.skeleton-line{height:16px}.skeleton-line-short{width:150px}.skeleton-line-title{width:min(420px,70%);height:44px}.skeleton-filter{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;padding:18px;display:grid}.skeleton-filter span{height:42px}.skeleton-list{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line);gap:1px;display:grid;overflow:hidden}.skeleton-list span{background-color:var(--surface);border-radius:0;height:72px}@media (max-width:1320px){.editor{grid-template-columns:1fr}.preview-frame{width:min(760px,100%);position:static}.analytics-overview-grid{grid-template-columns:1fr}.device-chart-layout{grid-template-columns:minmax(240px,.8fr) minmax(260px,1fr);align-items:center}.device-chart-visual{height:250px}.device-chart-list{grid-template-columns:1fr}.list-filter-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}.raw-event-card{grid-template-columns:100px minmax(180px,1.2fr) minmax(160px,.9fr) auto 24px}.raw-event-identifiers{display:none}}@media (max-width:760px){.page-head{flex-direction:column;align-items:flex-start}.page-head h1{font-size:1.8rem}.topbar,.filter-summary{flex-direction:column;align-items:flex-start}.filter-chips{justify-content:flex-start}.list-filter-panel{padding:14px}.list-filter-grid{grid-template-columns:1fr}.list-filter-actions{justify-content:stretch}.list-filter-actions .button{flex:1}.list-pagination{flex-direction:column;align-items:flex-start}.list-page-numbers{display:none}.analytics-tabs{grid-template-columns:1fr}.analytics-filter-bar{flex-direction:column;align-items:stretch;gap:14px;padding:14px}.analytics-filter-creator{width:100%}.analytics-filter-period{justify-items:stretch}.analytics-range{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.analytics-range a{padding-inline:8px}.device-chart-layout{grid-template-columns:1fr}.device-chart-visual{height:214px}.device-chart-list{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-toolbar{flex-direction:column;align-items:stretch}.audit-toolbar .search{width:100%}.audit-filters{flex-wrap:wrap}.field-grid{grid-template-columns:1fr}.product-composer-head{align-items:flex-start}.product-composer-actions{flex-wrap:wrap;justify-content:flex-start}.collection-picker-filters{grid-template-columns:1fr}.collection-card-main{grid-template-columns:1fr 24px}.collection-card-meta{grid-column:1/-1}.product-row{grid-template-columns:58px minmax(0,1fr) auto}.product-row .image-selection-control{grid-column:2/-1}.product-sort-cell{grid-row:1/span 2;align-self:stretch;align-items:flex-start;padding-top:7px}.row-actions{grid-area:1/3}.resource-dialog-head,.resource-dialog-body{padding-inline:18px}.resource-dialog-drawer{border-radius:var(--radius-lg);width:calc(100vw - 8px);height:calc(100vh - 8px);margin:4px}.resource-dialog-drawer .resource-dialog-shell{border-radius:var(--radius-lg)}.raw-event-stream{padding-left:28px}.raw-event-card{grid-template-columns:92px minmax(0,1fr) auto 20px;gap:9px}.raw-event-context,.raw-event-identifiers{display:none}.raw-event-detail dl{grid-template-columns:1fr}.raw-event-detail .raw-detail-wide{grid-column:auto}.org-row{grid-template-columns:calc(var(--org-depth) * 18px + 32px) minmax(150px, 1fr);min-height:88px;padding-inline:14px}.org-tree-control{padding-left:calc(var(--org-depth) * 18px)}.org-stats{flex-wrap:wrap;grid-column:2;padding-bottom:12px}.role-card-grid{grid-template-columns:1fr}.permission-table{min-width:900px}.table-wrap{overflow-x:auto}}@media (max-width:420px){.picker-steps{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}