@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";
:root{--background:#f4f2ee;--card:#fff;--surface-soft:#f5f3ef;--border:#ebe7df;--border-strong:#d6cfc5;--ink-soft:#f1eee8;--foreground:#1a1a1a;--text-mid:#6a6055;--text-dim:#a8a090;--muted:#a8a090;--accent:#0099a8;--accent-strong:#006878;--accent-soft:#ddf4f6;--accent-border:#b6e3e7;--accent-bright:#0099a8;--accent-deep:#007880;--accent-soft-deep:#ddf3f5;--ok:#059669;--ok-bg:#ecfdf5;--ok-border:#a7f3d0;--warn:#d97706;--warn-bg:#fff8ec;--warn-border:#fde68a;--danger:#e11d48;--danger-bg:#fff0f3;--danger-border:#fecdd3;--info:#2563eb;--info-bg:#eff6ff;--info-border:#bfdbfe;--purple:#7c3aed;--purple-bg:#f5f3ff;--warning:#d97706;--success:#059669;--sidebar-bg:#006878;--sidebar-dk:#005868;--sidebar-gradient:radial-gradient(ellipse at 60% 0%, #007888 0%, #005868 100%);--sidebar-text:#ffffffe0;--sidebar-dim:#ffffff7a;--sidebar-hover:#ffffff14;--sidebar-active:#ffffff24;--sidebar-line:#ffffff1a;--font-sans:"DM Sans", system-ui, -apple-system, Segoe UI, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, Monaco, monospace;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 2px 12px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 6px 24px #00000014, 0 2px 6px #0000000d;--shadow-brand:0 4px 14px #0099a873}*{box-sizing:border-box}html,body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.005em;margin:0;padding:0}a{color:inherit;text-decoration:none}strong{font-weight:600}input,select,textarea,button{font-family:var(--font-sans)}.mono,code,kbd,samp{font-family:var(--font-mono)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.app-shell{grid-template-columns:220px 1fr;min-height:100vh;transition:grid-template-columns .2s;display:grid}.app-shell[data-sidebar=collapsed]{grid-template-columns:58px 1fr}.sidebar{background:var(--sidebar-bg);background-image:var(--sidebar-gradient);height:100vh;color:var(--sidebar-text);border-right:0;flex-direction:column;gap:0;padding:0;transition:width .2s;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar-brand{border-bottom:1px solid var(--sidebar-line);align-items:center;gap:10px;padding:16px 18px;display:flex}.sidebar-brand-mark{background:linear-gradient(135deg,#0099a8 0%,#006878 100%);border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden;box-shadow:0 0 16px #0099a866}.sidebar-brand-mark img{object-fit:cover;width:100%;height:100%}.sidebar-brand span:last-child{gap:2px;line-height:1;display:grid}.sidebar-brand strong{color:#fff;letter-spacing:.06em;font-size:13.5px;font-weight:800}.sidebar-brand small{color:#ffffffa6;letter-spacing:.09em;font-size:8.5px;font-weight:400;font-family:var(--font-mono)}.sidebar-user{border:1px solid var(--sidebar-line);background:#ffffff0a;border-radius:9px;gap:4px;margin:8px 10px 0;padding:10px 16px;display:grid}.sidebar-user strong{color:#fff;font-size:12px;font-weight:600}.sidebar-user span{color:var(--sidebar-dim);overflow-wrap:anywhere;font-size:10.5px}.sidebar-role-label{color:var(--sidebar-dim);letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-family:var(--font-mono);margin-bottom:2px;font-size:8.5px!important}.sidebar-role{width:fit-content;font-size:10px;font-weight:400;font-family:var(--font-mono);background:0 0;border:0;border-radius:0;align-items:center;gap:5px;padding:0;display:inline-flex;color:var(--sidebar-dim)!important}.sidebar-role:before{content:"";background:#4ade80;border-radius:999px;width:5px;height:5px;box-shadow:0 0 6px #4ade80}.sidebar-user form{margin-top:6px}.sidebar-switch-button{width:100%;min-height:26px;color:var(--sidebar-dim);font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:4px;font-size:10px;font-weight:600}.sidebar-switch-button:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d}.sidebar nav{flex-direction:column;flex:1;gap:0;padding:6px 0;display:flex}.nav-standalone,.nav-group{flex-direction:column;gap:0;display:flex}.nav-group summary{min-height:28px;color:var(--sidebar-dim);letter-spacing:.13em;text-transform:uppercase;cursor:default;pointer-events:none;border-radius:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px 4px;font-size:9px;font-weight:700;list-style:none;display:flex}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{display:none}.nav-group[open] summary{color:var(--sidebar-dim);background:0 0}.nav-group-heading{color:var(--sidebar-dim);letter-spacing:.15em;text-transform:uppercase;font-size:8.5px;font-weight:700;font-family:var(--font-mono);padding:14px 18px 4px}.nav-link-label{flex:1}.nav-badge{font-family:var(--font-mono);font-size:9px}.nav-group-links{flex-direction:column;gap:0;padding:0;display:flex}.nav-link{min-height:34px;color:var(--sidebar-text);letter-spacing:-.01em;border-left:2.5px solid #0000;border-radius:0;align-items:center;gap:9px;padding:8px 18px;font-size:13px;font-weight:400;transition:background-color .12s,border-color .12s,color .12s;display:flex}.nav-link:hover{background:var(--sidebar-hover);color:#fff;transform:none}.nav-link[aria-current=page]{background:var(--sidebar-active);color:#fff;border-left-color:#ffffffe6;font-weight:600}.nav-glyph{width:15px;height:15px;color:var(--sidebar-dim);letter-spacing:0;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.nav-link[aria-current=page] .nav-glyph{color:#fff;background:0 0;border-color:#0000}.nav-badge{background:var(--danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:15px;margin-left:auto;padding:0 5px;font-size:9.5px;font-weight:700;line-height:1;display:inline-flex}.nav-badge.is-warn{background:var(--warn)}.nav-badge.is-info{background:var(--info)}.nav-badge.is-ok{background:var(--ok)}.sidebar-accent{border:0;border-top:1px solid var(--sidebar-line);color:#fff;background:0 0;border-radius:0;gap:3px;margin:6px 0 0;padding:10px 14px;display:grid}.sidebar-accent span{opacity:.55;font-size:10px;font-family:var(--font-mono)}.sidebar-accent strong{font-size:11px;font-weight:500;line-height:1.3}.sidebar-collapse-toggle{border:0;border-top:1px solid var(--sidebar-line);color:var(--sidebar-dim);cursor:pointer;background:0 0;justify-content:flex-end;align-items:center;padding:12px 14px;transition:color .12s;display:flex}.sidebar-collapse-toggle:hover{color:#fff}.sidebar-collapse-toggle.is-collapsed{justify-content:center;padding:12px 0}.app-shell[data-sidebar=collapsed] .sidebar-brand{justify-content:center;padding:16px 0}.app-shell[data-sidebar=collapsed] .sidebar-brand>span:last-child,.app-shell[data-sidebar=collapsed] .sidebar-user,.app-shell[data-sidebar=collapsed] .sidebar-accent{display:none}.app-shell[data-sidebar=collapsed] .nav-group-heading{background:var(--sidebar-line);height:1px;margin:10px 12px;padding:0;display:none}.app-shell[data-sidebar=collapsed] .nav-group>.nav-group-heading{letter-spacing:0;font-size:0;display:block}.app-shell[data-sidebar=collapsed] .nav-link{border-left-width:0;justify-content:center;padding:9px 0}.app-shell[data-sidebar=collapsed] .nav-link[aria-current=page]{background:var(--sidebar-active);border-left-width:0}.app-shell[data-sidebar=collapsed] .nav-link-label{display:none}.app-shell[data-sidebar=collapsed] .nav-link .nav-badge{border-radius:50%;min-width:12px;height:12px;padding:0;font-size:8px;position:absolute;top:4px;right:8px}.app-shell[data-sidebar=collapsed] .nav-link{position:relative}.app-shell[data-sidebar=collapsed] .sidebar-switch-button,.app-shell[data-sidebar=collapsed] form,.mobile-nav,.mobile-tabbar{display:none}.content{min-width:0;padding:0}.content-inner{padding:20px 24px 28px}.topbar-shell{z-index:30;border-bottom:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.topbar{align-items:center;gap:10px;min-height:48px;padding:0 20px;display:flex}.safe-back-button{border:1px solid var(--border);background:var(--background);min-height:28px;color:var(--text-mid);font:inherit;cursor:pointer;box-shadow:none;border-radius:6px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.safe-back-button:hover{border-color:var(--border-strong);background:var(--surface-soft);color:var(--accent)}.safe-back-button span{font-size:13px;line-height:1;font-family:var(--font-mono)}.topbar-spacer{flex:1}.shell-quick-row{scrollbar-width:thin;align-items:center;gap:6px;padding:0 24px 10px;display:flex;overflow-x:auto}.shell-quick-link{border:1px solid var(--border);background:var(--card);min-height:28px;color:var(--text-mid);box-shadow:none;border-radius:7px;flex:none;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.shell-quick-link:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.shell-quick-link.is-primary{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:var(--shadow-brand);font-weight:700}.shell-quick-link.is-primary:hover{background:var(--accent-strong);color:#fff}.live-pill{background:var(--accent-soft);min-height:30px;color:var(--accent-strong);text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.live-pill span{background:var(--accent);border-radius:999px;width:6px;height:6px}.live-pill-mock{color:#1d4ed8;background:#eff6ff}.live-pill-mock span{background:#1d4ed8}.live-pill-offline{color:#b91c1c;background:#fef2f2}.live-pill-offline span{background:#b91c1c}.live-pill-degraded{color:#b45309;background:#fffbeb}.live-pill-degraded span{background:#b45309}.locale-switcher{position:relative}.locale-trigger{padding:0 8px}.locale-menu{z-index:40;border:1px solid var(--border);min-width:168px;box-shadow:var(--shadow-md);background:#fff;border-radius:10px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.locale-menu-item{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:0;border-radius:7px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.locale-menu-item:hover{background:var(--accent-soft);color:var(--accent-strong)}.locale-menu-item strong{color:var(--accent-strong);font-size:12px;font-weight:900}.locale-menu-item span{color:var(--foreground);font-size:13px;font-weight:700}.locale-menu-item.is-active{background:var(--accent-soft)}.locale-menu-item.is-active:after{content:"";border-right:2px solid var(--accent-strong);border-bottom:2px solid var(--accent-strong);width:6px;height:10px;position:absolute;right:14px;transform:rotate(45deg)translateY(-2px)}.topbar-icon-button,.topbar-locale{border:1px solid var(--border);background:var(--background);min-width:34px;min-height:34px;color:var(--text-mid);letter-spacing:0;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex;position:relative}.topbar-icon-button:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.topbar-dot{background:var(--danger);width:6px;height:6px;box-shadow:0 0 0 2px var(--card);border-radius:999px;position:absolute;top:7px;right:7px}.notification-bell{padding:0}.notification-bell .notification-bell-glyph{justify-content:center;align-items:center;display:inline-flex}.notification-bell.is-urgent{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.notification-bell.is-urgent:hover{color:#b91c1c;background:#fee2e2;border-color:#f87171}.notification-bell-badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:-5px;right:-6px;box-shadow:0 0 0 2px #fff}.notification-bell-badge.is-urgent{background:var(--danger)}.command-trigger{border:1px solid var(--border);background:var(--background);width:min(320px,36vw);min-height:30px;color:var(--foreground);box-shadow:none;font:inherit;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 8px 0 30px;font-size:12.5px;font-weight:400;display:inline-flex;position:relative}.command-trigger:before{content:"";border:1.7px solid var(--text-dim);width:12px;height:12px;box-shadow:4px 4px 0 -3.5px var(--text-dim);opacity:.85;border-radius:999px;flex:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.command-trigger span{text-align:left;min-width:0;color:var(--text-dim);flex:1}.command-trigger:hover{border-color:var(--border-strong);background:var(--card)}.command-trigger kbd{background:var(--border);min-width:22px;min-height:16px;color:var(--text-mid);font:inherit;font-family:var(--font-mono);border:0;border-radius:3px;justify-content:center;align-items:center;padding:1px 5px;font-size:9px;font-weight:600;display:inline-flex}.command-overlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1118276b;place-items:start center;padding:82px 18px 18px;display:grid;position:fixed;inset:0}.command-panel{background:#fff;border:1px solid #ffffff70;border-radius:14px;width:min(720px,100%);overflow:hidden;box-shadow:0 24px 70px #0f172a3d}.command-search{border-bottom:1px solid var(--border);background:linear-gradient(180deg, #fff 0%, var(--background) 100%);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;display:grid}.command-search input{border:1px solid var(--border);min-height:46px;font:inherit;border-radius:10px;outline:none;padding:0 14px;font-size:15px}.command-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.command-search button{border:1px solid var(--border);min-height:46px;color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:0 12px;font-weight:800}.command-list{max-height:min(520px,100vh - 190px);padding:8px;overflow-y:auto}.command-item{border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.command-item:hover{background:var(--accent-soft)}.command-item span{gap:3px;min-width:0;display:grid}.command-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.command-item small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;overflow:hidden}.command-item em{color:#4b5563;background:#f3f4f6;border-radius:999px;flex:none;padding:4px 8px;font-size:12px;font-style:normal;font-weight:700}.command-empty{color:var(--muted);gap:6px;padding:24px 14px;display:grid}.command-empty strong{color:var(--foreground)}.project-readiness{gap:6px;min-width:120px;display:grid}.project-readiness strong{font-size:13px}.project-readiness span{background:#f3f4f6;border-radius:999px;height:8px;display:block;overflow:hidden}.project-readiness i{border-radius:inherit;background:var(--accent);height:100%;display:block}.account-bar{border-left:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:0 0 0 12px;display:flex}.topbar-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007880 0%,#0099a8 100%);border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden;box-shadow:0 2px 8px #0099a852}.topbar-avatar img{object-fit:cover;border-radius:8px;width:100%;height:100%}.account-bar div{gap:3px;display:grid}.account-bar small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.account-bar strong{font-size:13px}.account-bar span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.page{gap:14px;display:grid}.page-header{background:var(--card);border-bottom:1px solid var(--border);gap:2px;margin:-20px -24px 0;padding:20px 24px 16px;display:grid}.page-header h2{color:var(--foreground);letter-spacing:-.03em;margin:0;font-size:20px;font-weight:800;line-height:1.2}.page-header p{color:var(--text-mid);max-width:920px;margin:0;font-size:12.5px;line-height:1.5}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;padding:18px}.full{grid-column:1/-1}.stack-sm{gap:10px;display:grid}.stack-md{gap:14px;display:grid}.muted-text{color:var(--muted)}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.section-title{margin-bottom:12px;font-weight:700}.subtle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.subtle-grid>div{border:1px solid var(--border);background:var(--background);border-radius:10px;gap:4px;min-height:72px;padding:12px;display:grid}.subtle-grid strong{color:var(--foreground);font-size:12px}.subtle-grid span{color:var(--muted);font-size:12px;line-height:1.35}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:12px;gap:5px;min-height:110px;padding:14px 16px;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a}.stat-card:before{display:none}.stat-card .eyebrow{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.stat-card .stat-value{color:var(--foreground);font-size:30px;font-weight:800;line-height:1}.stat-card .muted-text{color:var(--text-mid);font-size:11px}.stat-card-link{color:inherit;text-decoration:none;transition:box-shadow .16s}.stat-card-link:hover{box-shadow:0 4px 16px #0000000f}.kpi-card{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--kpi-color,var(--border));border-radius:12px;flex:1;gap:5px;min-width:0;padding:14px 16px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:grid;box-shadow:0 1px 4px #0000000a}.kpi-card-link{color:inherit;cursor:pointer;text-decoration:none}.kpi-card-link:hover{box-shadow:0 4px 16px #0000000f}.kpi-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.kpi-card-label{font-family:var(--font-mono);color:var(--kpi-color,var(--text-dim));text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;line-height:1.3}.kpi-card-icon{background:var(--background);width:30px;height:30px;color:var(--kpi-color,var(--text-dim));border-radius:8px;flex:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.kpi-card-value{color:var(--kpi-value-color,var(--foreground));letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1;font-family:var(--font-sans)}.kpi-card-note{color:var(--text-mid);margin-top:4px;font-size:11px;line-height:1.35}.kpi-card-trend{font-family:var(--font-mono);font-size:10px;font-weight:700}.kpi-card-trend.is-up{color:var(--ok)}.kpi-card-trend.is-down{color:var(--danger)}.kpi-card.is-active{box-shadow:0 4px 20px var(--kpi-shadow,#0099a826);border-color:color-mix(in srgb, var(--kpi-color) 30%, var(--border))}.kpi-card.is-active .kpi-card-value{color:var(--kpi-color,var(--foreground))}.kpi-card.is-active .kpi-card-icon{background:color-mix(in srgb, var(--kpi-color) 15%, transparent);color:var(--kpi-color)}.kpi-card.is-active .kpi-card-note{color:color-mix(in srgb, var(--kpi-color) 80%, var(--text-mid))}.kpi-tone-neutral{--kpi-color:var(--text-mid);--kpi-bg:var(--background);--kpi-shadow:#6a60551f}.kpi-tone-accent{--kpi-color:var(--accent);--kpi-bg:var(--accent-soft);--kpi-shadow:#0099a82e}.kpi-tone-ok{--kpi-color:var(--ok);--kpi-bg:var(--ok-bg);--kpi-shadow:#0596692e}.kpi-tone-warn{--kpi-color:var(--warn);--kpi-bg:var(--warn-bg);--kpi-shadow:#d977062e}.kpi-tone-danger{--kpi-color:var(--danger);--kpi-bg:var(--danger-bg);--kpi-shadow:#e11d482e}.kpi-tone-info{--kpi-color:var(--info);--kpi-bg:var(--info-bg);--kpi-shadow:#2563eb2e}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.dashboard-2col{grid-template-columns:minmax(0,1fr) 260px;align-items:flex-start;gap:18px;min-width:0;display:grid}.dashboard-2col-main{flex-direction:column;gap:14px;min-width:0;display:flex}.dashboard-2col-side{flex-direction:column;align-self:flex-start;gap:12px;display:flex;position:sticky;top:60px}@media (max-width:1180px){.dashboard-2col{grid-template-columns:1fr}.dashboard-2col-side{position:static}}.dashboard-mini-stats{color:#fff;background:linear-gradient(135deg,#0099a8 0%,#006878 100%);border-radius:12px;flex-direction:column;gap:0;padding:16px;display:flex;box-shadow:0 4px 18px #0099a838}.dashboard-mini-stats header{font-family:var(--font-mono);color:#ffffffb8;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:10px;font-weight:700}.dashboard-mini-stats-row{color:#ffffffc7;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;padding:6px 0;font-size:11.5px;display:flex}.dashboard-mini-stats-row[data-last=true]{border-bottom:0}.dashboard-mini-stats-row>span:last-child{color:#fff;font-size:13px;font-weight:700}.dashboard-mini-stats-row>span:last-child.is-highlight{color:#fff;text-shadow:0 0 12px #fff6}.dashboard-activity-feed{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-height:240px;max-height:calc(100vh - 280px);display:flex;overflow:hidden}.dashboard-activity-feed-head{border-bottom:1px solid var(--border);color:var(--foreground);flex-shrink:0;align-items:center;gap:7px;padding:13px 16px;font-size:12.5px;font-weight:700;display:flex}.dashboard-activity-feed-mark{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.dashboard-activity-feed-list{flex:1;min-height:0;padding:0 16px;overflow-y:auto}.dashboard-activity-link{color:inherit;text-decoration:none;display:block}.dashboard-activity-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.dashboard-activity-link:last-child .dashboard-activity-item{border-bottom:0}.dashboard-activity-item-icon{border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:inline-flex}.dashboard-activity-item-body{flex:1;gap:2px;min-width:0;display:grid}.dashboard-activity-item-body strong{color:var(--foreground);font-size:12px;font-weight:500;line-height:1.4}.dashboard-activity-item-body small{color:var(--text-mid);font-size:11px;line-height:1.35}.dashboard-activity-item-time{color:var(--text-dim);white-space:nowrap;flex:none;padding-top:2px;font-size:10px}.dashboard-activity-empty{padding:16px 0}.order-pipeline-list{flex-direction:column;gap:10px;display:flex}.order-pipeline-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:inherit;border-radius:12px;padding:18px 20px;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:block}.order-pipeline-card:hover{box-shadow:var(--shadow-md)}.order-pipeline-card.is-risky{border-color:color-mix(in srgb, var(--danger) 30%, var(--border));box-shadow:0 2px 12px #e11d4814}.order-pipeline-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.order-pipeline-card-id{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.order-pipeline-card-id>span:first-child{color:var(--accent-deep);font-size:14px;font-weight:700}.order-pipeline-card-pills{align-items:center;gap:8px;display:inline-flex}.order-pipeline-card-meta{align-items:center;gap:10px;display:flex}.order-pipeline-card-delivery{color:var(--text-mid);font-size:11.5px}.order-pipeline-card-delivery strong{color:var(--foreground);margin-left:4px}.order-pipeline-card-delivery strong.is-revised{color:var(--danger)}.order-pipeline-bar{height:8px;margin-bottom:10px;position:relative}.order-pipeline-bar-track{background:var(--background);border-radius:4px;position:absolute;inset:0}.order-pipeline-bar-fill{border-radius:4px;height:100%;transition:width .4s;position:absolute;top:0;left:0}.order-pipeline-bar-dot{background:var(--border);border:2px solid var(--card);z-index:1;border-radius:50%;width:12px;height:12px;transition:background .2s;position:absolute;top:50%;transform:translate(-50%,-50%)}.order-pipeline-bar-dot.is-filled{background:var(--accent)}.order-pipeline-bar-dot.is-risky-tip{background:var(--danger)}.order-pipeline-steps{justify-content:space-between;display:flex}.order-pipeline-step{font-family:var(--font-mono);color:var(--text-dim);text-align:center;flex:1;font-size:10px;font-weight:400}.order-pipeline-step:first-child{text-align:left}.order-pipeline-step:last-child{text-align:right}.order-pipeline-step.is-done{color:var(--text-mid)}.order-pipeline-step.is-active{color:var(--text-mid);font-weight:700}.kpi-card-cta{background:var(--accent);border-color:var(--accent);color:#fff}.kpi-card-cta:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.kpi-card-cta .kpi-card-label{color:#ffffffb3}.kpi-card-cta .kpi-card-value{color:#fff;font-size:30px}.kpi-card-cta .kpi-card-note{color:#ffffffc7}.kpi-card-cta .kpi-card-icon{color:#fff;background:#ffffff2e}@media (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.kpi-grid{grid-template-columns:1fr}}.stat-card-link:focus-visible{outline:3px solid var(--accent-border);outline-offset:2px}.stat-value{font-size:34px;font-weight:700}.two-col-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.two-col-grid-top{align-items:start}.dashboard-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;display:grid}.dashboard-accordion{gap:12px;margin-top:16px;display:grid}.dashboard-accordion>summary{min-height:38px;color:var(--accent-strong);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;list-style:none;display:flex}.dashboard-accordion>summary::-webkit-details-marker{display:none}.dashboard-accordion>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:8px;height:8px;transition:transform .16s;transform:rotate(45deg)translateY(-2px)}.dashboard-accordion[open]>summary:after{transform:rotate(225deg)translateY(-1px)}.risk-action-queue{border-top:3px solid var(--accent);overflow-x:auto}.risk-action-value{min-width:44px;font-size:22px;line-height:1;display:inline-flex}.module-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.module-card{align-content:start;gap:8px;min-height:150px;display:grid}.module-card:hover{border-color:#b3e0e6;box-shadow:0 12px 30px #0f172a0f}.module-card strong{font-size:17px}.module-card span:last-child{color:var(--muted);font-size:13px;line-height:1.45}.product-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.product-catalog-card{border:1px solid var(--border);min-height:240px;box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;grid-template-rows:128px 1fr;display:grid;overflow:hidden}.product-catalog-card:hover{border-color:var(--accent-border);box-shadow:0 12px 30px #0f172a12}.product-catalog-media{background:linear-gradient(135deg, #e6f5f7 0%, var(--background) 58%, #d1fae5 100%);place-items:center;padding:12px;display:grid;overflow:hidden}.product-catalog-media img{object-fit:contain;object-position:center;width:100%;max-width:86%;height:100%;max-height:86%;display:block}.product-catalog-media strong{width:58px;height:58px;color:var(--accent-strong);box-shadow:var(--shadow-md);background:#fff;border-radius:16px;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:inline-flex}.product-overview-visual{aspect-ratio:16/10;border:1px solid var(--border);background:#f4f8f9;border-radius:10px;place-items:center;margin-bottom:14px;padding:12px;display:grid;overflow:hidden}.product-overview-visual img{object-fit:contain;object-position:center;width:100%;max-width:86%;height:100%;max-height:86%;display:block}.list-card{min-height:100%}.alert-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.alert-row:last-child{border-bottom:0}.table-card{padding:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead tr{background:var(--background)}.data-table th{text-align:left;color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);padding:8px 14px;font-size:10px;font-weight:700}.data-table td{border-top:1px solid var(--border);vertical-align:middle;color:var(--foreground);padding:11px 14px;font-size:12.5px}.data-table tbody tr:first-child td{border-top:0}.data-table tbody tr{transition:background-color .12s}.data-table tbody tr:hover{background:var(--background)}.inline-link{color:var(--accent);font-weight:600}.inline-link-list{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.product-report-action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.product-report-action-row .secondary-button{border-radius:8px;min-height:34px;padding:0 12px}.empty-state{color:var(--muted)}.tag{background:var(--info-bg);color:var(--info);white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.tag-success{background:var(--ok-bg);color:var(--ok)}.tag-warning{background:var(--warn-bg);color:var(--warn)}.tag-danger{background:var(--danger-bg);color:var(--danger)}.tag-muted{background:var(--background);color:var(--text-mid)}.price-badge{background:linear-gradient(135deg, #0f766e, var(--accent));border:1px solid #0f766e;border-radius:999px;align-items:center;width:fit-content;min-height:30px;padding:0 12px;font-size:13px;font-weight:950;display:inline-flex;box-shadow:0 8px 22px #0099a838;color:#fff!important}.catalog-card-meta .price-badge,.inline-link-list .price-badge{background:linear-gradient(135deg, #0f766e, var(--accent));border-color:#0f766e;color:#fff!important}.detail-card{min-height:100%}.product-detail-sales-detail .detail-card{border-color:var(--accent-border);background:linear-gradient(#fff 0%,#eefbfd 100%);box-shadow:0 16px 34px #0891b21a}.product-detail-sales-detail .detail-card .price-badge{transform:translateY(-1px);box-shadow:0 10px 26px #0099a847}.product-detail-technical-detail .product-overview-visual,.product-detail-gallery-detail .product-gallery-stage{min-height:min(520px,58vh)}.product-detail-technical-detail .product-gallery-stage{min-height:min(560px,62vh)}.product-detail-technical-detail .product-gallery-image{height:min(560px,58vh)}.table-placeholder,.list-placeholder{min-height:220px;color:var(--muted);border:1px dashed var(--border);border-radius:12px;place-items:center;display:grid}.button-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.support-thread{flex-direction:column;gap:10px;display:flex}.support-bubble{border:1px solid var(--border);max-width:80%;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:10px 14px}.support-bubble.is-self{background:var(--accent-soft);border-color:var(--accent-border);border-bottom-right-radius:4px;align-self:flex-end}.support-bubble.is-other{background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.support-bubble.is-internal{background:var(--warn-bg);border-color:var(--warn-border)}.support-bubble-meta{align-items:center;gap:8px;margin-bottom:6px;display:flex}.support-bubble-meta strong{color:var(--foreground);font-size:12px;font-weight:700}.support-bubble-meta span{color:var(--text-dim);font-size:11px}.support-bubble-body{color:var(--foreground);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.55}.support-bubble-attachments{border-top:1px dashed var(--border);flex-direction:column;gap:4px;margin-top:10px;padding-top:8px;display:flex}.support-composer{z-index:8;border:1px solid var(--border);background:var(--card);border-radius:12px;margin-top:12px;padding:14px;position:sticky;bottom:0;box-shadow:0 -8px 22px #0f172a14}.support-composer .field-textarea{min-height:76px}@media (max-width:600px){.support-bubble{max-width:100%}}.modal-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;place-items:center;padding:24px;animation:.15s modalFade;display:grid;position:fixed;inset:0}.modal-overlay-dismiss{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--card);border-radius:12px;flex-direction:column;width:100%;max-width:520px;max-height:calc(100vh - 48px);animation:.18s modalPop;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a40}@keyframes modalPop{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-panel-md{max-width:560px}.modal-panel-lg{max-width:720px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px 14px;display:flex}.modal-head h2{color:var(--foreground);margin:0;font-size:17px;font-weight:700;line-height:1.2}.modal-head .muted-text{margin-top:4px;font-size:12px}.modal-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.modal-close{border:1px solid var(--border);background:var(--background);width:30px;height:30px;color:var(--text-mid);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex;transform:rotate(180deg)}.modal-close:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.modal-body{padding:18px 22px 20px;overflow-y:auto}.modal-body .button-row{margin-top:4px}@media (max-width:600px){.modal-overlay{align-items:flex-end;padding:12px}.modal-panel{max-width:100%}}.primary-button,.secondary-button,.ghost-button{letter-spacing:-.01em;cursor:pointer;white-space:nowrap;min-height:32px;font-size:12.5px;font-weight:600;font-family:var(--font-sans);border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;transition:background-color .12s,border-color .12s,color .12s,box-shadow .15s;display:inline-flex}.primary-button{background:var(--accent);color:#fff;box-shadow:var(--shadow-brand);font-weight:700}.primary-button:hover{background:var(--accent-strong);color:#fff;box-shadow:0 6px 18px #0099a880}.primary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.secondary-button{background:var(--background);color:var(--text-mid);border:1px solid var(--border)}.secondary-button:hover{background:var(--card);border-color:var(--border-strong);color:var(--foreground)}.ghost-button{color:var(--accent);border:1px solid var(--accent-border);background:0 0}.ghost-button:hover{background:var(--accent-soft);border-color:var(--accent)}.visual-grid{grid-template-columns:1.35fr .9fr;align-items:stretch;gap:16px;display:grid}.visual-card{gap:10px;min-height:190px;display:grid}.visual-card-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.visual-card-header div{gap:4px;display:grid}.visual-card-header strong{font-size:13px}.visual-card-header span{color:var(--muted);font-size:12px;line-height:1.35}.priority-workflow-grid{border:1px solid var(--border);background:var(--card);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 20px;display:grid}.priority-workflow-grid:before{content:"Ne Yapmak İstiyorsunuz?";color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;grid-column:1/-1;margin-bottom:4px;font-size:10.5px;font-weight:700}.priority-workflow-card{border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:9px;flex-direction:column;gap:8px;padding:14px 16px;transition:border-color .12s,background-color .12s;display:flex}.priority-workflow-card:hover{border-color:var(--border-strong)}.priority-workflow-card span{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);letter-spacing:.02em;border-radius:8px;order:-1;align-self:flex-end;place-items:center;font-size:11px;font-weight:800;display:inline-grid}.priority-workflow-card strong{color:var(--foreground);font-size:13.5px;font-weight:700;line-height:1.2}.priority-workflow-card small{color:var(--text-mid);font-size:11.5px;line-height:1.4}.priority-workflow-card.is-primary{background:var(--accent);border-color:var(--accent)}.priority-workflow-card.is-primary span{color:#ffffffa6;background:#ffffff26}.priority-workflow-card.is-primary strong{color:#fff}.priority-workflow-card.is-primary small{color:#ffffffbf}.mini-line-chart{width:100%;height:116px;display:block}.mini-line-chart polygon{fill:#0099a81f}.mini-line-chart polyline{fill:none;stroke:var(--accent);stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.mini-bar-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;height:116px;padding:8px 0 0;display:grid}.mini-bar-chart span{background:linear-gradient(180deg, var(--accent-bright), var(--accent));opacity:.86;border-radius:5px 5px 2px 2px;min-height:8px}.mini-chart-labels{color:var(--muted);justify-content:space-between;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;display:flex}.process-card{gap:14px;display:grid}.process-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.process-step{border:1px solid var(--border);background:var(--background);border-radius:10px;align-content:start;gap:7px;min-height:102px;padding:12px;display:grid;position:relative}.process-step:after{content:"";background:var(--border);width:9px;height:2px;position:absolute;top:25px;left:calc(100% + 1px)}.process-step:last-child:after{display:none}.process-marker{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.process-step strong{font-size:12px;line-height:1.25}.process-step small{color:var(--muted);font-size:11px;line-height:1.35}.process-done{border-color:var(--accent-border);background:var(--accent-soft)}.process-done .process-marker,.process-active .process-marker{border-color:var(--accent);background:var(--accent);color:#fff}.process-active{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent);background:#fff}.process-risk{background:#fffbeb;border-color:#fcd34d;box-shadow:inset 0 3px #f59e0b}.process-risk .process-marker{color:#fff;background:#f59e0b;border-color:#f59e0b}.cta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cta-tile{border:1px solid var(--border);min-height:80px;box-shadow:none;background:#fff;border-radius:9px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;padding:10px 12px;transition:border-color .12s,background-color .12s;display:flex}.cta-tile:hover{border-color:var(--accent-border);background:var(--accent-soft)}.cta-tile-icon{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cta-tile-glyph{color:var(--accent-strong);font-size:11px;font-weight:900}.cta-tile strong{color:var(--foreground);font-size:12.5px;font-weight:500}.cta-tile small{color:var(--text-dim);font-size:11px;line-height:1.35}.cta-tile.cta-primary .cta-tile-icon{background:var(--accent);color:#fff}.cta-tile.cta-warning .cta-tile-icon{background:var(--warn-bg);color:var(--warn)}.cta-primary{border-color:var(--accent-border);background:var(--accent-soft)}.cta-primary span{background:var(--accent);color:#fff}.cta-warning span{color:var(--warning);background:#fffbeb}.auth-page{background:#fff;place-items:stretch stretch;min-height:100vh;padding:0;display:grid}.auth-card{background:#fff;border:0;border-radius:0;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);width:100%;min-height:100vh;padding:0;display:grid}.auth-hero{background:linear-gradient(135deg, var(--accent-strong) 0%, #0099a8 58%, var(--accent-bright) 100%);color:#fff;flex-direction:column;justify-content:space-between;gap:36px;min-height:100vh;padding:56px;display:flex;overflow:hidden}.auth-hero img{background:#ffffffeb;border-radius:14px;width:min(220px,52vw);height:auto;padding:12px 14px;box-shadow:0 18px 60px #0f172a38}.auth-hero div{gap:16px;max-width:620px;display:grid}.auth-hero strong{letter-spacing:0;font-size:30px;font-weight:800;line-height:1.18}.auth-hero span{color:#ffffffd1;max-width:520px;font-size:15px;line-height:1.55}.auth-form-panel{align-content:center;gap:14px;padding:56px;display:grid}.auth-form-panel .eyebrow{color:var(--accent-strong)}.auth-form-panel h1{letter-spacing:0;margin-top:0;margin-bottom:0;font-size:34px;line-height:1.1}.auth-form-panel>p{max-width:520px;line-height:1.55}.field-label{gap:8px;font-weight:600;display:grid}.field-input{border:1px solid var(--border);min-height:44px;font:inherit;border-radius:10px;padding:0 12px}.compact-select{min-width:160px;padding:7px 9px;font-size:12px}.presentation-settings-form{gap:8px;min-width:330px;display:grid}.compact-checkbox-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;display:grid}.compact-checkbox{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.permission-toggle{min-height:32px;color:var(--foreground);align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.permission-toggle input{width:18px;height:18px;accent-color:var(--accent-strong)}.permission-toggle input:disabled{opacity:.55}.permission-toggle span{color:var(--muted)}.mobile-preview-page{background:#eef2f4;grid-template-columns:minmax(220px,300px) minmax(0,1fr);min-height:100vh;display:grid}.mobile-preview-toolbar{border-right:1px solid var(--border);background:#fff;align-content:start;gap:18px;padding:24px;display:grid}.mobile-preview-toolbar div{gap:4px;display:grid}.mobile-preview-toolbar strong{font-size:20px}.mobile-preview-toolbar span{color:var(--muted);font-size:13px}.mobile-preview-toolbar nav{gap:8px;display:grid}.mobile-preview-toolbar a{border:1px solid var(--border);min-height:42px;color:var(--foreground);border-radius:10px;align-items:center;padding:0 12px;font-weight:700;display:flex}.mobile-preview-toolbar a:hover{background:var(--accent-soft);color:var(--accent-strong);border-color:#b3e0e6}.mobile-preview-stage{place-items:center;min-height:100vh;padding:28px;display:grid;overflow:auto}.mobile-preview-device{background:#101418;border:1px solid #cbd5e1;border-radius:32px;width:410px;height:874px;padding:14px 10px 16px;box-shadow:0 30px 80px #0f172a3d}.mobile-preview-device iframe{background:#fff;border:0;border-radius:22px;width:390px;height:844px;display:block}@media (max-width:820px){.mobile-preview-page{grid-template-columns:1fr}.mobile-preview-toolbar{border-right:0;border-bottom:1px solid var(--border)}.mobile-preview-toolbar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-preview-stage{padding:16px}}@media (max-width:900px){html,body{overscroll-behavior-y:none;min-height:100%}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{z-index:40;background:var(--sidebar-bg);background-image:var(--sidebar-gradient);color:#fff;border-bottom:1px solid var(--sidebar-line);-webkit-backdrop-filter:none;backdrop-filter:none;display:block;position:sticky;top:0;box-shadow:0 4px 14px #0000001f}.mobile-nav summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:0 18px;list-style:none;display:flex}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{text-overflow:ellipsis;white-space:nowrap;color:#fff;letter-spacing:0;min-width:0;font-weight:900;overflow:hidden}.mobile-nav summary strong{color:#fff;background:#ffffff29;border:1px solid #ffffff47;border-radius:10px;flex:none;justify-content:center;align-items:center;min-height:36px;padding:0 13px;font-size:13px;display:inline-flex}.mobile-user-panel{background:#ffffff1a;border:1px solid #ffffff29;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;margin:0 18px 12px;padding:12px;display:grid}.mobile-user-panel div{gap:2px;min-width:0;display:grid}.mobile-user-panel small{color:#ffffffb3;text-transform:uppercase;font-size:10px;font-weight:900}.mobile-user-panel strong{color:#fff;font-size:13px;font-weight:900}.mobile-user-panel span:not(.topbar-avatar){color:#ffffffc2;overflow-wrap:anywhere;font-size:12px}.mobile-user-panel form{grid-column:1/-1;margin:0}.mobile-nav nav{grid-template-columns:1fr;gap:8px;padding:0 18px 18px;display:grid}.mobile-nav .nav-group summary{color:#ffffffdb;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;min-height:40px;padding:0 10px;font-size:11px}.mobile-nav .nav-group[open] summary{color:#fff;background:#ffffff29}.mobile-nav .nav-group-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 0 0}.mobile-nav a{color:#fff;overflow-wrap:anywhere;min-height:44px;box-shadow:none;background:#ffffff1a;border:1px solid #ffffff29;border-radius:10px;align-items:center;padding:8px 10px;font-size:13px;font-weight:800;display:flex}.mobile-nav a:hover{background:#ffffff29}.mobile-nav .nav-link{border-left-width:1px}.mobile-nav .nav-link[aria-current=page]{color:var(--accent-strong);background:#fffffff0;border-color:#fff}.mobile-tabbar{z-index:45;min-height:calc(58px + env(safe-area-inset-bottom));padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 14px #0000000f}.mobile-tabbar a{min-width:0;min-height:46px;color:var(--text-dim);font-family:var(--font-sans);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9.5px;font-weight:500;display:flex;position:relative}.mobile-tabbar a[aria-current=page]{color:var(--accent);box-shadow:none;background:0 0;font-weight:700}.mobile-tabbar a[aria-current=page]:before{content:"";background:var(--accent);border-radius:2px;height:2.5px;position:absolute;top:0;left:15%;right:15%}.mobile-tabbar a:hover{color:var(--text-mid)}.mobile-tab-glyph{width:22px;height:22px;color:var(--text-dim);font-family:var(--font-mono);background:0 0;border-radius:7px;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.mobile-tabbar a[aria-current=page] .mobile-tab-glyph{color:var(--accent);box-shadow:none;background:0 0}.mobile-tab-badge{background:var(--danger);color:#fff;border:2px solid var(--card);min-width:14px;height:14px;font-family:var(--font-mono);border-radius:999px;justify-content:center;align-items:center;font-size:8.5px;font-weight:700;display:inline-flex;position:absolute;top:3px;right:22%}.content{padding:0}.content-inner{padding:16px 16px calc(92px + env(safe-area-inset-bottom))}.content-inner:has(>.catalog-page){padding-left:12px;padding-right:12px}.topbar-shell{top:56px}.topbar{grid-template-columns:1fr;gap:10px;min-height:auto;padding:10px 16px;display:grid}.shell-quick-row{flex-wrap:wrap;padding:0 16px 10px;overflow-x:visible}.shell-quick-link{min-height:36px;padding:0 12px;font-size:12px}.topbar-spacer,.live-pill,.topbar-icon-button,.topbar-locale{display:none}.safe-back-button{width:100%;box-shadow:none;justify-content:flex-start}.command-trigger{width:100%;box-shadow:none;justify-content:space-between}.command-overlay{padding-top:74px}.account-bar{display:none}.page{gap:14px}.page-header{margin:-16px -16px 0;padding:16px 16px 14px}.page-header h2{font-size:18px}.page-header p{font-size:12.5px;line-height:1.45}.card{border-radius:14px;padding:14px}.catalog-hero{grid-template-columns:1fr;padding:14px}.catalog-hero-copy h3{font-size:26px}.catalog-hero-media{min-height:220px}.catalog-readiness-strip,.catalog-grid{grid-template-columns:1fr}.stat-card{min-height:96px}.stat-value{font-size:28px}.button-row{gap:8px}.primary-button,.secondary-button{border-radius:12px;min-height:44px;padding:0 13px;font-size:13px}.stats-grid,.two-col-grid,.module-card-grid,.product-catalog-grid,.visual-grid,.process-strip,.cta-grid,.priority-workflow-grid,.executive-focus-grid{grid-template-columns:1fr}.process-step:after{display:none}.table-card{overflow-x:visible}.data-table,.data-table thead,.data-table tbody,.data-table tr,.data-table th,.data-table td{display:block}.data-table thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.data-table tbody{gap:10px;display:grid}.data-table tr{border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px 12px}.data-table td{border-top:0;border-bottom:1px solid var(--border);overflow-wrap:anywhere;grid-template-columns:minmax(86px,34%) minmax(0,1fr);align-items:start;gap:12px;padding:8px 0;font-size:12.5px;display:grid}.data-table td:before{content:attr(data-label);color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700}.data-table td:last-child{border-bottom:0}}@media (max-width:520px){.mobile-nav .nav-group-links,.dashboard-link-grid{grid-template-columns:1fr}.account-bar{flex-direction:column;align-items:stretch}.account-bar form,.account-bar button{width:100%}}@media (max-width:860px){.auth-card{grid-template-columns:1fr;align-content:center}.auth-hero{min-height:220px;padding:30px 22px}.auth-hero img{width:172px}.auth-hero strong{font-size:22px}.auth-hero span{font-size:13px}.auth-form-panel{padding:28px 22px}.auth-form-panel h1{font-size:28px}}.alert-box{border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:14px}.alert-warning{color:#92400e;background:#fffbeb;border-color:#fcd34d}.alert-danger{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .full-span{grid-column:1/-1}.field-textarea{border:1px solid var(--border);min-height:110px;font:inherit;resize:vertical;border-radius:10px;padding:10px 12px}.field-select{border:1px solid var(--border);min-height:44px;font:inherit;background:#fff;border-radius:10px;padding:0 12px}.form-section-divider{background:var(--border);height:1px;margin:4px 0}.section-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.split-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.inline-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.inline-actions label,label.inline-actions{color:var(--foreground);font-weight:500}.inline-actions input{margin-right:6px}.helper-box{background:var(--background);border:1px dashed var(--border);color:var(--muted);border-radius:12px;padding:12px 14px}.code-block{color:#f9fafb;background:#111827;border-radius:12px;padding:14px;font-size:13px;overflow-x:auto}@media (max-width:900px){.form-grid,.subtle-grid{grid-template-columns:1fr}}.field-error{color:var(--danger);font-size:12px;font-weight:600;line-height:1.4}.field-hint{color:var(--muted);font-size:12px;line-height:1.4}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.filter-grid .full-span{grid-column:1/-1}.code-pretty{color:#e5e7eb;white-space:pre-wrap;word-break:break-word;background:#0f172a;border-radius:12px;padding:14px;font-size:13px;overflow-x:auto}.mini-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mini-actions form{margin:0}.mini-actions button{cursor:pointer;font:inherit}.demo-role-switcher{border:1px solid var(--border);background:var(--background);border-radius:12px;gap:12px;padding:12px;display:grid}.demo-role-switcher-head{gap:4px;display:grid}.demo-role-switcher-head strong{color:var(--foreground);font-size:14px}.demo-role-switcher-head span{color:var(--muted);font-size:12px;line-height:1.4}.demo-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.demo-role-card{margin:0}.demo-role-card button{text-align:left;border:1px solid var(--border);width:100%;min-height:54px;color:var(--foreground);font:inherit;cursor:pointer;background:#fff;border-radius:10px;gap:3px;padding:10px;display:grid}.demo-role-card button:hover{border-color:var(--accent);box-shadow:0 8px 20px #0f172a14}.demo-role-card span{font-size:12px;font-weight:800}.demo-role-card small{color:var(--muted);font-size:11px;line-height:1.3}.demo-role-switcher-compact{color:#fff;background:#ffffff14;border-color:#ffffff2e;gap:8px;padding:0}.demo-role-switcher-compact summary{cursor:pointer;color:#fff;justify-content:space-between;align-items:center;min-height:34px;padding:8px 10px;font-size:12px;font-weight:800;display:flex}.demo-role-switcher-compact .demo-role-switcher-head{padding:0 10px}.demo-role-switcher-compact .demo-role-switcher-head strong{color:#fff}.demo-role-switcher-compact .demo-role-switcher-head span{color:#ffffffb8}.demo-role-switcher-compact .demo-role-grid{grid-template-columns:1fr;padding:0 10px 10px}.demo-role-switcher-compact .demo-role-card button{min-height:44px;color:var(--accent-strong);background:#fffffff0;border-color:#ffffff38}.demo-role-switcher-compact .demo-role-card small{color:#475569}.demo-user-draft-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.demo-user-draft-card{border:1px solid var(--border);background:#fff;border-radius:12px;gap:7px;padding:12px;display:grid}.demo-user-draft-card strong{font-size:13px}.demo-user-draft-card span{color:var(--accent-strong);overflow-wrap:anywhere;font-size:12px;font-weight:800}.demo-user-draft-card small{color:var(--muted);line-height:1.35}.demo-user-draft-card form{margin:0}@media (max-width:900px){.demo-user-draft-grid{grid-template-columns:1fr}}@media (max-width:520px){.demo-role-grid{grid-template-columns:1fr}}.document-preview-frame{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;min-height:540px}.document-preview-image-wrap{border:1px solid var(--border);background:var(--background);border-radius:10px;place-items:center;min-height:260px;padding:12px;display:grid}.document-preview-image{object-fit:contain;object-position:center;border-radius:8px;max-width:100%;max-height:620px}.product-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.product-media-card{border:1px solid var(--border);background:#fbfdfe;border-radius:10px;grid-template-columns:minmax(128px,34%) minmax(0,1fr);gap:12px;min-height:150px;padding:10px;display:grid}.product-media-card:hover{background:var(--accent-soft);border-color:#b3e0e6}.product-media-thumb{aspect-ratio:1;border:1px solid var(--border);background:#fff;border-radius:8px;place-items:center;width:96px;max-width:100%;padding:12px;display:grid;overflow:hidden}.product-media-card .product-media-thumb{aspect-ratio:4/3;width:100%;max-height:min(260px,42vh)}.product-media-thumb img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.product-media-card span:last-child{align-content:start;gap:4px;min-width:0;display:grid}.product-media-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.product-media-card small{color:var(--muted);font-size:12px}.product-media-card em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.4}.product-media-empty{border:1px dashed var(--border);min-height:118px;color:var(--muted);border-radius:10px;align-content:center;gap:6px;padding:16px;display:grid}.product-media-empty strong{color:var(--foreground)}.product-gallery{gap:12px;display:grid}.product-gallery-stage{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;min-height:360px;padding:12px;display:grid}.product-gallery-image{border:1px solid var(--border);appearance:none;cursor:zoom-in;background:#fbfdfe;border-radius:10px;place-items:center;width:100%;height:min(460px,46vh);padding:28px;display:grid;overflow:hidden}.product-gallery-fit-image{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.smart-product-image-wrap{width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.smart-product-fallback,.smart-product-image{object-fit:contain;object-position:center;width:100%;min-width:0;height:100%;min-height:0;transition:opacity .16s;display:block;position:absolute;inset:0}.smart-product-image-wrap>.smart-product-fallback,.smart-product-image-wrap>.smart-product-image{background:0 0;max-width:100%;max-height:100%;padding:0}.smart-product-fallback{opacity:1}.smart-product-fallback.is-hidden,.smart-product-image{opacity:0}.smart-product-image.is-ready{opacity:1}.product-gallery-nav{border:1px solid var(--border);width:42px;height:42px;color:var(--accent-strong);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:28px;font-weight:800;display:inline-flex}.product-gallery-nav:hover{border-color:var(--accent-border);background:var(--accent-soft)}.product-gallery-info{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;display:flex}.product-gallery-info>div{gap:4px;min-width:min(100%,420px);display:grid}.product-gallery-info strong{font-size:18px;line-height:1.25}.product-gallery-info small,.product-gallery-info em{color:var(--muted);font-size:13px;font-style:normal;line-height:1.45}.product-gallery-strip{scroll-snap-type:x proximity;grid-auto-columns:minmax(86px,116px);grid-auto-flow:column;gap:10px;padding:4px 2px 8px;display:grid;overflow-x:auto}.product-gallery-thumb{border:1px solid var(--border);cursor:pointer;scroll-snap-align:start;background:#fff;border-radius:8px;place-items:center;height:78px;padding:8px;display:grid;overflow:hidden}.product-gallery-thumb.is-active{border-color:var(--accent-strong);box-shadow:0 0 0 2px #0891b224}.product-gallery-lightbox{z-index:80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.product-gallery-lightbox-backdrop{cursor:zoom-out;background:#0f172ab8;border:0;position:absolute;inset:0}.product-gallery-lightbox-panel{background:#fff;border:1px solid #fff3;border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:min(1180px,96vw);max-height:92vh;padding:14px;display:grid;position:relative;box-shadow:0 26px 80px #00000047}.product-gallery-lightbox-top,.product-gallery-lightbox-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.product-gallery-lightbox-top span{gap:3px;min-width:0;display:grid}.product-gallery-lightbox-top strong{font-size:16px;line-height:1.25}.product-gallery-lightbox-top small,.product-gallery-lightbox-bottom span{color:var(--muted);font-size:13px;line-height:1.4}.product-gallery-close{border:1px solid var(--border);width:38px;height:38px;color:var(--foreground);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex}.product-gallery-lightbox-stage{grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:12px;min-height:min(620px,68vh);display:grid}.product-gallery-lightbox-image{border:1px solid var(--border);background:#fbfdfe;border-radius:12px;place-items:center;height:min(620px,68vh);padding:32px;display:grid;overflow:hidden}.product-admin-visual-card{grid-template-columns:minmax(240px,380px) minmax(0,1fr);align-items:center;gap:18px;display:grid}.product-admin-visual-frame{border:1px solid var(--border);background:#fff;border-radius:10px;place-items:center;width:100%;height:clamp(220px,22vw,300px);padding:18px;display:grid;overflow:hidden}.product-admin-visual-frame img{object-fit:contain;object-position:center;width:auto;max-width:84%;height:auto;max-height:84%;display:block}.product-admin-visual-copy{gap:6px;min-width:0;display:grid}.product-admin-visual-copy strong{font-size:20px;line-height:1.2}.product-admin-visual-copy small,.product-admin-visual-copy em{color:var(--muted);font-size:13px;font-style:normal;line-height:1.45}.real-draft-product-hero{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(135deg,#fff 0%,#f4fbfc 100%);border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:stretch;gap:24px;padding:18px;display:grid}.real-draft-product-copy{align-content:center;gap:12px;min-width:0;display:grid}.real-draft-product-copy h3{letter-spacing:0;margin:0;font-size:28px}.real-draft-product-copy p{color:var(--muted);max-width:68ch;margin:0;line-height:1.6}.real-draft-product-media{border:1px solid var(--border);background:#fff;border-radius:10px;place-items:center;min-height:260px;padding:18px;display:grid;overflow:hidden}.real-draft-product-media img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.real-draft-product-media span{color:var(--muted);font-weight:700}.real-draft-catalog-media{place-items:center;display:grid}.real-draft-catalog-media img{object-fit:contain;object-position:center;background:#fff}.inline-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.inline-form .field-label{min-width:min(100%,320px)}.secondary-button.is-disabled{cursor:not-allowed;opacity:.58}.quote-resource-card{grid-template-columns:minmax(220px,34%) minmax(0,1fr);align-items:center;gap:16px;display:grid}.quote-resource-media{aspect-ratio:4/3;border:1px solid var(--border);background:#fff;border-radius:10px;place-items:center;width:100%;max-height:min(300px,42vh);padding:10px;display:grid;overflow:hidden}.quote-resource-media img{object-fit:contain;object-position:center;width:100%;max-width:86%;height:100%;max-height:86%;display:block}.quote-resource-body{gap:6px;min-width:0;display:grid}.quote-resource-body strong{font-size:18px;line-height:1.25}.quote-resource-body small{color:var(--muted);font-size:13px;line-height:1.4}.quote-resource-list{gap:8px;display:grid}.quote-resource-list>span{border-top:1px solid var(--border);gap:6px;padding:8px 0;display:grid}.quote-resource-list .secondary-button{border-radius:8px;min-height:34px;padding:0 10px}.quote-picker-shell{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fbfdfe;border-radius:12px;gap:12px;padding:14px;display:grid}.quote-picker-filter{grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr) auto auto;align-items:end;gap:10px;display:grid}.quote-picker-filter .secondary-button{min-height:46px}.quote-picker-summary{color:var(--muted);font-size:13px;font-weight:800}.quote-product-picker{border:0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;min-width:0;margin:0;padding:0;display:grid}.quote-product-picker legend{grid-column:1/-1;margin-bottom:6px;font-weight:900}.quote-product-option{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:10px;min-height:118px;padding:10px;display:grid;position:relative}.quote-product-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.quote-product-option input{width:18px;height:18px;accent-color:var(--accent);position:absolute;top:10px;right:10px}.quote-product-option-media{border:1px solid var(--border);background:#fff;border-radius:10px;place-items:center;width:94px;height:94px;padding:6px;display:grid;overflow:hidden}.quote-product-option-media img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.quote-product-option-body{gap:5px;min-width:0;padding-right:22px;display:grid}.quote-product-option-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.quote-product-option-body small{color:var(--muted);line-height:1.35}.quote-selected-items{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:12px;gap:8px;padding:12px;display:grid}.quote-selected-items>div:not(.section-title){border:1px solid var(--border);background:#fff;border-radius:10px;gap:3px;padding:10px;display:grid}.quote-selected-items small{color:var(--muted)}.quote-selected-item-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px!important}.quote-selected-item-row>span{gap:5px;min-width:0;display:grid}.quote-line-terms-toggle{border:1px dashed var(--accent-border);background:var(--accent-soft);color:var(--accent-strong);font:inherit;cursor:pointer;border-radius:999px;justify-self:start;padding:4px 10px;font-size:11px;font-weight:800}.quote-line-terms-toggle:hover{border-color:var(--accent);background:#fff}.quote-line-terms-grid{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:8px;grid-column:1/-1;grid-template-columns:minmax(0,2fr) minmax(120px,1fr) minmax(140px,1fr);gap:10px;margin-top:6px;padding:10px;display:grid}.quote-line-terms-grid .field-label{gap:4px}.quote-line-terms-grid .field-label span{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong);font-size:11px;font-weight:900}.quote-line-terms-grid .field-input,.quote-line-terms-grid .field-textarea{min-height:36px}@media (max-width:900px){.quote-line-terms-grid{grid-template-columns:1fr}}.quote-selected-total{justify-content:space-between;align-items:center;gap:12px;border-color:var(--accent-border)!important;background:linear-gradient(135deg,#fff 0%,#eefbfd 100%)!important;display:flex!important}.quote-selected-total>span:first-child{gap:4px;display:grid}.quote-selected-total>span:last-child{color:var(--accent-strong);flex:none;font-size:22px;font-weight:950}.quantity-stepper{color:var(--muted);grid-template-columns:auto 36px 78px 36px;align-items:center;gap:6px;font-size:12px;font-weight:900;display:grid}.quantity-stepper button{border:1px solid var(--accent-border);width:36px;height:36px;color:var(--accent-strong);font:inherit;cursor:pointer;background:#fff;border-radius:10px;font-size:18px;font-weight:900}.quantity-stepper input{border:1px solid var(--border);width:78px;height:36px;font:inherit;text-align:center;border-radius:10px;padding:0 8px;font-weight:900}.quote-remove-button{border-radius:10px;min-height:36px;padding:0 12px}.quote-document-page{max-width:1180px}.quote-document-card{border:1px solid var(--border);border-top:5px solid var(--accent);box-shadow:var(--shadow-md);background:#fff;border-radius:14px;gap:18px;padding:28px;display:grid;position:relative;overflow:hidden}.quote-document-watermark{color:#0099a80f;pointer-events:none;font-size:clamp(48px,9vw,112px);font-weight:950;position:absolute;top:78px;right:28px}.quote-document-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex;position:relative}.quote-document-header h1{margin:6px 0;font-size:clamp(28px,4vw,46px);line-height:1.05}.quote-document-header p{max-width:680px;color:var(--muted);margin:0;line-height:1.5}.quote-document-brand{min-width:142px;color:var(--accent-strong);justify-items:end;gap:4px;display:grid}.quote-document-brand strong{letter-spacing:0;font-size:22px;font-weight:950}.quote-document-brand span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.quote-document-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid;position:relative}.quote-document-summary div{border:1px solid var(--border);background:#fbfdfe;border-radius:10px;gap:6px;min-height:78px;padding:12px;display:grid}.quote-document-summary span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.quote-document-summary strong{overflow-wrap:anywhere;font-size:15px}.quote-document-items{gap:8px;display:grid;position:relative}.quote-document-table{grid-template-columns:minmax(280px,1.7fr) minmax(96px,.55fr) minmax(64px,.4fr) minmax(100px,.55fr) minmax(110px,.6fr);align-items:center;gap:12px;display:grid}.quote-document-table-head{border-bottom:1px solid var(--border);color:var(--muted);text-transform:uppercase;padding:0 12px 8px;font-size:12px;font-weight:900}.quote-document-row{border:1px solid var(--border);background:#fff;border-radius:12px;min-height:112px;padding:12px}.quote-document-product{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.quote-document-product>span:last-child{gap:4px;min-width:0;display:grid}.quote-document-product strong{line-height:1.25}.quote-document-product small{color:var(--muted);line-height:1.35}.quote-document-thumb{border:1px solid var(--border);background:var(--background);border-radius:10px;place-items:center;width:104px;height:78px;padding:6px;display:grid;overflow:hidden}.quote-document-thumb img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.quote-document-footer{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:18px;padding-top:12px;display:grid;position:relative}.quote-document-note{border:1px dashed var(--border);background:#fbfdfe;border-radius:12px;gap:6px;padding:14px;display:grid}.quote-document-note p{color:var(--muted);margin:0;line-height:1.55}.quote-document-total{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fff;border-radius:12px;align-content:center;justify-items:end;gap:6px;padding:18px;display:grid}.quote-document-total span,.quote-document-total small{color:#ffffffd6;font-weight:800}.quote-document-total strong{color:#fff;font-size:30px;font-weight:950}.quote-commercial-total strong{font-size:22px}.quote-commercial-total strong:last-of-type{font-size:30px}.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.secondary-button.is-disabled{pointer-events:none;opacity:.45}.metadata-grid{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-size:14px;display:grid}.metadata-grid strong{color:var(--foreground)}.data-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.data-grid>div{border:1px solid var(--border);background:#fbfdfe;border-radius:12px;gap:6px;min-height:82px;padding:14px;display:grid}.data-grid strong{overflow-wrap:anywhere;font-size:16px}.admin-action-table{gap:8px;display:grid}.admin-action-row{border:1px solid var(--border);background:#fbfdfe;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.admin-action-row>div:first-child{gap:4px;min-width:0;display:grid}.admin-action-row span{color:var(--muted);font-size:13px}.email-preview-box{border:1px solid var(--border);color:#e5e7eb;background:#0f172a;border-radius:12px;gap:10px;padding:12px;display:grid}.email-preview-box strong{color:#fff;overflow-wrap:anywhere}.email-preview-box pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;color:#dbeafe;margin:0;font-size:12px;line-height:1.6}@media (max-width:900px){.filter-grid,.metadata-grid,.data-grid{grid-template-columns:1fr}.document-preview-frame{min-height:420px}.product-media-grid,.product-media-card{grid-template-columns:1fr}.product-media-card .product-media-thumb{aspect-ratio:16/10;max-height:min(300px,42vh)}.quote-resource-card{grid-template-columns:1fr}.quote-resource-media{aspect-ratio:16/10;max-height:min(280px,38vh)}.quote-picker-filter,.quote-product-picker{grid-template-columns:1fr}.quote-product-option{grid-template-columns:86px minmax(0,1fr)}.quote-product-option-media{width:86px;height:86px}.catalog-quote-basket,.catalog-group-switcher,.executive-hero,.catalog-card-compact{grid-template-columns:1fr}.catalog-card-compact .catalog-card-media{aspect-ratio:16/10;min-height:0}.catalog-card-compact .catalog-card-readiness{display:grid}.catalog-quote-basket-items{justify-content:flex-start}.quote-selected-item-row{grid-template-columns:1fr}.quote-selected-total{justify-items:start;display:grid!important}.quote-selected-total>span:last-child{font-size:20px}.quote-document-card{border-radius:12px;padding:18px}.quote-document-header,.quote-document-footer{grid-template-columns:1fr;display:grid}.quote-document-brand{justify-items:start}.quote-document-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-document-table,.quote-document-table-head{grid-template-columns:1fr}.quote-document-table-head{display:none}.quote-document-row{align-items:start}.quote-document-product{grid-template-columns:96px minmax(0,1fr)}.quote-document-thumb{width:96px;height:74px}.quote-document-total{justify-items:start}.quantity-stepper{grid-template-columns:1fr 36px minmax(72px,1fr) 36px}.real-draft-product-hero,.settings-grid{grid-template-columns:1fr}.catalog-book-spread{grid-template-columns:1fr;min-height:0}.catalog-book-copy{border-left:0;border-top:1px solid var(--border);padding:18px}.catalog-book-copy h3{font-size:26px}.catalog-book-grid{grid-template-columns:1fr}.catalog-book-mini{grid-template-columns:104px minmax(0,1fr)}.acceptance-builder-grid{grid-template-columns:1fr}.acceptance-preview-panel{position:static}.acceptance-check-row,.acceptance-photo-grid,.acceptance-send-readiness,.product-admin-visual-card{grid-template-columns:1fr}.product-admin-visual-frame{height:min(260px,42vh)}}@media (max-width:700px){.product-gallery-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;min-height:260px;padding:8px}.product-gallery-image{height:min(300px,42vh);padding:18px}.product-gallery-nav{width:36px;height:36px;font-size:24px}.product-gallery-strip{grid-auto-columns:minmax(72px,92px)}.product-gallery-thumb{height:66px}.product-gallery-lightbox{padding:10px}.product-gallery-lightbox-panel{width:100%;max-height:94vh;padding:10px}.product-gallery-lightbox-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px;min-height:min(430px,62vh)}.product-gallery-lightbox-image{height:min(430px,62vh);padding:18px}}.notification-layout{grid-template-columns:260px minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.notification-sidebar,.notification-feed,.notification-preferences{min-height:100%}.notification-category-row{border-bottom:1px solid #f0f1f3;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:10px 0;display:grid}.notification-category-row:last-of-type{border-bottom:0}.notification-category-row .muted-text{grid-column:1/-1;font-size:12px}.notification-list{gap:10px;margin-top:14px;display:grid}.notification-item{border:1px solid var(--border);background:#fff;border-left-width:4px;border-radius:10px;justify-content:space-between;gap:16px;padding:14px;display:flex}.notification-item:hover{background:var(--background)}.notification-urgent{border-left-color:var(--danger)}.notification-high{border-left-color:var(--warning)}.notification-normal{border-left-color:var(--accent)}.notification-main{gap:6px;min-width:0;display:grid}.notification-main>span:last-child{color:var(--muted);font-size:13px;line-height:1.4}.notification-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-dot{background:var(--accent);border-radius:999px;width:8px;height:8px;display:inline-block}.preference-row{border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.preference-row:last-of-type{border-bottom:0}@media (max-width:1100px){.notification-layout{grid-template-columns:1fr}}.lifecycle-timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:6px 12px 4px;display:grid;position:relative}.lifecycle-timeline:before{content:"";background:var(--border);z-index:0;border-radius:1px;height:2px;position:absolute;top:22px;left:12%;right:12%}.lifecycle-stage{background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;min-height:0;padding:0 6px;display:flex;position:relative}.lifecycle-stage:after{display:none}.lifecycle-marker{background:var(--card);border:2px solid var(--border);width:26px;height:26px;color:var(--text-dim);z-index:1;border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.lifecycle-stage>div:not(.lifecycle-marker){text-align:center}.lifecycle-stage strong{color:var(--text-dim);font-size:11.5px;font-weight:500;line-height:1.2}.lifecycle-stage span{color:var(--text-dim);margin-top:2px;font-size:10.5px;line-height:1.3;display:block}.lifecycle-done .lifecycle-marker{background:var(--accent);border-color:var(--accent);color:#fff}.lifecycle-done strong{color:var(--foreground);font-weight:500}.lifecycle-active .lifecycle-marker{background:var(--card);border-color:var(--accent);color:var(--accent)}.lifecycle-active strong{color:var(--accent);font-weight:700}.lifecycle-active span{color:var(--accent)}.lifecycle-risk .lifecycle-marker{background:var(--card);border-color:var(--warn);color:var(--warn)}.lifecycle-risk strong{color:var(--warn);font-weight:700}.lifecycle-risk span{color:var(--warn)}.lifecycle-timeline[data-progress]{--progress:0}.lifecycle-timeline[data-progress]:after{content:"";background:var(--accent);height:2px;width:calc((100% - 24%) * var(--progress,0));z-index:0;border-radius:1px;transition:width .3s;position:absolute;top:22px;left:12%}@media (max-width:900px){.lifecycle-timeline{grid-template-columns:1fr}.lifecycle-stage:after{display:none}}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.certificate-page{max-width:1040px}.certificate-card{border:2px solid #d1d5db;min-height:520px;padding:34px;position:relative;overflow:hidden}.certificate-card:before{content:"";border:1px solid var(--border);pointer-events:none;border-radius:12px;position:absolute;inset:14px}.certificate-header{border-bottom:1px solid var(--border);padding-bottom:24px;position:relative}.certificate-header h2{font-size:30px;line-height:1.2}.certificate-watermark{color:#0f766e14;pointer-events:none;font-size:72px;font-weight:800;position:absolute;bottom:22px;right:28px}.certificate-detail-grid{margin-top:10px;position:relative}.certificate-detail-grid>div{border-bottom:1px solid #f0f1f3;padding:12px 0}.certificate-note{margin-top:8px;position:relative}@media (max-width:900px){.detail-grid{grid-template-columns:1fr}.certificate-card{padding:22px}.certificate-header h2{font-size:24px}.certificate-watermark{font-size:44px}}@media print{@page{size:A4;margin:12mm}:root{--background:#fff;--foreground:#111827;--card:#fff;--border:#d1d5db}html,body{background:#fff}.sidebar,.mobile-nav,.account-bar,.topbar-shell,.page-header,.print-hidden{display:none!important}.app-shell{min-height:auto;display:block}.content,.content-inner{margin:0!important;padding:0!important}body:has(.quote-document-page) *{visibility:hidden}:is(body:has(.quote-document-page) .quote-document-page,body:has(.quote-document-page) .quote-document-page *){visibility:visible}.quote-document-page{width:100%;max-width:none;margin:0!important;padding:0!important}.quote-document-card{box-shadow:none;page-break-inside:avoid;border:0;border-radius:0;gap:12px;padding:0}.quote-document-watermark{display:none}.quote-document-header{padding-bottom:10px}.quote-document-header h1{font-size:28px}.quote-document-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.quote-document-summary div{min-height:54px;padding:8px}.quote-document-table{grid-template-columns:minmax(240px,1.65fr) 76px 52px 82px 92px;gap:7px;font-size:11px}.quote-document-row{border-radius:6px;min-height:82px;padding:8px}.quote-document-product{grid-template-columns:72px minmax(0,1fr);gap:8px}.quote-document-thumb{width:72px;height:54px;padding:4px}.quote-document-footer{grid-template-columns:minmax(0,1fr) 220px;gap:10px;padding-top:8px}.quote-document-note{padding:8px}.quote-document-total{border-radius:8px;padding:12px}.quote-document-total strong{font-size:22px}.quote-document-row{break-inside:avoid}.certificate-page{max-width:none;display:block}.certificate-card{min-height:92vh;box-shadow:none;page-break-inside:avoid;border:2px solid #111827;border-radius:0}.certificate-card:before{border-color:#9ca3af;border-radius:0}.certificate-header{padding-top:18px}.certificate-header h2{font-size:34px}.certificate-watermark{color:#0f766e17;font-size:88px}.certificate-note{color:#374151;border-style:solid}}