:root{color-scheme:light;--bg: #f6f7f9;--bg-elevated: #ffffff;--panel: #ffffff;--panel-soft: #f8fafc;--panel-muted: #eef2f6;--line: #dfe5ec;--line-soft: #edf1f5;--text: #243244;--text-strong: #101828;--muted: #6b7686;--muted-strong: #475467;--brand: #38a7e8;--brand-strong: #0b6fae;--brand-soft: #e6f6ff;--brand-line: #adddf8;--accent: #1d8ed2;--accent-soft: #e8f5fd;--secondary-accent: #f26d5b;--secondary-accent-strong: #b83f31;--secondary-accent-soft: #fff0ed;--success: #067647;--success-soft: #e7f6ee;--warning: #b54708;--warning-soft: #fff3dc;--danger: #b42318;--danger-soft: #fff0f0;--danger-line: #f4b6b1;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 14px 34px rgba(16, 24, 40, .08);--shadow-lg: 0 28px 70px rgba(16, 24, 40, .18);--radius: 8px;--radius-sm: 7px;--sidebar-width: 292px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.45;background:var(--bg);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg: #0d1117;--bg-elevated: #141a22;--panel: #171d25;--panel-soft: #1d2530;--panel-muted: #242e3a;--line: #303b49;--line-soft: #26313f;--text: #d8e0ea;--text-strong: #f8fafc;--muted: #98a4b3;--muted-strong: #c3cad5;--brand: #65c7ff;--brand-strong: #a8ddff;--brand-soft: rgba(101, 199, 255, .14);--brand-line: rgba(101, 199, 255, .34);--accent: #8bd2ff;--accent-soft: rgba(139, 210, 255, .14);--secondary-accent: #ff9a8a;--secondary-accent-strong: #ffc6bc;--secondary-accent-soft: rgba(255, 154, 138, .14);--success: #6ee7a8;--success-soft: rgba(34, 197, 94, .14);--warning: #f9c76b;--warning-soft: rgba(249, 199, 107, .14);--danger: #ff8a80;--danger-soft: rgba(255, 138, 128, .14);--danger-line: rgba(255, 138, 128, .36);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 16px 42px rgba(0, 0, 0, .28);--shadow-lg: 0 30px 80px rgba(0, 0, 0, .5)}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden;background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--brand) 13%,transparent),transparent 28rem),radial-gradient(circle at 86% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 24rem),linear-gradient(135deg,color-mix(in srgb,var(--line-soft) 64%,transparent) 1px,transparent 1px),linear-gradient(45deg,color-mix(in srgb,var(--line-soft) 54%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--panel-soft) 68%,transparent),transparent 360px),var(--bg);background-size:auto,auto,34px 34px,34px 34px,auto,auto;background-position:center,center,0 0,0 17px,center,center}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{color:var(--text-strong);font-size:31px;line-height:1.05;letter-spacing:0}h2{color:var(--text-strong);font-size:25px;line-height:1.12;letter-spacing:0}h3{color:var(--text-strong);font-size:15px;line-height:1.2}.eyebrow{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.boot,.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.boot{gap:10px;color:var(--muted);font-weight:800}.login-page{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,transparent),transparent 36rem),linear-gradient(315deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 34rem),linear-gradient(135deg,color-mix(in srgb,var(--line-soft) 58%,transparent) 1px,transparent 1px),var(--bg);background-size:auto,auto,38px 38px,auto}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:48px 48px;opacity:.34;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}.login-panel{position:relative;z-index:1;width:min(440px,100%);display:grid;gap:16px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 94%,transparent);padding:26px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-brand,.brand{display:flex;align-items:center;gap:12px}.login-brand{margin-bottom:8px}.login-brand>span,.brand>span{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;font-size:12px;font-weight:950;box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 28%,transparent)}.login-theme-toggle{position:absolute;top:18px;right:18px;z-index:2}label{display:grid;gap:6px;color:var(--muted-strong);font-size:12px;font-weight:750}input,select,textarea{width:100%;min-height:38px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-strong);padding:9px 11px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea{min-height:92px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--brand) 38%,var(--line))}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.primary,.secondary,.danger,.theme-toggle{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--radius-sm);padding:0 14px;font-size:12px;font-weight:850;line-height:1;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.primary{border:1px solid var(--brand);background:var(--brand);color:#fff;box-shadow:0 9px 18px color-mix(in srgb,var(--brand) 22%,transparent)}.secondary,.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--muted-strong);box-shadow:var(--shadow-sm)}.danger{border:1px solid var(--danger);background:var(--danger);color:#fff}.primary:hover,.secondary:hover,.danger:hover,.theme-toggle:hover{transform:translateY(-1px)}.primary:disabled,.secondary:disabled,.danger:disabled{cursor:default;opacity:.62;transform:none}.auth-toggle{border:0;background:transparent;color:var(--brand-strong);padding:2px 0;font-size:12px;font-weight:850;text-align:center}.alert{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 12px;font-size:12px;font-weight:750}.alert.error{border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger)}.alert.success{border-color:color-mix(in srgb,var(--success) 28%,transparent);background:var(--success-soft);color:var(--success)}.alert.warning{border-color:color-mix(in srgb,var(--warning) 32%,transparent);background:var(--warning-soft);color:var(--warning)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.drawer-backdrop{display:none}.sidebar{min-height:100vh;position:sticky;top:0;display:flex;flex-direction:column;gap:14px;overflow:hidden;border-right:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-soft) 60%,transparent),transparent 220px),color-mix(in srgb,var(--panel) 96%,transparent);padding:18px 14px;box-shadow:8px 0 30px #1018280d}.brand{min-height:50px;padding:0 4px 14px;border-bottom:1px solid var(--line-soft)}.brand div,.sidebar-profile div,.topbar-title>div{min-width:0;display:grid;gap:2px}.brand strong,.sidebar-profile strong{overflow:hidden;color:var(--text-strong);font-size:15px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.brand small,.sidebar-profile span,.topbar-title span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);padding:10px}.sidebar-profile>svg{width:34px;height:34px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);padding:8px}nav{display:grid;gap:14px;overflow:auto;padding-right:2px}.category-selector{gap:7px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);padding:10px}.category-selector span{display:inline-flex;align-items:center;gap:7px;color:var(--muted-strong);font-size:11px;font-weight:900}.nav-group{display:grid;gap:4px}.nav-group p{padding:4px 9px;color:var(--muted);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.nav-group button,.logout{width:100%;min-height:39px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--muted-strong);padding:8px 10px;text-align:left}.nav-group button span,.logout span{overflow:hidden;font-size:12px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.nav-group button.active{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-strong);box-shadow:inset 3px 0 0 var(--brand)}.nav-group button:hover,.logout:hover{border-color:var(--line);background:var(--panel-soft);color:var(--text-strong)}.logout{grid-template-columns:18px minmax(0,1fr);margin-top:auto;border-top:1px solid var(--line-soft);border-radius:0}.empty-nav,.empty-state,.empty-state-card{border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted);padding:18px;font-weight:750;text-align:center}.empty-state-card{display:grid;place-items:center;gap:8px;min-height:122px;background:var(--panel-soft)}.content{min-width:0;display:grid;align-content:start;gap:18px;padding:18px}.content:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,color-mix(in srgb,var(--brand) 5%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--brand) 5%,transparent) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);mask-image:linear-gradient(180deg,#000,transparent 72%)}.topbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 95%,transparent);padding:12px 14px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-title,.topbar-tools{min-width:0;display:flex;align-items:center;gap:10px}.topbar strong{overflow:hidden;color:var(--text-strong);font-size:17px;text-overflow:ellipsis;white-space:nowrap}.menu-button{display:none!important}.global-search{width:min(340px,36vw);position:relative;display:flex;align-items:center;color:var(--muted)}.global-search svg{position:absolute;left:11px;pointer-events:none}.global-search select{min-height:38px;padding-left:34px}.icon-button,.row-actions button,.action-menu summary,.notification-button{min-width:35px;min-height:35px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--muted-strong);padding:0 9px;font-size:11px;font-weight:850;box-shadow:var(--shadow-sm)}.notification-button{position:relative}.notification-button span{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:999px;background:var(--secondary-accent)}.session-menu{position:relative;flex:0 1 auto}.session-card{min-height:38px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--muted-strong);padding:0 10px;cursor:pointer;list-style:none;box-shadow:var(--shadow-sm)}.session-card::-webkit-details-marker,.action-menu summary::-webkit-details-marker{display:none}.session-card span{overflow:hidden;max-width:180px;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.session-card b{border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);padding:3px 6px;font-size:9px}.session-panel,.action-menu-panel{position:absolute;right:0;z-index:6;display:grid;gap:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:8px;box-shadow:var(--shadow-lg)}.session-panel{top:calc(100% + 8px);width:min(260px,calc(100vw - 24px))}.session-panel span{overflow:hidden;color:var(--muted-strong);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.resource-view{display:grid;gap:14px}.resource-header{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.resource-header>div:first-child{display:grid;gap:4px}.resource-header>div:first-child>span{max-width:720px;color:var(--muted);font-size:13px}.header-actions,.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.resource-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.resource-summary>div{min-height:86px;display:grid;align-content:center;gap:3px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 12px 12px,color-mix(in srgb,var(--brand) 12%,transparent) 1px,transparent 1.6px),linear-gradient(135deg,color-mix(in srgb,var(--secondary-accent) 6%,transparent),transparent 46%),var(--panel);background-size:18px 18px,auto,auto;padding:14px;box-shadow:var(--shadow-sm)}.resource-summary span,.commerce-grid span,.dashboard-hero-metric span,.dashboard-kpi p{overflow:hidden;color:var(--muted);font-size:10px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.resource-summary strong{overflow:hidden;color:var(--text-strong);font-size:21px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.resource-summary small{color:var(--muted);font-size:11px;font-weight:750}.filter-toggle{display:none}.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:12px;box-shadow:var(--shadow-sm)}.filters label{min-width:160px;flex:1 1 180px}.required-mark{color:var(--danger);font-weight:950}.table-shell{position:relative;max-height:calc(100vh - 306px);overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-md)}.mobile-record-list{display:none}table{width:100%;min-width:960px;border-collapse:separate;border-spacing:0;table-layout:fixed}th,td{border-bottom:1px solid var(--line-soft);padding:12px 13px;text-align:left;vertical-align:middle}th{position:sticky;top:0;z-index:1;background:var(--panel-soft);color:var(--muted);font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 -1px 0 var(--line)}td{height:50px;color:var(--text);font-size:12px}tbody tr{background:var(--panel)}tbody tr:hover{background:var(--panel-soft)}tbody tr:last-child td{border-bottom:0}.cell-text{display:block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.row-actions{position:relative;display:flex;align-items:center;gap:6px;white-space:nowrap}table .row-actions>button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.action-menu{position:relative}.action-menu summary{cursor:pointer;list-style:none}.action-menu-panel{top:calc(100% + 6px);min-width:190px}.action-menu-panel button{width:100%;justify-content:flex-start;border-color:transparent;background:transparent;box-shadow:none}.row-actions button:hover,.icon-button:hover,.action-menu summary:hover{border-color:var(--brand-line);background:var(--panel-soft)}.danger-text{color:var(--danger)!important}.status{display:inline-flex;max-width:100%;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:950;line-height:1.35;white-space:nowrap}.status.green{background:var(--success-soft);color:var(--success)}.status.amber{background:var(--warning-soft);color:var(--warning)}.status.red{background:var(--danger-soft);color:var(--danger)}.status.slate{background:var(--panel-muted);color:var(--muted-strong)}.empty,.loading,.count,.field-help{color:var(--muted)}.empty,.loading{padding:22px;text-align:center}.loading{position:sticky;left:0;display:flex;justify-content:center;gap:8px;border-top:1px solid var(--line-soft);background:color-mix(in srgb,var(--panel) 92%,transparent);font-size:12px;font-weight:800}.count,.field-help{font-size:11px}.count{justify-self:end;padding-right:4px;font-weight:800}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#0f172a8f;padding:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal,.confirm-dialog{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-lg)}.modal{width:min(1040px,100%);max-height:min(820px,94vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto}.confirm-dialog{width:min(440px,100%);display:grid}.modal header,.modal footer,.confirm-dialog header,.confirm-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--panel-soft)}.modal header,.confirm-dialog header{border-bottom:1px solid var(--line-soft)}.modal footer,.confirm-dialog footer{justify-content:flex-end;border-top:1px solid var(--line-soft)}.confirm-dialog p{padding:18px 16px;color:var(--muted-strong);font-size:13px;line-height:1.55}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;overflow:auto;padding:16px}.check-row{min-height:38px;display:flex;align-items:center;gap:9px;align-self:end;padding:6px 0}.check-row input{width:16px;min-height:16px}.media-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:14px}.media-config,.media-uploader,.metric-panel{display:grid;gap:14px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--secondary-accent) 5%,transparent),transparent 46%),var(--panel);background-size:24px 24px,auto,auto;padding:16px;box-shadow:var(--shadow-md)}.file-picker{min-height:190px;place-items:center;border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel-soft);padding:20px;text-align:center}.file-picker input{display:none}.file-picker span{color:var(--text-strong);font-weight:850}.file-picker small,.media-empty{color:var(--muted)}.media-empty{display:grid;place-items:center;gap:8px;min-height:120px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--panel-soft);font-weight:800}.media-preview,.field-media-preview{display:grid;gap:8px}.media-preview a,.field-media-preview a{color:var(--brand-strong);overflow-wrap:anywhere}.media-preview img,.media-preview video{max-width:100%;max-height:360px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel-soft)}.field-media-preview{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:4px}.field-media-preview img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius-sm)}.media-placeholder{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:var(--muted);font-size:11px}.dashboard-page{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:clamp(14px,2vw,20px);box-shadow:var(--shadow-md)}.dashboard-modern{display:grid;gap:16px}.dashboard-modern.is-loading{opacity:.76}.dashboard-hero{min-height:184px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr) auto;gap:14px;align-items:stretch;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 8% 20%,color-mix(in srgb,var(--brand) 13%,transparent),transparent 18rem),linear-gradient(135deg,var(--panel-soft),var(--panel));padding:clamp(18px,3vw,28px)}.dashboard-hero-copy{display:grid;align-content:center;gap:10px}.dashboard-hero h2{font-size:clamp(30px,4vw,46px);line-height:1}.dashboard-hero-copy p:not(.eyebrow){max-width:560px;color:var(--muted-strong);font-size:14px;line-height:1.55}.dashboard-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-hero-metric,.dashboard-kpi,.chart-panel,.commerce-grid div{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 14px 14px,color-mix(in srgb,var(--brand) 10%,transparent) 1px,transparent 1.6px),linear-gradient(135deg,color-mix(in srgb,var(--secondary-accent) 5%,transparent),transparent 48%),var(--panel);background-size:20px 20px,auto,auto;box-shadow:var(--shadow-sm)}.dashboard-hero-metric{min-height:118px;display:grid;align-content:space-between;gap:8px;padding:14px}.dashboard-hero-metric svg,.chart-panel header svg{color:var(--brand)}.dashboard-hero-metric strong{color:var(--text-strong);font-size:clamp(17px,2vw,22px);line-height:1;overflow-wrap:anywhere}.dashboard-refresh{min-width:112px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;align-self:start;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted-strong);padding:0 14px;font-size:12px;font-weight:850}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-kpi{min-height:138px;display:grid;gap:14px;padding:16px}.dashboard-kpi-top{min-width:0;display:flex;align-items:center;gap:10px}.dashboard-kpi-icon{width:40px;height:40px;display:inline-grid;flex:0 0 auto;place-items:center;border-radius:var(--radius-sm)}.dashboard-kpi strong{display:block;color:var(--text-strong);font-size:clamp(24px,2.8vw,34px);line-height:1;overflow-wrap:anywhere}.dashboard-kpi small{display:block;margin-top:7px;color:var(--muted);font-size:12px;font-weight:750;line-height:1.35}.dashboard-progress{height:7px;overflow:hidden;border-radius:999px;background:var(--panel-muted)}.dashboard-progress i{height:100%;display:block;border-radius:inherit}.tone-green .dashboard-kpi-icon,.tone-green .dashboard-progress i{background:var(--brand);color:#f2fffb}.tone-amber .dashboard-kpi-icon,.tone-amber .dashboard-progress i{background:var(--warning);color:#fffaf0}.tone-blue .dashboard-kpi-icon,.tone-blue .dashboard-progress i{background:var(--accent);color:#f4f8ff}.tone-violet .dashboard-kpi-icon,.tone-violet .dashboard-progress i{background:var(--secondary-accent);color:snow}.dashboard-showcase{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(260px,.9fr);gap:14px}.chart-panel{min-height:260px;display:grid;gap:18px;align-content:start;padding:18px}.chart-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.donut-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center}.donut-chart{position:relative;min-height:178px;display:grid;place-items:center}.donut-chart svg{width:176px;height:176px;transform:rotate(-90deg)}.donut-chart svg circle:first-child{stroke:var(--panel-muted)}.donut-chart div{position:absolute;display:grid;gap:4px;place-items:center}.donut-chart strong{color:var(--text-strong);font-size:28px;line-height:1}.donut-chart span{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}.chart-bars{display:grid;gap:12px}.chart-bar-row{display:grid;grid-template-columns:minmax(92px,.7fr) minmax(120px,1fr) auto;align-items:center;gap:10px}.chart-bar-row span,.chart-bar-row strong,.activity-chart small{color:var(--muted-strong);font-size:11px;font-weight:850}.chart-bar-row div{height:9px;overflow:hidden;border-radius:999px;background:var(--panel-muted)}.chart-bar-row i{height:100%;display:block;border-radius:inherit}.activity-chart{min-height:190px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px}.activity-chart>div{min-height:190px;display:grid;grid-template-rows:1fr auto auto;gap:8px;justify-items:center}.activity-chart span{width:100%;align-self:end;border-radius:var(--radius-sm) var(--radius-sm) 3px 3px}.activity-chart strong{color:var(--text-strong);font-size:15px}.commerce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.commerce-grid div{min-height:92px;display:grid;gap:8px;align-content:center;padding:14px}.commerce-grid strong{color:var(--text-strong);font-size:24px}nav::-webkit-scrollbar,.table-shell::-webkit-scrollbar,.form-grid::-webkit-scrollbar{width:9px;height:9px}nav::-webkit-scrollbar-thumb,.table-shell::-webkit-scrollbar-thumb,.form-grid::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--muted) 36%,transparent);background-clip:padding-box}.landing-page{min-height:100vh;background:radial-gradient(circle at 82% 10%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 26rem),radial-gradient(circle at 8% 28%,color-mix(in srgb,var(--secondary-accent) 9%,transparent),transparent 22rem),var(--bg);color:var(--text)}.landing-nav,.landing-hero,.landing-strip,.landing-section,.landing-footer{width:min(1120px,calc(100vw - 32px));margin:0 auto}.landing-nav,.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.landing-nav{padding:22px 0}.landing-brand,.landing-nav div,.landing-footer div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.landing-brand{color:var(--text-strong);text-decoration:none}.landing-brand span{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--radius);background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;font-weight:900}.landing-nav a:not(.landing-brand),.landing-footer a:not(.landing-brand){color:var(--muted-strong);font-size:12px;font-weight:800;text-decoration:none}.landing-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);align-items:center;gap:48px;min-height:calc(100vh - 160px);padding:34px 0 56px}.landing-hero-copy{display:grid;gap:18px}.landing-hero h1{margin:0;color:var(--text-strong);font-size:clamp(44px,7vw,76px);line-height:.96}.landing-hero-copy>p:not(.eyebrow){max-width:560px;margin:0;color:var(--muted-strong);font-size:17px;line-height:1.55}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;text-decoration:none}.landing-visual{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto auto;gap:14px;align-items:stretch}.visual-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:var(--shadow-md)}.visual-card-main{grid-row:span 3;width:100%;min-height:440px;object-fit:cover}.visual-card-secondary{width:100%;min-height:170px;object-fit:cover}.visual-card-panel,.visual-card-metric{display:grid;gap:6px;padding:18px}.visual-card-panel{align-content:center;color:var(--brand-strong)}.visual-card-panel strong,.visual-card-metric strong{color:var(--text-strong);font-size:18px}.visual-card-panel span,.visual-card-metric span,.landing-strip span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.landing-strip strong{color:var(--text-strong)}.landing-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 0 42px}.landing-strip>div{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:var(--shadow-sm)}.landing-strip>div{display:grid;gap:6px;padding:18px}.landing-strip svg{color:var(--brand-strong)}.landing-section{display:grid;gap:22px;padding:48px 0}.landing-section h2{max-width:760px;margin:0;color:var(--text-strong);font-size:34px;line-height:1.1}.landing-section>div:first-child>p:not(.eyebrow){max-width:560px;margin-top:10px;color:var(--muted-strong);font-size:15px;line-height:1.55}.landing-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.landing-category-grid article{min-height:148px;display:grid;align-content:start;gap:9px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 94%,transparent);padding:18px;box-shadow:var(--shadow-sm)}.landing-category-grid svg{color:var(--brand-strong)}.landing-category-grid h3,.landing-category-grid p{margin:0}.landing-category-grid h3{color:var(--text-strong)}.landing-category-grid p{color:var(--muted-strong);font-size:13px}.audience-section{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:center;gap:18px}.audience-section-flip>div:first-child{order:2}.audience-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(190px,.95fr);gap:16px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 94%,transparent);padding:24px;box-shadow:var(--shadow-sm)}.audience-card img{width:100%;aspect-ratio:16 / 11;object-fit:cover;border-radius:var(--radius-sm)}.audience-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.audience-card li{display:flex;align-items:center;gap:9px;color:var(--text-strong);font-weight:800}.audience-card li svg{flex:0 0 auto;color:var(--success)}.download-section{grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 94%,transparent);padding:28px;box-shadow:var(--shadow-sm)}.store-buttons{display:flex;gap:10px;flex-wrap:wrap}.store-buttons span{min-height:44px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--text-strong);padding:0 14px;font-weight:900}.landing-footer{border-top:1px solid var(--line);margin-top:48px;padding:22px 0 34px}@media(max-width:1180px){.dashboard-hero,.dashboard-showcase,.media-layout{grid-template-columns:1fr}.dashboard-hero{min-height:0}}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.landing-nav{align-items:flex-start;flex-direction:column}.landing-hero,.audience-section,.download-section{grid-template-columns:1fr}.landing-hero{min-height:0;gap:32px}.landing-strip,.landing-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-visual{grid-template-columns:1fr}.visual-card-main,.visual-card-secondary{min-height:230px}.audience-section-flip>div:first-child{order:initial}.audience-card{grid-template-columns:1fr}.landing-footer{align-items:flex-start;flex-direction:column}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:min(var(--sidebar-width),calc(100vw - 42px));transform:translate(-104%);transition:transform .2s ease}.sidebar-open .sidebar{transform:translate(0)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;display:block;border:0;background:#0f172a7a;opacity:0;pointer-events:none}.sidebar-open .drawer-backdrop{opacity:1;pointer-events:auto}.menu-button{display:inline-flex!important}.content{padding:12px}.topbar,.topbar-tools{flex-wrap:wrap}.global-search{order:3;width:100%}.dashboard-kpis,.dashboard-hero-metrics,.resource-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{display:none}.filter-toggle{display:inline-flex}.filters.is-open{display:flex;margin-top:10px}.table-shell{max-height:none;overflow:visible;border:0;background:transparent;box-shadow:none}table{display:none}.mobile-record-list{display:grid;gap:10px}.mobile-record-card{display:grid;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 12px 12px,color-mix(in srgb,var(--brand) 10%,transparent) 1px,transparent 1.6px),linear-gradient(135deg,color-mix(in srgb,var(--secondary-accent) 5%,transparent),transparent 48%),var(--panel);background-size:20px 20px,auto,auto;padding:14px;box-shadow:var(--shadow-sm)}.mobile-record-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mobile-record-card header div{min-width:0;display:grid;gap:3px}.mobile-record-card header span,.mobile-record-card dt{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.mobile-record-card strong,.mobile-record-card dd{overflow-wrap:anywhere;color:var(--text-strong)}.mobile-record-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.mobile-record-card dd{margin:2px 0 0;font-size:12px}}@media(max-width:640px){h1{font-size:25px}h2{font-size:21px}.login-panel,.modal-backdrop{padding:14px}.topbar-title{width:100%}.topbar-tools{width:100%;justify-content:space-between}.session-card span{display:none}.resource-header{align-items:stretch}.header-actions,.header-actions button,.filters label,.filters button{width:100%}.dashboard-kpis,.dashboard-hero-metrics,.activity-chart,.commerce-grid,.form-grid,.mobile-record-card dl,.resource-summary,.landing-strip,.landing-category-grid{grid-template-columns:1fr}.landing-nav div,.landing-footer div,.store-buttons,.landing-actions,.landing-cta,.store-buttons span{width:100%}.donut-layout,.chart-bar-row{grid-template-columns:1fr}.modal footer,.confirm-dialog footer{flex-direction:column-reverse}.modal footer button,.confirm-dialog footer button{width:100%}}.error-boundary-card{display:flex;gap:16px;align-items:flex-start;margin:18px;padding:22px;border-radius:18px;border:1px solid color-mix(in srgb,var(--danger, #be4d39) 28%,transparent);background:color-mix(in srgb,var(--danger, #be4d39) 8%,var(--surface, #fff))}.error-boundary-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--danger, #be4d39);background:color-mix(in srgb,var(--danger, #be4d39) 12%,transparent)}.error-boundary-detail{opacity:.75;font-size:13px;margin:8px 0 14px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:10px 4px 4px}.pagination-bar span{font-size:13px;opacity:.78}.skeleton-table{display:grid;gap:10px;padding:16px}.skeleton-block{border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--border, #e6eef5) 80%,transparent),color-mix(in srgb,var(--surface, #fff) 70%,#dfeaf5),color-mix(in srgb,var(--border, #e6eef5) 80%,transparent));background-size:200% 100%;animation:shimmer 1.2s infinite linear}.skeleton-block.line{height:14px}.skeleton-block.line.w40{width:40%}.skeleton-block.line.w60{width:60%}.skeleton-block.line.w80{width:80%}.skeleton-block.cover{height:120px;border-radius:14px 14px 0 0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.view-toggle{display:inline-flex;border:1px solid var(--border, #e6eef5);border-radius:12px;overflow:hidden;background:var(--surface, #fff)}.view-toggle button{border:0;background:transparent;padding:8px 10px;color:inherit;opacity:.7}.view-toggle button.active{background:color-mix(in srgb,var(--brand, #1e90ff) 16%,transparent);color:var(--brand, #1e90ff);opacity:1}.business-workspace .biz-card-grid,.business-workspace .biz-grid{display:grid;gap:14px}.business-workspace .biz-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.business-workspace .biz-grid.compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.biz-card{border:1px solid var(--border, #e6eef5);border-radius:18px;background:var(--surface, #fff);overflow:hidden;box-shadow:0 8px 24px #0b1f3a0d;display:flex;flex-direction:column}.biz-card-main{border:0;background:transparent;text-align:left;color:inherit;padding:0;cursor:pointer;flex:1}.biz-cover{position:relative;min-height:118px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand, #1e90ff) 24%,#0b1f3a),color-mix(in srgb,var(--brand, #1e90ff) 50%,#002d74));background-size:cover;background-position:center;padding:14px;display:flex;align-items:flex-end;justify-content:space-between}.biz-card.compact .biz-cover{min-height:88px}.biz-avatar{width:48px;height:48px;border-radius:14px;object-fit:cover;border:2px solid rgba(255,255,255,.9);background:#fff}.biz-avatar.fallback{display:grid;place-items:center;font-weight:700;color:var(--brand, #1e90ff)}.biz-card-body{padding:14px;display:grid;gap:8px}.biz-card-body h3{margin:0;font-size:16px;line-height:1.25}.biz-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0;font-size:12px;opacity:.78}.biz-meta span{display:inline-flex;align-items:center;gap:4px}.biz-desc{margin:0;font-size:13px;opacity:.8;min-height:38px}.biz-stats{display:flex;flex-wrap:wrap;gap:8px}.biz-stats span{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--border, #e6eef5) 70%,transparent)}.biz-card footer{padding:0 12px 12px}.biz-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.biz-actions.compact button.secondary span{display:none}.biz-table-identity{display:flex;align-items:center;gap:10px}.biz-table-identity .biz-avatar{width:36px;height:36px;border-radius:10px}.biz-table-identity strong{display:block}.biz-table-identity small{opacity:.7}.clickable-row{cursor:pointer}.clickable-row:hover{background:color-mix(in srgb,var(--brand, #1e90ff) 6%,transparent)}.empty-state-card.large{margin:18px 0;padding:36px 20px;text-align:center;display:grid;gap:8px;justify-items:center;border:1px dashed var(--border, #e6eef5);border-radius:18px;background:color-mix(in srgb,var(--surface, #fff) 88%,#f4f8fb)}.preview-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0812227a;display:flex;justify-content:flex-end}.preview-drawer{width:min(460px,100vw);height:100%;background:var(--surface, #fff);box-shadow:-18px 0 40px #0000002e;display:flex;flex-direction:column;animation:slide-in .22s ease}@keyframes slide-in{0%{transform:translate(24px);opacity:.4}to{transform:translate(0);opacity:1}}.preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border, #e6eef5)}.preview-header h3{margin:4px 0 0;font-size:18px}.preview-scroll{overflow:auto;padding-bottom:28px;flex:1}.preview-hero{min-height:160px;background:linear-gradient(135deg,#0b1f3a,#1e90ff);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:18px}.preview-hero .biz-avatar{width:72px;height:72px;border-radius:18px}.preview-section{padding:16px 18px 4px;display:grid;gap:10px}.preview-section h5{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.preview-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.preview-title-row h4{margin:0;font-size:20px}.preview-title-row p{margin:4px 0 0;opacity:.75}.preview-description{margin:0;line-height:1.5;font-size:14px}.preview-facts,.preview-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-facts>div,.preview-stats-grid>div{border:1px solid var(--border, #e6eef5);border-radius:14px;padding:10px 12px;background:color-mix(in srgb,var(--surface, #fff) 90%,#f5f9fc)}.preview-facts span,.preview-stats-grid span{display:block;font-size:11px;opacity:.7;margin-bottom:4px}.preview-facts strong,.preview-stats-grid strong{font-size:14px}.preview-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--border, #e6eef5)}.preview-products{display:grid;gap:10px}.preview-product-card{display:grid;grid-template-columns:64px 1fr;gap:10px;border:1px solid var(--border, #e6eef5);border-radius:14px;overflow:hidden;background:var(--surface, #fff)}.preview-product-media{min-height:64px;background:linear-gradient(135deg,#d9e8f7,#eff6ff);background-size:cover;background-position:center}.preview-product-card strong{display:block;font-size:13px}.preview-product-card span,.preview-product-card em{display:block;font-size:12px;margin-top:2px;font-style:normal}.moderation-panel .moderation-actions{display:flex;flex-wrap:wrap;gap:8px}.moderation-panel .moderation-actions button{display:inline-flex;align-items:center;gap:6px}.muted{opacity:.72;font-size:13px}.overlay-loading{position:sticky;bottom:12px;width:fit-content;margin:12px auto 0;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface, #fff) 88%,transparent);border:1px solid var(--border, #e6eef5);box-shadow:0 8px 20px #00000014}@media(max-width:900px){.preview-drawer{width:min(100vw,100%)}.pagination-bar{flex-direction:column;align-items:stretch}.pagination-bar button{width:100%}}