:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f3ee;--bg-soft:#f0eae0;--surface:#fff;--surface-subtle:#f3efe8;--surface-elevated:#fff;--text:#2a241b;--text-strong:#171310;--muted:#6e6555;--muted-strong:#564c3d;--border:#e4ddce;--border-soft:#ede7da;--primary:#c1560f;--primary-strong:#9c4207;--primary-soft:#fbe3cc;--on-primary:#fff;--sidebar:#211a11;--sidebar-soft:#2e2415;--sidebar-text:#d9cfbe;--success-bg:#e4eedb;--success-text:#3f6b26;--warning-bg:#fcefc7;--warning-text:#8a6412;--danger-bg:#f8e1dc;--danger-text:#9a3324;--danger-solid:#c1341f;--on-danger:#fff;--shadow-sm:0 4px 14px #17130e12;--shadow-md:0 10px 28px #17130e1a;--shadow-lg:0 24px 60px #17130e2e;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--font-xs:.72rem;--font-sm:.82rem;--font-base:.92rem;--font-md:1rem;--font-lg:1.14rem;--font-xl:1.32rem;--font-2xl:1.6rem;--font-hero:clamp(2.1rem, 4.7vw, 4.1rem);--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#150f09;--bg-soft:#1c140b;--surface:#1f170e;--surface-subtle:#251b10;--surface-elevated:#2c2013;--text:#f0e6d6;--text-strong:#fbf6ea;--muted:#ab9c84;--muted-strong:#cbbca2;--border:#3f3120;--border-soft:#322613;--primary:#d9660b;--primary-strong:#ff9d47;--primary-soft:#3d2410;--on-primary:#150f09;--sidebar:#0e0a06;--sidebar-soft:#1a130a;--sidebar-text:#ddd2bd;--success-bg:#12301e;--success-text:#5fdb93;--warning-bg:#33260a;--warning-text:#f2c23f;--danger-bg:#3a1510;--danger-text:#ff8069;--danger-solid:#b8341d;--on-danger:#fbf6ea;--shadow-sm:0 4px 14px #00000052;--shadow-md:0 10px 28px #00000061;--shadow-lg:0 24px 60px #00000080}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);min-width:320px;min-height:100vh;font-size:var(--font-base);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 45%, transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--primary-strong);text-decoration:none}a:hover{text-decoration:underline}.brand{color:inherit;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{border-radius:var(--radius-md);background:var(--primary);width:36px;height:36px;color:var(--on-primary);font-weight:900;font-size:var(--font-sm);place-items:center;display:grid}.eyebrow{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--primary-strong);margin:0 0 8px;font-weight:800}.notification-bell{margin-left:auto;position:relative}.notification-bell-toggle{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--sidebar-text) 22%, transparent);background:var(--sidebar-soft);width:36px;height:36px;color:var(--sidebar-text);justify-content:center;align-items:center;transition:background-color .1s ease-out;display:inline-flex;position:relative}.notification-bell-toggle:hover{background:color-mix(in srgb, var(--sidebar-soft) 70%, var(--sidebar-text))}.notification-badge{background:var(--danger-solid);min-width:16px;height:16px;color:var(--on-danger);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.notification-popover{background:var(--surface);width:320px;max-width:calc(100vw - 24px);max-height:420px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:60;flex-direction:column;display:flex;position:absolute;top:calc(100% + 10px);overflow:hidden}.notification-popover-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:baseline;padding:12px 14px;display:flex}.notification-popover-header h3{font-size:var(--font-md);color:var(--text-strong);margin:0}.notification-popover-header span{color:var(--muted);font-size:var(--font-xs);font-weight:750}.notification-mark-all-read{color:var(--primary-strong);font-size:var(--font-xs);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.notification-mark-all-read:hover{text-decoration:underline}.notification-popover-list{gap:2px;padding:6px;display:grid;overflow-y:auto}.notification-item{border-radius:var(--radius-sm);text-align:left;width:100%;font:inherit;color:inherit;cursor:default;background:0 0;border:0;align-items:flex-start;gap:10px;padding:9px 8px;display:flex}.notification-item.is-unread{cursor:pointer;background:color-mix(in srgb, var(--primary-soft) 45%, transparent)}.notification-item.is-unread:hover{background:var(--primary-soft)}.notification-unread-dot{background:var(--primary);border-radius:999px;flex:none;width:8px;height:8px;margin-top:6px}.notification-item-icon{color:var(--muted);flex:none;margin-top:2px}.notification-item-body{gap:2px;min-width:0;display:grid}.notification-item-body strong{color:var(--text-strong);font-size:var(--font-sm)}.notification-item-body span{color:var(--muted);font-size:var(--font-sm);overflow-wrap:break-word}.notification-item-body small{color:var(--muted-strong);font-size:var(--font-xs);font-family:var(--font-mono)}.muted{color:var(--muted)}.full-width{width:100%}.public-shell{background:radial-gradient(circle at 10% 5%, color-mix(in srgb, var(--primary-soft) 60%, transparent), transparent 32%), linear-gradient(180deg, var(--surface), var(--bg-soft));min-height:100vh;padding:22px}.public-nav{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto 30px;display:flex}.public-links{align-items:center;gap:14px;font-weight:750;display:flex}.homepage-hero{grid-template-columns:1.04fr .86fr;align-items:center;gap:34px;max-width:1180px;margin:0 auto;display:grid}.homepage-copy h1{font-size:var(--font-hero);color:var(--text-strong);letter-spacing:-.03em;max-width:820px;margin:10px 0 18px;line-height:1.03}.homepage-copy p{font-size:var(--font-md);color:var(--muted-strong);max-width:760px;line-height:1.68}.hero-actions{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.primary-link,.secondary-link{border-radius:var(--radius-md);padding:11px 15px;font-weight:800}.primary-link{background:var(--primary);color:var(--on-primary)}.secondary-link{background:var(--bg-soft);color:var(--primary-strong)}.creator-preview{background:var(--sidebar);border-radius:var(--radius-xl);height:250px;box-shadow:var(--shadow-lg);grid-template-columns:112px 1fr;gap:16px;padding:16px;display:grid}.preview-sidebar{background:var(--sidebar-soft);border-radius:var(--radius-lg);align-content:start;gap:12px;padding:14px;display:grid}.preview-sidebar span,.preview-toolbar,.preview-grid span,.preview-table span{background:var(--primary-soft);border-radius:999px;display:block}.preview-sidebar span{opacity:.7;height:16px}.preview-content{background:var(--surface-subtle);border-radius:var(--radius-lg);padding:16px}.preview-toolbar{height:26px;margin-bottom:16px}.preview-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.preview-grid span{height:56px}.preview-table{gap:8px;display:grid}.preview-table span{background:var(--border);height:16px}.login-panel,.feature-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.login-panel{padding:24px}.login-panel h2{font-size:var(--font-2xl);color:var(--text-strong);letter-spacing:-.02em;margin:0 0 8px}.auth-tabs{border-radius:var(--radius-md);background:var(--surface-subtle);gap:4px;margin-bottom:18px;padding:4px;display:flex}.auth-tab{border-radius:var(--radius-sm);color:var(--muted-strong);font-weight:800;font-size:var(--font-sm);cursor:pointer;background:0 0;border:0;flex:1;padding:9px;transition:background-color .1s ease-out,color .1s ease-out}.auth-tab:hover{color:var(--text-strong)}.auth-tab.is-active{background:var(--surface);color:var(--primary-strong);box-shadow:var(--shadow-sm)}.login-form,.creator-form{gap:14px;display:grid}.login-error{background:var(--danger-bg);color:var(--danger-text);border-radius:var(--radius-sm);padding:10px 12px;font-weight:750}.credential-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px;display:grid}.credential-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--text);text-align:left;font-size:var(--font-sm);padding:11px}.credential-card strong,.credential-card span{display:block}.credential-card span{color:var(--muted)}.feature-band{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:1180px;margin:34px auto 0;display:grid}.feature-item{padding:18px}.feature-item strong{color:var(--text-strong);font-size:var(--font-md);display:block}.feature-item span{color:var(--muted);line-height:1.55}.primary-button,.secondary-button,.secondary-dark-button,.danger-button,.nav-item,.nav-subitem{border-radius:var(--radius-sm);font-weight:800;font-size:var(--font-sm);border:0;padding:9px 13px}.primary-button,.secondary-button,.secondary-dark-button,.danger-button{box-shadow:var(--shadow-sm);transition:box-shadow .1s ease-out,background-color .1s ease-out,border-color .1s ease-out}.primary-button:hover,.secondary-button:hover,.secondary-dark-button:hover,.danger-button:hover{box-shadow:var(--shadow-md)}.primary-button:active,.secondary-button:active,.secondary-dark-button:active,.danger-button:active{box-shadow:var(--shadow-sm)}.primary-button:disabled,.secondary-button:disabled,.secondary-dark-button:disabled,.danger-button:disabled{box-shadow:none}.primary-button{background:var(--primary);color:var(--on-primary)}.primary-button:hover:not(:disabled){background:var(--primary-strong)}.secondary-button{background:var(--surface);color:var(--primary-strong);border:1px solid var(--border)}.secondary-button:hover:not(:disabled){background:var(--bg-soft);border-color:var(--primary)}.secondary-dark-button,.view-tab.active{background:var(--text-strong);color:var(--surface)}.secondary-dark-button:hover:not(:disabled){opacity:.88}.danger-button{background:var(--danger-solid);color:var(--on-danger)}.danger-button:hover:not(:disabled){background:color-mix(in srgb, var(--danger-solid) 85%, black)}.icon-button{align-items:center;gap:7px;display:inline-flex}.icon-button svg{flex:none}label{color:var(--muted-strong);font-weight:750;font-size:var(--font-sm);gap:7px;display:grid}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text-strong);padding:9px 11px}textarea{resize:vertical;min-height:90px;line-height:1.5}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inline-check{align-items:center;gap:8px;display:flex}.inline-check input{width:auto}.creator-shell{background:var(--bg);grid-template-columns:auto 1fr;height:100vh;display:grid;position:relative;overflow:hidden}.creator-sidebar{background:var(--sidebar);width:252px;height:100vh;color:var(--sidebar-text);flex-direction:column;gap:18px;padding:18px 14px;transition:width .16s ease-out,padding .16s ease-out;display:flex;position:sticky;top:0;overflow:visible}@media (width>=901px){.creator-shell.sidebar-collapsed .creator-sidebar{width:0;padding:0;overflow:hidden}}.sidebar-rail{background:var(--sidebar);border:0;border-right:1px solid var(--border);cursor:pointer;z-index:30;width:14px;color:color-mix(in srgb, var(--sidebar-text) 55%, transparent);justify-content:center;align-items:center;padding:0;transition:width .12s ease-out,background-color .12s ease-out,color .12s ease-out;display:none;position:fixed;top:0;bottom:0;left:0}.sidebar-rail:hover{background:var(--primary-soft);width:18px;color:var(--primary-strong)}@media (width>=901px){.creator-shell.sidebar-collapsed .sidebar-rail{display:flex}}.app-brand{border-bottom:1px solid color-mix(in srgb, var(--sidebar-text) 16%, transparent);padding-bottom:14px;position:relative}.sidebar-pin-toggle{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--sidebar-text) 22%, transparent);background:var(--sidebar-soft);width:28px;height:28px;color:var(--primary-strong);cursor:pointer;flex:none;justify-content:center;align-items:center;margin-left:auto;transition:background-color .1s ease-out;display:inline-flex}.sidebar-pin-toggle:hover{background:color-mix(in srgb, var(--sidebar-soft) 70%, var(--sidebar-text))}.sidebar-section{flex:1;align-content:start;gap:8px;min-height:0;display:grid;overflow-y:auto}.sidebar-label{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--sidebar-text) 62%, transparent);padding:0 10px;font-size:.66rem;font-weight:800}.nav-item{width:100%;min-height:42px;color:var(--sidebar-text);text-align:left;border-radius:var(--radius-sm);background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.nav-item-label{align-items:center;gap:10px;min-width:0;display:flex}.nav-item-label svg{opacity:.8;flex:none}.nav-item.active{background:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--sidebar-text);box-shadow:inset 2px 0 0 var(--primary);font-weight:850}.nav-item.active .nav-item-label svg{opacity:1;color:var(--primary)}.nav-item:hover{background:var(--sidebar-soft)}.nav-chevron{opacity:.65;flex:none;transition:transform .15s ease-out}.nav-item[aria-expanded=true] .nav-chevron{transform:rotate(90deg)}.sidebar-nav-group{gap:1px;display:grid}.sidebar-subnav{border-left:1px solid color-mix(in srgb, var(--sidebar-text) 18%, transparent);gap:1px;margin-left:20px;padding:2px 0 6px 16px;display:grid}.nav-subitem{width:100%;min-height:40px;color:color-mix(in srgb, var(--sidebar-text) 82%, transparent);text-align:left;border-radius:var(--radius-sm);font-size:var(--font-sm);background:0 0;border:0;align-items:center;padding:7px 10px;font-weight:700;display:flex}.nav-subitem:hover{background:var(--sidebar-soft)}.nav-subitem.active{background:var(--primary-soft);color:var(--primary-strong)}.sidebar-card{border:1px solid color-mix(in srgb, var(--sidebar-text) 16%, transparent);background:var(--sidebar-soft);border-radius:var(--radius-lg);gap:4px;margin-top:auto;padding:13px;display:grid}.sidebar-card strong{color:var(--sidebar-text);font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-card span,.sidebar-card small{color:color-mix(in srgb, var(--sidebar-text) 72%, transparent);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:750}.sidebar-logout{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--sidebar-text) 18%, transparent);width:100%;color:var(--sidebar-text);font-weight:750;font-size:var(--font-sm);background:0 0;align-items:center;gap:8px;margin-top:8px;padding:8px 9px;transition:background-color .1s ease-out,border-color .1s ease-out;display:flex}.sidebar-logout:hover{background:color-mix(in srgb, var(--danger-solid) 18%, transparent);border-color:var(--danger-solid);color:var(--danger-text)}.creator-main{min-width:0;height:100vh;padding:18px 26px 36px;overflow-y:auto}.creator-topbar{border:0;border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:18px;padding:4px 2px 16px;display:flex}.topbar-heading{flex:auto;align-items:center;gap:12px;display:flex}.mobile-nav-toggle{background:var(--bg-soft);color:var(--primary-strong);border:1px solid var(--border);border-radius:var(--radius-sm);width:44px;height:44px;font-size:var(--font-md);flex:none;line-height:1;display:none}@media (width<=900px){.sidebar-pin-toggle{display:none}}.nav-overlay{display:none}.sync-banner{background:var(--primary-soft);border:1px solid var(--primary);border-radius:var(--radius-lg);color:var(--primary-strong);font-size:var(--font-sm);justify-content:space-between;align-items:center;gap:1rem;margin:14px 0;padding:.78rem .95rem;display:flex}.sync-banner-error{background:var(--danger-bg);border-color:var(--danger-text);color:var(--danger-text)}.sync-error{color:var(--danger-text)}.creator-kpi-row,.creator-report-grid{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;margin:14px 0;display:flex;overflow:hidden}.metric-card{border:0;border-right:1px solid var(--border-soft);background:0 0;border-radius:0;flex:160px;padding:16px 20px}.metric-card:last-child{border-right:0}.metric-card span{color:var(--muted);text-transform:uppercase;font-weight:850;font-size:var(--font-xs);letter-spacing:.09em}.metric-card strong{font-size:var(--font-xl);color:var(--text-strong);letter-spacing:-.02em;font-family:var(--font-mono);margin:6px 0;display:block}.metric-card p{color:var(--muted);line-height:1.45;font-size:var(--font-sm);margin:0}button.metric-card{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;transition:background-color .1s ease-out}button.metric-card:hover{background:var(--surface-subtle)}button.metric-card:focus-visible{outline-offset:-3px}@media (width<=640px){.creator-kpi-row,.creator-report-grid{flex-direction:column}.metric-card{border-right:0;border-bottom:1px solid var(--border-soft)}.metric-card:last-child{border-bottom:0}}.creator-page,.report-builder{gap:14px;display:grid}.report-builder-fields{gap:16px;display:grid}.report-filter-rows{gap:8px;display:grid}.report-filter-row{grid-template-columns:minmax(140px,200px) 1fr auto;align-items:center;gap:8px;display:grid}@media (width<=640px){.report-filter-row{grid-template-columns:1fr}}.module-frame,.creator-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:14px 0;overflow:hidden}.module-header,.creator-panel-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.module-header h2,.creator-panel-header h2{font-size:var(--font-xl);color:var(--text-strong);letter-spacing:-.02em;margin:0}.module-header p,.module-subtitle{color:var(--muted);margin:4px 0 0;line-height:1.5}.view-canvas{padding:18px}.view-canvas-full{padding-top:12px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.creator-form-card,.creator-list-panel,.creator-detail-panel,.creator-record-card,.service-card,.workitem-summary{background:var(--surface-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:0;padding:16px}.creator-panel .creator-form-card,.creator-panel .creator-list-panel,.creator-panel .creator-detail-panel,.creator-panel .creator-record-card,.creator-panel .service-card,.creator-panel .workitem-summary{box-shadow:none}.creator-form-card h3{color:var(--text-strong);font-size:var(--font-lg);margin:0 0 14px}.creator-list-panel{gap:10px;display:grid}.list-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.list-header h3{color:var(--text-strong);font-size:var(--font-lg);margin:0}.list-header span{color:var(--muted);font-size:var(--font-sm);font-weight:750}.record-row{border:0;border-bottom:1px solid var(--border-soft);color:var(--text-strong);text-align:left;background:0 0;border-radius:0;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 4px;display:grid}.record-row:last-child{border-bottom:0}.record-row span{color:var(--muted);font-size:var(--font-sm);display:block}.record-row.selectable{border-radius:var(--radius-sm);border-bottom:0;grid-template-columns:1fr auto;width:100%;padding:11px 10px;transition:background-color .1s ease-out}.record-row.selectable:hover{background:var(--surface)}.record-row.selectable.active{background:var(--primary-soft)}.record-row.clickable{font:inherit;color:inherit;cursor:pointer;width:100%;transition:background-color .1s ease-out}.record-row.clickable:hover{background:var(--surface);border-radius:var(--radius-sm)}.record-meta{font-weight:850;font-family:var(--font-mono);color:var(--muted-strong)!important}.data-grid-panel{padding:0;overflow:hidden}.data-grid-panel>.list-header{padding:14px 16px 0}.data-grid-panel .empty-state{margin:0 16px 16px}.data-grid-filter{padding:10px 16px 0}.data-grid-filter .search-input{margin-bottom:0}.icon-toolbar-button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--muted-strong);cursor:pointer;flex:none;justify-content:center;align-items:center;transition:background-color .1s ease-out,border-color .1s ease-out,color .1s ease-out;display:inline-flex}.icon-toolbar-button:hover{background:var(--surface-subtle);border-color:var(--primary);color:var(--primary-strong)}.icon-toolbar-button.is-active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.icon-toolbar-button.is-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.icon-toolbar-button.is-primary:hover{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary)}.icon-toolbar-button.is-danger:hover{background:color-mix(in srgb, var(--danger-solid) 16%, transparent);border-color:var(--danger-solid);color:var(--danger-text)}.icon-toolbar-button:disabled{opacity:.4;cursor:not-allowed}.icon-toolbar-button:disabled:hover{background:var(--surface);border-color:var(--border);color:var(--muted-strong)}.row-actions{gap:6px;display:flex}.data-grid-bulk-bar{border-radius:var(--radius-sm);background:var(--primary-soft);border:1px solid var(--primary);color:var(--primary-strong);font-weight:800;font-size:var(--font-sm);justify-content:space-between;align-items:center;gap:12px;margin:10px 16px 0;padding:8px 12px;display:flex}.data-grid{margin-top:12px;overflow-x:auto}.data-grid-table{border-collapse:collapse;width:100%;font-size:var(--font-sm)}.data-grid-table thead th{background:var(--surface-subtle);text-align:left;color:var(--muted-strong);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 14px;font-weight:800}.data-grid-sort{color:var(--muted);cursor:pointer;vertical-align:middle;background:0 0;border:0;margin-left:4px;padding:0;display:inline-flex}.data-grid-sort:hover{color:var(--text-strong)}.data-grid-table tbody td{border-bottom:1px solid var(--border-soft);color:var(--text-strong);padding:9px 14px}.data-grid-table tbody tr:last-child td{border-bottom:0}.data-grid-table tbody tr.is-clickable{cursor:pointer}.data-grid-table tbody tr.is-clickable:hover td{background:var(--bg-soft)}.data-grid-table tbody tr.is-active td{background:var(--primary-soft)}.data-grid-check-col{text-align:center;width:36px;padding-left:16px;padding-right:6px}.data-grid-checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.data-grid-columns-picker .checkbox-grid{background:0 0;border:0;padding:0}.data-grid-pagination{border-top:1px solid var(--border-soft);font-size:var(--font-sm);color:var(--muted-strong);justify-content:space-between;align-items:center;gap:12px;margin:12px 16px 16px;padding-top:10px;font-weight:700;display:flex}.record-detail-screen{gap:14px;display:grid}.back-link{color:var(--primary-strong);font-weight:800;font-size:var(--font-sm);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:0;display:inline-flex}.back-link:hover{text-decoration:underline}.creator-record-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--muted);background:var(--surface);gap:6px;padding:24px;display:grid}.empty-state strong{color:var(--text-strong)}.ticket-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.status,.pill{background:var(--primary-soft);color:var(--primary-strong);font-size:var(--font-xs);white-space:nowrap;border-radius:999px;padding:5px 9px;font-weight:850}.status.new-request,.status.draft{background:var(--border-soft);color:var(--muted-strong)}.status.assigned,.status.in-repair,.status.diagnosis,.status.quality-check{background:var(--primary-soft);color:var(--primary-strong)}.status.estimate-shared,.status.waiting-for-parts,.status.issued{background:var(--warning-bg);color:var(--warning-text)}.status.customer-approved,.status.ready-for-pickup,.status.delivered,.status.paid{background:var(--success-bg);color:var(--success-text)}.status.cancelled,.status.void{background:var(--danger-bg);color:var(--danger-text)}.chart-widget{gap:11px;padding:4px 2px 2px;display:grid}.chart-bar-row{grid-template-columns:minmax(90px,130px) 1fr 28px;align-items:center;gap:10px;display:grid}.chart-bar-label{font-size:var(--font-xs);color:var(--muted-strong);white-space:nowrap;text-overflow:ellipsis;font-weight:750;overflow:hidden}.chart-bar-track{background:var(--surface-subtle);border-radius:999px;height:10px;overflow:hidden}.chart-bar-fill{border-radius:999px;height:100%;transition:width .3s ease-out}.chart-bar-value{font-size:var(--font-xs);color:var(--text-strong);text-align:right;font-weight:800;font-family:var(--font-mono)}.chart-bar-fill.status-new-request{background:var(--muted-strong)}.chart-bar-fill.status-assigned,.chart-bar-fill.status-in-repair{background:var(--primary)}.chart-bar-fill.status-diagnosis,.chart-bar-fill.status-quality-check{background:var(--primary-strong)}.chart-bar-fill.status-estimate-shared,.chart-bar-fill.status-waiting-for-parts{background:var(--warning-text)}.chart-bar-fill.status-customer-approved,.chart-bar-fill.status-ready-for-pickup,.chart-bar-fill.status-delivered{background:var(--success-text)}.chart-bar-fill.severity-warning{background:var(--warning-text)}.chart-bar-fill.severity-danger{background:var(--danger-solid)}.chart-bar-row-clickable{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;width:100%;padding:4px;transition:background-color .1s ease-out}.chart-bar-row-clickable:hover{background:var(--surface)}.activity-list{display:grid}.activity-row{border:0;border-bottom:1px solid var(--border-soft);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 6px;transition:background-color .1s ease-out;display:flex}.activity-list .activity-row:last-child{border-bottom:0}.activity-row:hover{background:var(--surface);border-radius:var(--radius-sm)}.activity-row-main{gap:2px;min-width:0;display:grid}.activity-row-main strong{color:var(--text-strong);font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-row-main span{color:var(--muted);font-size:var(--font-xs);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workitem-summary h3,.service-card h3{color:var(--text-strong);font-size:var(--font-lg);margin:11px 0 8px}.workitem-summary p,.service-card p{color:var(--muted-strong);line-height:1.55}dl{grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0;display:grid}dt{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}dd{color:var(--text-strong);font-weight:650;font-family:var(--font-mono);margin:3px 0 0}.card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.compact-control{min-width:220px}.search-input{margin-bottom:10px}.service-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px;padding:0 18px 18px;display:grid}.service-catalog-panel .service-grid{padding-top:0}.service-card ul{color:var(--muted-strong);padding-left:19px;line-height:1.55}.service-card footer{border-top:1px solid var(--border-soft);color:var(--muted-strong);justify-content:space-between;gap:12px;margin-top:13px;padding-top:13px;display:flex}.inventory-record{grid-template-columns:1fr auto auto}.inventory-meta{text-align:right}.inventory-meta small{color:var(--muted);display:block}.stock-low{font-weight:850;color:var(--danger-text)!important}.stock-ok{font-weight:850;color:var(--success-text)!important}.stepper{gap:8px;display:flex}.stepper button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:44px;height:44px;color:var(--primary-strong);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-weight:900;transition:background-color .1s ease-out,box-shadow .1s ease-out;display:inline-flex}.stepper button:hover{background:var(--bg-soft);box-shadow:var(--shadow-md)}.stepper-lg{justify-content:center;align-items:center;gap:18px;margin:6px 0}.stepper-lg button{width:52px;height:52px}.stepper-value{font-family:var(--font-mono);font-size:var(--font-2xl);color:var(--text-strong);text-align:center;min-width:64px;font-weight:800}.modal-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.modal-header h3{font-size:var(--font-lg);color:var(--text-strong);margin:0}.modal-close{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted-strong);flex:none;justify-content:center;align-items:center;transition:background-color .1s ease-out,border-color .1s ease-out,color .1s ease-out;display:inline-flex}.modal-close:hover{background:var(--surface-subtle);border-color:var(--primary);color:var(--primary-strong)}.modal-body{text-align:center;gap:14px;padding:18px;display:grid}.modal-body .creator-form,.modal-body .card-actions{text-align:left}.progress-tracker{grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0;padding:0;list-style:none;display:grid}.progress-tracker li{border:1px dashed var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--muted);padding:9px}.progress-tracker li.done{background:var(--primary-soft);color:var(--primary-strong);border-style:solid;font-weight:850}.progress-tracker.cancelled{border:1px solid var(--danger-text);background:var(--danger-bg);color:var(--danger-text);grid-template-columns:1fr;gap:4px;padding:13px 15px;display:grid}.progress-tracker.cancelled strong{font-size:var(--font-md)}.timeline{gap:10px;padding:0;list-style:none;display:grid}.timeline li{border-left:4px solid var(--primary);background:var(--surface);border-radius:var(--radius-sm);color:var(--muted-strong);padding:10px 12px}.timeline span{color:var(--muted);font-size:var(--font-sm);font-family:var(--font-mono);margin-top:4px;display:block}.toast-stack{z-index:60;gap:10px;max-width:min(360px,100vw - 36px);display:grid;position:fixed;bottom:18px;right:18px}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--font-sm);border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:750;animation:.18s ease-out toast-in;display:flex}.toast-success{background:var(--success-bg);color:var(--success-text);border-color:color-mix(in srgb, var(--success-text) 30%, transparent)}.toast-error{background:var(--danger-bg);color:var(--danger-text);border-color:color-mix(in srgb, var(--danger-text) 30%, transparent)}.toast button{color:inherit;font-size:var(--font-lg);opacity:.7;background:0 0;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;line-height:1;display:inline-flex}.toast button:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (width<=1180px){.homepage-hero{grid-template-columns:1fr}}@media (width<=900px){.creator-shell{grid-template-columns:1fr}.creator-sidebar{z-index:50;width:auto;height:100vh;box-shadow:var(--shadow-lg);transition:transform .2s ease-out;position:fixed;inset:0 22% 0 0;transform:translate(-100%)}.creator-sidebar.nav-open{transform:translate(0)}.nav-overlay{z-index:40;background:#0f0b068c;display:block;position:fixed;inset:0}.mobile-nav-toggle{justify-content:center;align-items:center;display:inline-flex}.creator-main{padding:14px}}@media (width<=640px){:root{--font-hero:clamp(1.95rem, 10vw, 3rem)}.public-shell{padding:14px}.module-header,.creator-panel-header,.public-nav{flex-direction:column;align-items:flex-start}.form-row,.credential-grid,.record-row,.inventory-record,.progress-tracker,.homepage-hero{grid-template-columns:1fr}.creator-preview{grid-template-columns:80px 1fr;height:220px}.sync-banner{flex-direction:column;align-items:flex-start}dl{grid-template-columns:repeat(2,1fr)}.inventory-meta{text-align:left}.public-links{flex-wrap:wrap}.kanban-board{grid-template-columns:1fr;grid-auto-flow:row}}.checkbox-grid{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;gap:8px 16px;padding:10px 12px;display:flex}.checkbox-grid .inline-check{font-weight:700}.kanban-board{grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:6px;display:grid;overflow-x:auto}.kanban-column{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);align-content:start;gap:10px;min-height:120px;padding:12px;display:grid}.kanban-column h4{font-size:var(--font-sm);color:var(--muted-strong);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin:0;display:flex}.kanban-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:6px;padding:10px;display:grid}.kanban-card strong{color:var(--text-strong);font-size:var(--font-sm)}.kanban-card span{color:var(--muted);font-size:var(--font-xs)}.kanban-card button{width:100%}.cost-breakdown{color:var(--muted-strong);font-size:var(--font-sm);flex-wrap:wrap;gap:10px;margin:6px 0;display:flex}.cost-breakdown span strong{color:var(--text-strong);font-family:var(--font-mono)}.workflow-warning{background:var(--warning-bg);color:var(--warning-text);border-radius:var(--radius-sm);font-size:var(--font-sm);padding:8px 11px;font-weight:750}