:root{color-scheme:light;--rf-bg: #f6f7f9;--rf-surface: #ffffff;--rf-surface-muted: #eef2f6;--rf-sidebar: #1f2933;--rf-sidebar-soft: #2b3642;--rf-text: #18212c;--rf-text-muted: #667383;--rf-line: #d8dee6;--rf-line-strong: #b8c2cf;--rf-blue: #2563eb;--rf-green: #16845b;--rf-amber: #b7791f;--rf-red: #b42318;--rf-shadow: 0 10px 24px rgba(20, 31, 44, .08);font-family:Segoe UI,Inter,Arial,sans-serif;background:var(--rf-bg);color:var(--rf-text)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--rf-bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.material-icons{font-size:20px;line-height:1}.showcase-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.shell-sidebar{position:sticky;top:0;min-width:0;min-height:100vh;padding:22px 18px;background:var(--rf-sidebar);color:#f8fafc;display:flex;flex-direction:column;gap:20px}.shell-brand h1,.shell-header h2,.dashboard-header h1,.workspace-panel h2,.showcase-page h1,.showcase-page h2,.showcase-page h3{margin:0}.shell-brand h1{font-size:1.35rem}.shell-kicker{margin:0 0 5px;font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--rf-text-muted)}.shell-sidebar .shell-kicker,.shell-sidebar .nav-meta,.shell-sidebar .shell-footer,.shell-sidebar-note span{color:#f8fafcb3}.shell-auth-summary{display:grid;gap:6px;margin-top:16px;color:#f8fafcd9}.shell-nav{min-width:0;display:grid;gap:6px}.nav-link{min-height:46px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;border-radius:8px;border:1px solid transparent}.nav-link:hover,.nav-link-active{background:var(--rf-sidebar-soft);border-color:#ffffff1a}.nav-icon{color:#b8c7d9}.nav-text{min-width:0;display:grid;gap:2px}.nav-label{font-weight:650}.nav-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.shell-sidebar-note{display:grid;gap:8px;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.shell-sidebar-note div,.shell-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.shell-footer{margin-top:auto;flex-direction:column;align-items:flex-start;font-size:.84rem}.shell-content{min-width:0;padding:20px;display:grid;align-content:start;gap:16px}.shell-header,.dashboard-header,.panel-heading,.showcase-section-header,.showcase-panel-header,.showcase-card-header,.api-path-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.shell-header{min-height:66px;padding:14px 16px;border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-surface);box-shadow:var(--rf-shadow)}.shell-header h2{font-size:1.55rem;line-height:1.15}.shell-actions,.dashboard-header-actions,.showcase-card-actions,.catalog-row-actions,.module-row-actions,.showcase-chip-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.shell-action,.shell-inline-action,.segmented-button,.icon-action,.tool-link{border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-surface);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.shell-action{min-height:40px;padding:0 12px;font-weight:650}.shell-action:hover,.shell-inline-action:hover,.segmented-button:hover,.icon-action:hover,.tool-link:hover{border-color:var(--rf-line-strong);background:var(--rf-surface-muted)}.shell-action-primary,.segmented-button-active{border-color:var(--rf-blue);background:var(--rf-blue);color:#fff}.shell-action-flat{box-shadow:none}.shell-inline-action{min-height:28px;padding:0 8px;font-size:.86rem;font-weight:650}.shell-main,.showcase-page{display:grid;gap:16px}.shell-banner,.status-strip{min-height:42px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-surface)}.shell-banner-warning,.status-strip-warning{color:var(--rf-red);border-color:#f0b6ae;background:#fff6f4}.dashboard-header{min-height:76px;padding:18px;border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-surface);box-shadow:var(--rf-shadow)}.dashboard-header h1{font-size:1.45rem;line-height:1.18}.workspace-panel h2{font-size:1.1rem;line-height:1.2}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card,.workspace-panel,.showcase-panel,.showcase-card,.showcase-empty,.showcase-not-found,.api-path-card,.api-group-card{border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-surface);box-shadow:var(--rf-shadow)}.metric-card{min-height:108px;padding:14px;display:grid;align-content:space-between;gap:4px}.metric-card span,.metric-card small,.fact-list span,.compact-row span,.catalog-row-title span,.module-row-main span,.api-group-card span,.api-operation-copy span,.api-operation-copy p,.showcase-muted,.showcase-section-copy{color:var(--rf-text-muted)}.metric-card strong{font-size:2rem}.workbench-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:12px}.workbench-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-panel,.showcase-panel,.showcase-card,.showcase-not-found,.api-path-card{padding:16px}.workspace-panel-large{min-width:0}.panel-heading{margin-bottom:14px}.panel-heading-tight{margin-bottom:10px}.status-pill,.showcase-chip{min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--rf-line);border-radius:999px;background:var(--rf-surface-muted);color:var(--rf-text-muted);font-size:.82rem;font-weight:650;white-space:nowrap}.status-pill-strong,.showcase-chip-accent{border-color:#b7e3cf;background:#e8f7ef;color:var(--rf-green)}.module-table,.catalog-list,.compact-list,.fact-list,.showcase-list,.api-operation-list,.api-path-grid{display:grid;gap:8px}.module-row,.catalog-row{min-height:68px;display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--rf-line);border-radius:8px;background:#fbfcfd}.module-row-main,.catalog-row-title{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px}.module-row-main div,.catalog-row-title div{min-width:0;display:grid;gap:3px}.module-row-main strong,.catalog-row-title strong,.module-row-main span,.catalog-row-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-icon,.showcase-icon-badge{width:40px;height:40px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#e7eefb;color:var(--rf-blue)}.module-row-meta,.catalog-row-state{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.icon-action{width:36px;height:36px;padding:0}.icon-action-muted{color:var(--rf-text-muted)}.fact-list div,.fact-list a,.showcase-list-item{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--rf-line);border-radius:8px;background:#fbfcfd}.fact-list strong,.showcase-list-item strong,.showcase-list-item code{min-width:0;overflow-wrap:anywhere}.compact-row,.tool-link{min-height:42px;padding:9px 10px;justify-content:flex-start}.compact-row{border:1px solid var(--rf-line);border-radius:8px;background:#fbfcfd;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px}.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.segmented-button{min-height:38px;padding:0 10px;text-transform:capitalize}.segmented-button strong{font-size:.86rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-block{min-height:96px;display:grid;align-content:start;gap:8px;padding:12px;border:1px solid var(--rf-line);border-radius:8px;background:#fbfcfd}.detail-block-wide,.detail-action{grid-column:1 / -1}.detail-block>span:not(.material-icons){color:var(--rf-text-muted);font-size:.84rem}.detail-block strong{overflow-wrap:anywhere}.showcase-grid,.showcase-module-grid,.showcase-teaser-grid,.api-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.showcase-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:12px}.showcase-hero-copy,.showcase-teaser-card,.showcase-card{display:grid;gap:12px}.showcase-hero-copy p,.showcase-panel p,.showcase-card p,.showcase-empty p{margin:0}.showcase-stat{font-size:1.55rem;font-weight:750}.showcase-empty{padding:14px;color:var(--rf-text-muted);border-style:dashed;box-shadow:none}.showcase-error{margin:0;color:var(--rf-red);background:#fff6f4;border:1px solid #f0b6ae;padding:10px 12px;border-radius:8px}.api-group-card{min-height:124px;padding:12px;align-items:flex-start;text-align:left}.api-group-card-active{border-color:var(--rf-blue);background:#eef4ff}.api-group-list{display:grid;gap:8px}.api-group-row{width:100%;min-height:54px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid var(--rf-line);border-radius:8px;background:#fbfcfd;color:var(--rf-text);text-align:left;cursor:pointer}.api-group-row:hover,.api-group-row-active{border-color:var(--rf-blue);background:#eef4ff}.api-group-row span:last-child{min-width:0;display:grid;gap:3px}.api-group-row small{color:var(--rf-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-facts{margin-top:12px}.api-path-card{box-shadow:none}.api-operation-row{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(120px,auto);gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--rf-line);border-radius:8px;background:#fbfcfd}.api-operation-copy{display:grid;gap:3px}.api-operation-copy p{margin:0}.api-method-badge{min-width:62px;border-radius:999px;padding:6px 8px;text-align:center;font-size:.74rem;font-weight:750;color:#fff;text-transform:uppercase}.api-method-get{background:var(--rf-green)}.api-method-post{background:var(--rf-blue)}.api-method-put{background:var(--rf-amber)}.api-method-patch{background:#6d5bd0}.api-method-delete{background:var(--rf-red)}.api-method-head,.api-method-options{background:#596579}.floor-plan-preview{width:100%;min-height:280px;border-radius:8px;background:#f7f9fc;border:1px solid var(--rf-line)}.floor-plan-legend{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}.floor-plan-legend-item{display:inline-flex;align-items:center;gap:8px;font-size:.86rem}.floor-plan-swatch{width:12px;height:12px;border-radius:999px}.demo-header p:not(.shell-kicker){margin:8px 0 0;color:var(--rf-text-muted)}.demo-metric{border-left:4px solid var(--rf-blue)}.demo-tone-good{border-left-color:var(--rf-green)}.demo-tone-warning{border-left-color:var(--rf-amber)}.demo-workbench{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr)}.demo-workbench-secondary{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}.demo-flow,.demo-task-list,.demo-role-grid,.demo-glossary-grid{display:grid;gap:10px}.demo-flow-step,.demo-task-row,.demo-role-block,.demo-glossary-item{border:1px solid var(--rf-line);border-radius:8px;background:#fbfcfd}.demo-flow-step{min-height:86px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-left:4px solid var(--rf-line-strong)}.demo-flow-step:hover,.demo-task-row:hover,.demo-record-link:hover{border-color:var(--rf-blue);background:#eef4ff}.demo-flow-done{border-left-color:var(--rf-green)}.demo-flow-active{border-left-color:var(--rf-blue)}.demo-flow-waiting{border-left-color:var(--rf-amber)}.demo-flow-simulated{border-left-color:#7b8794}.demo-flow-icon{width:44px;height:44px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#e7eefb;color:var(--rf-blue)}.demo-flow-copy{min-width:0;display:grid;gap:4px}.demo-flow-copy strong,.demo-flow-copy small,.demo-flow-label{overflow-wrap:anywhere}.demo-flow-label,.demo-task-row small,.demo-role-block span,.demo-glossary-item span,.demo-glossary-item p{color:var(--rf-text-muted)}.demo-task-row{min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-left:4px solid var(--rf-line-strong)}.demo-task-row>span:first-child,.demo-role-block,.demo-glossary-item{min-width:0;display:grid;gap:5px}.demo-task-warning{border-left-color:var(--rf-amber)}.demo-task-critical{border-left-color:var(--rf-red)}.demo-role-grid,.demo-glossary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.demo-role-block,.demo-glossary-item{min-height:132px;padding:12px;align-content:start}.demo-role-block ul{margin:4px 0 0;padding-left:18px;color:var(--rf-text-muted)}.demo-role-block li+li{margin-top:3px}.demo-glossary-item code{width:fit-content;max-width:100%;padding:3px 6px;border-radius:6px;background:var(--rf-surface-muted);overflow-wrap:anywhere}.demo-glossary-item p{margin:0}@media(max-width:1120px){.workbench-grid,.workbench-grid-compact,.showcase-hero,.demo-workbench,.demo-workbench-secondary{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.showcase-shell{grid-template-columns:1fr}.shell-sidebar{position:static;min-height:auto;padding:14px;gap:12px}.shell-auth-summary{margin-top:10px;grid-template-columns:repeat(3,minmax(0,auto));align-items:center}.shell-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px;max-width:100%}.nav-link{min-width:0}.shell-sidebar-note{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-footer{margin-top:0;flex-direction:row;flex-wrap:wrap}}@media(max-width:720px){.shell-content{padding:12px}.shell-header,.dashboard-header,.panel-heading,.showcase-section-header,.showcase-panel-header,.showcase-card-header,.api-path-header{flex-direction:column;align-items:stretch}.metric-grid,.detail-grid,.shortcut-grid,.module-row,.catalog-row,.api-operation-row{grid-template-columns:1fr}.module-row-meta,.catalog-row-state,.module-row-actions,.catalog-row-actions{justify-content:flex-start}}.landing-cta{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:18px}.landing-card{display:grid;gap:8px;padding:18px;border-radius:var(--rf-radius);background:var(--rf-surface);border:1px solid var(--rf-line);text-decoration:none;color:inherit;transition:transform .12s,border-color .12s}.landing-card:hover{transform:translateY(-2px);border-color:var(--rf-line-strong)}.landing-card .material-icons{font-size:28px;color:var(--rf-accent, #24535f)}.landing-card strong{font-size:16px}.landing-card p{margin:0;color:var(--rf-text-muted);font-size:13px}.landing-card-action{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:13px}.landing-card-action .material-icons{font-size:16px}.landing-card-primary{background:linear-gradient(135deg,#24535f,#4a7d63);color:#fff}.landing-card-primary .material-icons{color:#fff}.landing-card-primary p{color:#ffffffd9}.demo-shell{font-family:Segoe UI,Noto Sans,sans-serif}.demo-page{display:grid;gap:14px;min-width:0;max-width:100%}.demo-page>*,.workspace-panel,.demo-card,.demo-detail-shell,.demo-dashboard-card,.demo-kpi-card{min-width:0;max-width:100%}.demo-card,.workspace-panel,.demo-detail-shell,.demo-dashboard-card,.demo-kpi-card,.tour-panel,.detail-drawer,.demo-empty-state,.demo-empty-state-inline{border-radius:6px;background:#fff;color:#10203a;box-shadow:0 1px 2px #0f172a0f;border:1px solid #d8e2ee}.demo-card,.demo-detail-shell,.workspace-panel,.tour-panel{padding:16px}.demo-kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#6c84b0}.demo-section-header,.demo-header-row,.demo-detail-header,.demo-kpi-head,.detail-drawer-header,.tour-actions,.demo-action-row,.demo-form-actions,.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-section-header,.demo-detail-header{flex-wrap:wrap}.demo-page h1,.demo-page h2,.demo-page h3,.detail-drawer h3{margin:0}.demo-page h1{font-size:1.2rem;line-height:1.18}.demo-page h2{font-size:.95rem;line-height:1.22}.demo-page h3,.detail-drawer h3{font-size:.88rem;line-height:1.26}.demo-subtle{color:#687a98}.demo-grid-2,.demo-grid-3,.demo-grid-4,.demo-metric-grid,.demo-overview-grid,.demo-tab-grid,.demo-layout-grid,.demo-svg-grid{display:grid;gap:16px}.demo-grid-2,.demo-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid-3,.demo-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-grid-4,.demo-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-tab-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.demo-kpi-card{padding:12px;display:grid;gap:6px}.demo-kpi-card strong{font-size:1.28rem}.demo-kpi-card[data-tone=warning]{background:#fff;border-left:3px solid #d97706}.demo-kpi-card[data-tone=good]{background:#fff;border-left:3px solid #16845b}.demo-kpi-card[data-tone=critical]{background:#fff;border-left:3px solid #dc2626}.demo-button,.data-table-sort,.demo-tab,.demo-input,.demo-select,.demo-textarea{font:inherit}.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;border:1px solid transparent;padding:8px 11px;cursor:pointer;text-decoration:none;min-height:34px}.demo-button-primary{background:#1f5fbf;color:#fff}.demo-button-ghost{background:#fff;border-color:#cbd6e5;color:#16335d}.demo-button-soft{background:#f7f9fc;border-color:#d5ddeb;color:#183053}.demo-status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:4px;padding:4px 8px;font-size:.76rem;font-weight:700;border:1px solid #cbd6e5;background:#f7f9fc;color:#20406e}.demo-status-pill[data-tone=good]{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.demo-status-pill[data-tone=warning]{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.demo-status-pill[data-tone=critical]{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.demo-status-pill[data-tone=info]{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.demo-tabs{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;border-bottom:1px solid #cbd6e5}.demo-tab{border:1px solid transparent;border-bottom:0;padding:9px 14px;border-radius:5px 5px 0 0;background:transparent;color:#425a80;cursor:pointer;white-space:nowrap;margin-bottom:-1px}.demo-tab-active{background:#fff;border-color:#cbd6e5;color:#10203a;box-shadow:inset 0 2px #1f5fbf}.demo-filter-bar,.demo-form-grid,.demo-fact-list,.demo-list-stack,.demo-inline-list{display:grid;gap:12px}.demo-filter-bar,.demo-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.demo-input,.demo-select,.demo-textarea{width:100%;border-radius:5px;border:1px solid #cfdae9;background:#fff;color:#10203a;padding:8px 10px}.demo-textarea{min-height:120px;resize:vertical}.demo-field{display:grid;gap:6px}.demo-field label{font-size:.84rem;font-weight:600;color:#425a80}.demo-table-wrap{display:block;width:100%;max-width:100%;overflow:auto;border-radius:5px;border:1px solid #dce5f0;background:#fff}.demo-shell .data-table{width:100%;min-width:860px;border-collapse:collapse;table-layout:fixed}.demo-shell .data-table-wide{min-width:1040px}.demo-shell .data-table thead th{position:sticky;top:0;z-index:1;background:#f3f6fa;border-bottom:1px solid #d8e0eb;padding:0;text-align:left}.demo-shell .data-table tbody td{padding:7px 10px;border-bottom:1px solid #edf2f7;height:30px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.demo-shell .data-table th,.demo-shell .data-table td{white-space:nowrap}.demo-shell .data-table th:first-child,.demo-shell .data-table td:first-child,.demo-shell .data-table th:nth-child(2),.demo-shell .data-table td:nth-child(2){width:auto}.demo-shell .data-table tbody tr:nth-child(2n){background:#f7f9fc}.demo-shell .data-table tbody tr:hover{background:#ebf2ff}.data-table-sort{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:8px 10px;cursor:pointer;color:#233d69;min-width:0;text-align:left}.data-table-sort span:first-child{overflow:hidden;text-overflow:ellipsis}.data-table-sort .material-icons{font-size:16px}.align-right{text-align:right}.align-center{text-align:center}@media(max-width:1320px){.demo-shell .data-table .column-priority-tertiary{display:none}.demo-shell .data-table-wide{min-width:900px}}@media(max-width:1120px){.demo-shell .data-table .column-priority-secondary{display:none}.demo-shell .data-table,.demo-shell .data-table-wide{min-width:760px}}.demo-mono{font-family:Consolas,Cascadia Code,monospace}.demo-empty-state,.demo-empty-state-inline{display:grid;place-items:center;gap:6px;text-align:center;min-height:180px;padding:18px}.demo-empty-state-inline{min-height:120px;border-radius:0;box-shadow:none}.demo-stat-strip,.demo-key-value-list,.demo-tree,.demo-quick-links,.demo-activity-list,.demo-file-list,.demo-stage-list{display:grid;gap:10px}.demo-key-value-list div,.demo-activity-list article,.demo-file-list article,.demo-tree button,.demo-quick-links a,.demo-stage-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:5px;background:#f8fbff;border:1px solid #e0e8f2}.demo-tree button{width:100%;cursor:pointer;color:#15325b}.demo-quick-links a{color:inherit;text-decoration:none}.demo-stage-list article.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.drawer-backdrop,.tour-overlay{position:fixed;inset:0;z-index:40;background:#0309156b;display:flex;justify-content:flex-end;padding:24px}.tour-overlay{justify-content:flex-start;align-items:flex-end;pointer-events:none}.tour-panel{max-width:420px;pointer-events:auto}.detail-drawer{height:calc(100vh - 48px);overflow:auto;border-radius:6px}.demo-shell{--rf-demo-bg: #242424;--rf-demo-panel: #292929;--rf-demo-panel-soft: #303030;--rf-demo-line: #3a3a3a;--rf-demo-line-strong: #4a4a4a;--rf-demo-text: #ececec;--rf-demo-muted: #a3a8af;--rf-demo-accent: #8ea4c6;background:var(--rf-demo-bg);color:var(--rf-demo-text)}.demo-shell .demo-page{gap:10px}.demo-shell .demo-card,.demo-shell .workspace-panel,.demo-shell .demo-detail-shell,.demo-shell .demo-dashboard-card,.demo-shell .demo-kpi-card,.demo-shell .tour-panel,.demo-shell .detail-drawer,.demo-shell .demo-empty-state,.demo-shell .demo-empty-state-inline{border:1px solid var(--rf-demo-line);border-radius:3px;background:var(--rf-demo-panel);color:var(--rf-demo-text);box-shadow:none}.demo-shell .demo-card,.demo-shell .demo-detail-shell,.demo-shell .workspace-panel,.demo-shell .tour-panel{padding:10px}.demo-shell .demo-section-header,.demo-shell .demo-detail-header,.demo-shell .dashboard-header-compact,.demo-shell .customer-header,.demo-shell .material-header{min-height:0;padding:10px}.demo-shell .demo-page h1{font-size:1.14rem}.demo-shell .demo-page h2{font-size:.96rem}.demo-shell .demo-page h3{font-size:.82rem}.demo-shell .demo-kicker{letter-spacing:.08em;color:var(--rf-demo-muted)}.demo-shell .demo-subtle,.demo-shell .demo-field label,.demo-shell .demo-kpi-card span,.demo-shell .demo-kpi-card small,.demo-shell small{color:var(--rf-demo-muted)}.demo-shell .demo-button,.demo-shell .demo-tab,.demo-shell .demo-input,.demo-shell .demo-select,.demo-shell .demo-textarea,.demo-shell .data-table-sort{border-radius:3px}.demo-shell .demo-button{min-height:30px;gap:6px;padding:5px 9px;border-color:var(--rf-demo-line-strong);background:#333;color:#e8e8e8;font-size:.82rem}.demo-shell .demo-button .material-icons{color:#b8bec7;font-size:17px}.demo-shell .demo-button-primary{border-color:#60718c;background:#40506a;color:#fff}.demo-shell .demo-button-soft,.demo-shell .demo-button-ghost{background:#303030;color:#e2e2e2}.demo-shell .demo-filter-bar,.demo-shell .demo-form-grid,.demo-shell .demo-fact-list,.demo-shell .demo-list-stack,.demo-shell .demo-inline-list{gap:8px}.demo-shell .demo-filter-bar,.demo-shell .demo-form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.demo-shell .demo-input,.demo-shell .demo-select,.demo-shell .demo-textarea{border-color:var(--rf-demo-line-strong);background:#303030;color:var(--rf-demo-text);padding:6px 8px}.demo-shell .demo-input::placeholder,.demo-shell .demo-textarea::placeholder{color:#858b93}.demo-shell .demo-status-pill,.demo-shell .status-pill,.demo-shell .showcase-chip{min-height:22px;border-radius:3px;border-color:var(--rf-demo-line-strong);background:#303030;color:#d6d9de;padding:2px 6px;font-size:.72rem}.demo-shell .demo-status-pill .material-icons,.demo-shell .status-pill .material-icons{color:#9fa5ad;font-size:15px}.demo-shell .demo-status-pill[data-tone=good]{color:#d6d9de;background:#30342f;border-color:#48513f}.demo-shell .demo-status-pill[data-tone=warning]{color:#e0d5c3;background:#37332b;border-color:#5a4c34}.demo-shell .demo-status-pill[data-tone=critical]{color:#e2c7c7;background:#3a3030;border-color:#644545}.demo-shell .demo-status-pill[data-tone=info]{color:#d5dae6;background:#30333a;border-color:#464c5b}.demo-shell .demo-tabs{border-bottom-color:var(--rf-demo-line)}.demo-shell .demo-tab{padding:7px 10px;color:#b8bec7}.demo-shell .demo-tab-active{border-color:var(--rf-demo-line);background:var(--rf-demo-panel-soft);color:var(--rf-demo-text);box-shadow:inset 0 -2px #8ea4c6}.demo-shell .demo-table-wrap{border:0;border-top:1px solid var(--rf-demo-line);border-radius:0;background:transparent}.demo-shell .data-table thead th{background:#2a2a2a;border-bottom:1px solid var(--rf-demo-line)}.demo-shell .data-table tbody td{height:34px;padding:5px 9px;border-bottom:1px solid var(--rf-demo-line);color:var(--rf-demo-text)}.demo-shell .data-table tbody tr:nth-child(2n){background:transparent}.demo-shell .data-table tbody tr:hover{background:#303030}.demo-shell .data-table-sort{padding:7px 9px;color:#dce0e5;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.demo-shell .data-table-arrow-head,.demo-shell .data-table-arrow{width:32px;min-width:32px;text-align:right}.demo-shell .data-table-arrow .material-icons{color:#aeb4bc;font-size:21px}.demo-shell :is(.material-summary-strip,.project-summary-strip,.material-requests-summary-strip,.inventory-summary-strip,.calculations-summary-strip,.dashboard-kpi-grid,.metric-grid){gap:8px}.demo-shell :is(.material-summary-strip,.project-summary-strip,.material-requests-summary-strip,.inventory-summary-strip,.calculations-summary-strip) article,.demo-shell .metric-card,.demo-shell .dashboard-kpi-grid>*{min-height:0;border:1px solid var(--rf-demo-line);border-radius:3px;background:var(--rf-demo-panel);box-shadow:none;padding:8px 10px}.demo-shell :is(.material-summary-strip,.project-summary-strip,.material-requests-summary-strip,.inventory-summary-strip,.calculations-summary-strip) article strong,.demo-shell .metric-card strong,.demo-shell .demo-kpi-card strong{font-size:1.15rem}.demo-shell :is(.project-mode-strip,.material-requests-mode-strip,.inventory-mode-strip,.calculations-mode-strip,.files-mode-strip,.dashboard-mode-strip){display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--rf-demo-line);background:#292929;padding:0}.demo-shell :is(.project-mode-strip,.material-requests-mode-strip,.inventory-mode-strip,.calculations-mode-strip,.files-mode-strip,.dashboard-mode-strip) button{min-height:32px;border:0;border-right:1px solid var(--rf-demo-line);border-radius:0;background:transparent;color:#cfd3d8;padding:6px 10px}.demo-shell :is(.project-mode-strip,.material-requests-mode-strip,.inventory-mode-strip,.calculations-mode-strip,.files-mode-strip,.dashboard-mode-strip) button.active,.demo-shell :is(.project-mode-strip,.material-requests-mode-strip,.inventory-mode-strip,.calculations-mode-strip,.files-mode-strip,.dashboard-mode-strip) button:hover{background:#353535;color:#fff}.demo-shell .module-icon,.demo-shell .showcase-icon-badge{border-radius:3px;background:#34383f;color:#b8bec7!important}.demo-shell .demo-key-value-list div,.demo-shell .demo-activity-list article,.demo-shell .demo-file-list article,.demo-shell .demo-tree button,.demo-shell .demo-quick-links a,.demo-shell .demo-stage-list article,.demo-shell .fact-list div,.demo-shell .fact-list a,.demo-shell .showcase-list-item,.demo-shell .module-row,.demo-shell .catalog-row,.demo-shell .compact-row,.demo-shell .detail-block{border-color:var(--rf-demo-line);border-radius:3px;background:#2f2f2f}.demo-shell [class*=summary-strip]{gap:8px!important}.demo-shell [class*=summary-strip] article,.demo-shell [class*=summary-strip]>div,.demo-shell [class*=summary-strip]>button{min-height:0!important;padding:8px 10px!important;border:1px solid var(--rf-demo-line)!important;border-radius:3px!important;background:var(--rf-demo-panel)!important;color:var(--rf-demo-text)!important;box-shadow:none!important}.demo-shell [class*=summary-strip] span,.demo-shell [class*=summary-strip] small{color:var(--rf-demo-muted)!important}.demo-shell [class*=summary-strip] strong{color:var(--rf-demo-text)!important;font-size:1.18rem!important}.demo-shell [class*=filter-panel],.demo-shell [class*=table-panel],.demo-shell [class*=list-panel]{border-color:var(--rf-demo-line)!important;border-radius:3px!important;background:var(--rf-demo-panel)!important;box-shadow:none!important}.demo-shell [class*=mode-strip]{border:1px solid var(--rf-demo-line)!important;border-radius:3px!important;background:#292929!important;box-shadow:none!important;color:var(--rf-demo-text)!important}.demo-shell [class*=mode-strip] button{border-color:var(--rf-demo-line-strong)!important;border-radius:0!important;background:transparent!important;color:#cfd3d8!important}.demo-shell [class*=mode-strip] span{color:var(--rf-demo-muted)!important}.demo-shell [class*=mode-strip] strong{color:var(--rf-demo-text)!important}.demo-shell [class*=mode-strip] button.active,.demo-shell [class*=mode-strip] button:hover{background:#353535!important;color:#fff!important}.demo-shell [class*=header]:is(.demo-card,.workspace-panel),.demo-shell .demo-section-header{border-color:var(--rf-demo-line)!important;border-radius:3px!important;background:var(--rf-demo-panel)!important;box-shadow:none!important}.demo-shell :is([class*=-card],[class*=-tile],[class*=-panel],[class*=-drawer],[class*=-block],[class*=-item],[class*=-entry]){border-radius:3px}.demo-shell :is([class*=-card],[class*=-tile],[class*=-block]){border-color:var(--rf-demo-line);background-color:var(--rf-demo-panel);box-shadow:none}.demo-shell :is([class*=-card],[class*=-tile],[class*=-panel],[class*=-block],[class*=-item],[class*=-entry]) :is(small,p,span:not(.material-icons)){color:inherit}.demo-shell :is([class*=-card],[class*=-tile],[class*=-panel],[class*=-block],[class*=-item],[class*=-entry]) .material-icons{color:#aeb5bf}.demo-shell.demo-content-light{--rf-demo-bg: #f2f3f5;--rf-demo-panel: #ffffff;--rf-demo-panel-soft: #f7f8fa;--rf-demo-line: #d7dce3;--rf-demo-line-strong: #c0c8d2;--rf-demo-text: #18212c;--rf-demo-muted: #657181;--rf-demo-accent: #52677f;background:var(--rf-demo-bg);color:var(--rf-demo-text)}.demo-shell.demo-content-light .demo-card,.demo-shell.demo-content-light .workspace-panel,.demo-shell.demo-content-light .demo-detail-shell,.demo-shell.demo-content-light .demo-dashboard-card,.demo-shell.demo-content-light .demo-kpi-card,.demo-shell.demo-content-light .tour-panel,.demo-shell.demo-content-light .detail-drawer,.demo-shell.demo-content-light .demo-empty-state,.demo-shell.demo-content-light .demo-empty-state-inline{border-color:var(--rf-demo-line);background:var(--rf-demo-panel);color:var(--rf-demo-text)}.demo-shell.demo-content-light .demo-kicker,.demo-shell.demo-content-light .demo-subtle,.demo-shell.demo-content-light .demo-field label,.demo-shell.demo-content-light .demo-kpi-card span,.demo-shell.demo-content-light .demo-kpi-card small,.demo-shell.demo-content-light small{color:var(--rf-demo-muted)}.demo-shell.demo-content-light .demo-button{border-color:var(--rf-demo-line-strong);background:#fff;color:#202a36}.demo-shell.demo-content-light .demo-button .material-icons{color:#647083}.demo-shell.demo-content-light .demo-button-primary{border-color:#667891;background:#52677f;color:#fff}.demo-shell.demo-content-light .demo-button-primary .material-icons{color:#fff}.demo-shell.demo-content-light .demo-button-soft,.demo-shell.demo-content-light .demo-button-ghost{background:#f7f8fa;color:#243041}.demo-shell.demo-content-light .demo-input,.demo-shell.demo-content-light .demo-select,.demo-shell.demo-content-light .demo-textarea{border-color:var(--rf-demo-line-strong);background:#fff;color:var(--rf-demo-text)}.demo-shell.demo-content-light .demo-input::placeholder,.demo-shell.demo-content-light .demo-textarea::placeholder{color:#8a94a1}.demo-shell.demo-content-light .demo-status-pill,.demo-shell.demo-content-light .status-pill,.demo-shell.demo-content-light .showcase-chip{border-color:var(--rf-demo-line-strong);background:#f4f6f8;color:#374151}.demo-shell.demo-content-light .demo-status-pill .material-icons,.demo-shell.demo-content-light .status-pill .material-icons{color:#697586}.demo-shell.demo-content-light .demo-status-pill[data-tone=good]{color:#2d4a36;background:#eef5f0;border-color:#c9d8cf}.demo-shell.demo-content-light .demo-status-pill[data-tone=warning]{color:#60471f;background:#f7f2e8;border-color:#dfd0b5}.demo-shell.demo-content-light .demo-status-pill[data-tone=critical]{color:#653333;background:#f7eeee;border-color:#ddc1c1}.demo-shell.demo-content-light .demo-status-pill[data-tone=info]{color:#34455f;background:#eef2f7;border-color:#cad3df}.demo-shell.demo-content-light .demo-tab{color:#596577}.demo-shell.demo-content-light .demo-tab-active{border-color:var(--rf-demo-line);background:#fff;color:var(--rf-demo-text);box-shadow:inset 0 -2px #52677f}.demo-shell.demo-content-light .data-table thead th{background:#f4f6f8;border-bottom-color:var(--rf-demo-line)}.demo-shell.demo-content-light .data-table tbody td{border-bottom-color:var(--rf-demo-line)}.demo-shell.demo-content-light .data-table tbody tr:hover{background:#f5f7fa}.demo-shell.demo-content-light .data-table-sort{color:#2b3645}.demo-shell.demo-content-light .data-table-arrow .material-icons{color:#7b8593}.demo-shell.demo-content-light [class*=summary-strip] article,.demo-shell.demo-content-light [class*=summary-strip]>div,.demo-shell.demo-content-light [class*=summary-strip]>button,.demo-shell.demo-content-light .metric-card,.demo-shell.demo-content-light .dashboard-kpi-grid>*{border-color:var(--rf-demo-line)!important;background:var(--rf-demo-panel)!important;color:var(--rf-demo-text)!important}.demo-shell.demo-content-light [class*=summary-strip] span,.demo-shell.demo-content-light [class*=summary-strip] small{color:var(--rf-demo-muted)!important}.demo-shell.demo-content-light [class*=summary-strip] strong{color:var(--rf-demo-text)!important}.demo-shell.demo-content-light [class*=filter-panel],.demo-shell.demo-content-light [class*=table-panel],.demo-shell.demo-content-light [class*=list-panel],.demo-shell.demo-content-light [class*=header]:is(.demo-card,.workspace-panel),.demo-shell.demo-content-light .demo-section-header{border-color:var(--rf-demo-line)!important;background:var(--rf-demo-panel)!important}.demo-shell.demo-content-light [class*=mode-strip]{border-color:var(--rf-demo-line)!important;background:#fff!important}.demo-shell.demo-content-light [class*=mode-strip] button{border-color:var(--rf-demo-line)!important;color:#4b5563!important}.demo-shell.demo-content-light [class*=mode-strip] button.active,.demo-shell.demo-content-light [class*=mode-strip] button:hover{background:#f1f4f7!important;color:#151b23!important}.demo-shell.demo-content-light .demo-key-value-list div,.demo-shell.demo-content-light .demo-activity-list article,.demo-shell.demo-content-light .demo-file-list article,.demo-shell.demo-content-light .demo-tree button,.demo-shell.demo-content-light .demo-quick-links a,.demo-shell.demo-content-light .demo-stage-list article,.demo-shell.demo-content-light .fact-list div,.demo-shell.demo-content-light .fact-list a,.demo-shell.demo-content-light .showcase-list-item,.demo-shell.demo-content-light .module-row,.demo-shell.demo-content-light .catalog-row,.demo-shell.demo-content-light .compact-row,.demo-shell.demo-content-light .detail-block,.demo-shell.demo-content-light :is([class*=-card],[class*=-tile],[class*=-block]){border-color:var(--rf-demo-line);background-color:var(--rf-demo-panel)}.demo-shell.demo-content-light :is([class*=-card],[class*=-tile],[class*=-panel],[class*=-block],[class*=-item],[class*=-entry]) .material-icons{color:#687486}.demo-shell .q-btn:is(.bg-primary,.bg-secondary,.bg-positive,.bg-negative,.bg-warning,.bg-info,.text-white){color:#fff!important}.demo-shell .q-btn:is(.bg-primary,.bg-secondary,.bg-positive,.bg-negative,.bg-warning,.bg-info,.text-white) .material-icons,.demo-shell .q-btn:is(.bg-primary,.bg-secondary,.bg-positive,.bg-negative,.bg-warning,.bg-info,.text-white) .q-spinner{color:currentColor!important}.demo-shell.demo-content-light .demo-personal-page .personal-page{background:var(--rf-demo-bg)!important;color:var(--rf-demo-text)!important}.demo-shell.demo-content-light .demo-personal-page :is(.panel,.user-table,.edit-panel){border-color:var(--rf-demo-line)!important;background:#fff!important;color:var(--rf-demo-text)!important}.demo-shell.demo-content-light .demo-personal-page :is(.search-row,input,select){border-color:var(--rf-demo-line-strong)!important;background:#fff!important;color:var(--rf-demo-text)!important}.demo-shell.demo-content-light .demo-personal-page .search-row input{background:transparent!important}.demo-shell.demo-content-light .demo-personal-page .table-head{background:#f7f8fa!important;color:#4b5563!important}.demo-shell.demo-content-light .demo-personal-page .table-row{border-color:#d7dce3!important;color:#172033!important}.demo-shell.demo-content-light .demo-personal-page .user-row:hover,.demo-shell.demo-content-light .demo-personal-page .user-row.selected{background:#eef2f6!important}.demo-shell .demo-personal-page .initials{background:#5f7597!important;color:#fff!important;box-shadow:inset 0 0 0 1px #ffffff14!important}.demo-shell .demo-personal-page .initials.large{background:#6d83a4!important;color:#fff!important}.demo-shell.demo-content-light .demo-personal-page .role-picks button{border:1px solid var(--rf-demo-line)!important;background:#f7f8fa!important;color:#263142!important}.demo-shell.demo-content-light .demo-personal-page .role-picks button.picked{background:#e6ecf4!important;color:#1f2a3d!important;box-shadow:inset 0 0 0 1px #aeb9c8!important}.demo-shell.demo-content-light .demo-personal-page :is(.list-meta strong,.person-cell strong,.balance[data-tone=positive]){color:#172033!important}.demo-shell.demo-content-light .demo-personal-page :is(.list-meta,.person-cell small,.muted-cell,.demo-date){color:#647082!important}.demo-shell.demo-content-light .demo-personal-page .initials{background:#52677f!important;color:#fff!important;box-shadow:inset 0 0 0 1px #ffffff2e!important}.demo-shell.demo-content-light .demo-personal-page .initials.large{background:#44586f!important;color:#fff!important}.demo-shell.demo-content-light .demo-personal-page .notice{border:1px solid #cad4e0!important;background:#eef3f8!important;color:#314256!important}.demo-shell.demo-content-light .demo-personal-page .secondary-action{border:1px solid var(--rf-demo-line)!important;background:#f5f7fa!important;color:#243247!important}.demo-shell.demo-content-light .demo-personal-page .secondary-action .material-icons{color:#5f6d7f!important}.demo-shell .demo-time-entries-page{background:var(--rf-demo-bg)}.demo-shell .demo-time-entries-page :is(.time-tracker-page,.te-dashboard-page,.te-list-page,.te-week-page,.timesheet-list-page,.week-grid-page){background:var(--rf-demo-bg)!important;color:var(--rf-demo-text)!important}.demo-shell .demo-time-entries-page :is(.time-tracker-body,.time-tracker-canvas-wrap,.tracker-panel,.tracker-sidebar,.te-dashboard-body,.te-list-body,.te-week-body,.timesheet-list-body,.week-grid-body,.week-grid-panel,.week-grid-wrap,.table-wrap,.ts-table){background:var(--rf-demo-panel)!important;color:var(--rf-demo-text)!important}.demo-shell .demo-time-entries-page :is(.tracker-nav,.sub-nav,.te-subnav){border-color:var(--rf-demo-line)!important;background:#202326!important;color:#d8dde3!important}.demo-shell .demo-time-entries-page :is(.tracker-nav a,.sub-nav a,.te-subnav a,.tracker-nav button,.sub-nav button,.te-subnav button){min-height:38px!important;border-radius:0!important;color:#d8dde3!important}.demo-shell .demo-time-entries-page :is(.router-link-active,.active,[aria-current=page]){background:#2b2f33!important;color:#fff!important;box-shadow:inset 0 -2px #8ea4c6!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page :is(.kpi-card,.chart-card,.list-card,.recent-card,.card,.stats-panel,.stats-block,.stats-summary,.stats-totals,.attendance-bar,.activity-panel,.tracker-bar,.filter-bar,.list-header,.list-summary,.week-header,.week-grid,.week-grid-wrap,.add-row-bar,.ts-table,.table-wrap,.totals-row){border:1px solid var(--rf-demo-line)!important;background:var(--rf-demo-panel)!important;color:var(--rf-demo-text)!important;box-shadow:none!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page .timeline-canvas{background:#f1f3f6!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page :is(.kpi-label,.card-title,.card-meta,.stats-block-title,.stats-title,.stats-totals-label,.attendance-label,.tracker-status-text,.timeline-zoom-hint){color:var(--rf-demo-muted)!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page :is(.kpi-value,.stats-totals-value,.attendance-value){color:var(--rf-demo-text)!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page .stats-totals{border:0!important;background:transparent!important;box-shadow:none!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page :is(.dash-title,.dash-header){color:var(--rf-demo-text)!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page :is(.dash-subtitle){color:var(--rf-demo-muted)!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page :is(.bar-7d-track){background:#353535!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page :is(.bar-7d-fill,.bar-30d-wrap){background:#8ea4c6!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page .q-field__control{background:var(--rf-demo-panel-soft)!important;color:var(--rf-demo-text)!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page :is(.q-field__native,.q-field__input,.q-field__append,.q-field__marginal){background:transparent!important;color:var(--rf-demo-text)!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page :is(.q-field__label){color:var(--rf-demo-muted)!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page :is(.q-btn--flat:not(.bg-primary):not(.bg-positive):not(.bg-secondary)){color:var(--rf-demo-text)!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page :is(.week-label,.week-total-value,.date-row-heading-project,.date-row-label,.cell-project-name,.cell-grand-total,.cell-day-total,.totals-label,.week-grid thead th,.week-grid tbody td,.week-grid tfoot td,.week-now-btn,.week-view-toggle,.q-toggle__label,.quick-selection-title,.quick-selection-meta,.quick-selection-footer,.quick-selection-actions,.quick-selection-icon,.stats-project-legend-text strong,.stats-project-legend-value,.stats-totals-value){color:var(--rf-demo-text)!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page :is(.week-total-label,.date-row-heading-sub,.cell-customer,.cell-tags-empty,.empty-row,.add-row-label,.week-help,.week-grid thead th,.totals-label,.q-field__label,.q-select__dropdown-icon,.text-null,.quick-selection-subtitle,.quick-selection-meta small,.quick-selection-footer small,.stats-range-date,.stats-project-legend-text small,.stats-totals-label){color:var(--rf-demo-muted)!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page .stats-donut-hole{fill:var(--rf-demo-panel)!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page .quick-selection-card{border-color:#4a5563!important;background:#2f343c!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page .quick-selection-card.is-pinned,.demo-shell:not(.demo-content-light) .demo-time-entries-page .quick-selection-card:hover{border-color:#667387!important;background:#39424d!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page .week-help code{background:#3a3a3a!important;color:var(--rf-demo-text)!important}.demo-shell:not(.demo-content-light) .demo-time-entries-page .week-grid .today{background:#8ea4c61f!important}.demo-shell.demo-content-light .demo-time-entries-page :is(.list-card,.recent-card,.card,.stats-panel,.stats-block,.stats-summary,.stats-totals,.attendance-bar,.tracker-bar,.filter-bar,.list-header,.list-summary,.week-header,.week-grid,.week-grid-wrap,.add-row-bar,.ts-table,.table-wrap,.totals-row){border-color:var(--rf-demo-line)!important;background:#fff!important;color:var(--rf-demo-text)!important}.demo-shell.demo-content-light .demo-time-entries-page :is(.kpi-label,.card-title,.card-meta,.stats-block-title,.stats-title,.stats-totals-label,.attendance-label,.tracker-status-text,.timeline-zoom-hint){color:var(--rf-demo-muted)!important}.demo-shell.demo-content-light .demo-time-entries-page .q-field__control{background:#fff!important;color:var(--rf-demo-text)!important}.demo-shell.demo-content-light .demo-time-entries-page :is(.q-field__native,.q-field__input,.q-field__append,.q-field__marginal){background:transparent!important;color:var(--rf-demo-text)!important}.demo-shell.demo-content-light .demo-time-entries-page :is(.q-field__label){color:var(--rf-demo-muted)!important}.demo-shell.demo-content-light .demo-time-entries-page :is(.time-tracker-page,.te-dashboard-page,.te-list-page,.te-week-page,.timesheet-list-page,.week-grid-page){background:var(--rf-demo-bg)!important;color:var(--rf-demo-text)!important}.demo-shell.demo-content-light .demo-time-entries-page :is(.time-tracker-body,.time-tracker-canvas-wrap,.tracker-panel,.tracker-sidebar,.te-dashboard-body,.te-list-body,.te-week-body,.timesheet-list-body,.week-grid-body,.week-grid-panel,.week-grid-wrap,.table-wrap,.ts-table,.activity-panel,.chart-card,.kpi-card){border-color:var(--rf-demo-line)!important;background:#fff!important;color:var(--rf-demo-text)!important}.demo-shell.demo-content-light .demo-time-entries-page :is(input,select,textarea){border-color:var(--rf-demo-line-strong)!important;background:#fff!important;color:var(--rf-demo-text)!important}.detail-drawer,.tour-panel{border:1px solid var(--rf-demo-line, #3a3a3a)!important;border-radius:3px!important;background:var(--rf-demo-panel, #292929)!important;color:var(--rf-demo-text, #ececec)!important;box-shadow:none!important}.detail-drawer-header,.detail-drawer-body,.tour-actions{color:inherit!important}.detail-drawer :is(input,select,textarea),.tour-panel :is(input,select,textarea){border-color:var(--rf-demo-line-strong, #4a4a4a)!important;background:var(--rf-demo-panel-soft, #303030)!important;color:inherit!important}.files-upload-preview,.files-drawer-grid,.demo-form-actions{border-color:var(--rf-demo-line, #3a3a3a)!important;background:var(--rf-demo-panel-soft, #303030)!important;color:inherit!important}.demo-content-light~.tour-overlay .tour-panel,.demo-content-light .detail-drawer,.demo-content-light .files-upload-preview,.demo-content-light .files-drawer-grid,.demo-content-light .demo-form-actions{border-color:#d7dce3!important;background:#fff!important;color:#18212c!important}body:has(.demo-shell.demo-content-light) :is(.detail-drawer,.tour-panel,.files-upload-preview,.files-drawer-grid,.demo-form-actions){border-color:#d7dce3!important;background:#fff!important;color:#18212c!important}body:has(.demo-shell.demo-content-light) :is(.detail-drawer input,.detail-drawer select,.detail-drawer textarea,.tour-panel input,.tour-panel select,.tour-panel textarea){border-color:#c0c8d2!important;background:#fff!important;color:#18212c!important}.detail-drawer-body{margin-top:16px;display:grid;gap:16px}.tour-anchor-active{outline:3px solid #2563eb;box-shadow:0 0 0 6px #2563eb2e;animation:demo-pulse 1.4s infinite ease-in-out}@keyframes demo-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.drawer-fade-enter-active,.drawer-fade-leave-active{transition:opacity .16s ease}.drawer-fade-enter-from,.drawer-fade-leave-to{opacity:0}@media(max-width:1100px){.demo-grid-4,.demo-metric-grid,.demo-grid-3,.demo-overview-grid,.demo-tab-grid,.demo-layout-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.demo-grid-4,.demo-metric-grid,.demo-grid-3,.demo-overview-grid,.demo-grid-2,.demo-layout-grid,.demo-tab-grid,.demo-filter-bar,.demo-form-grid{grid-template-columns:1fr}.tour-overlay,.drawer-backdrop{padding:12px}.detail-drawer{width:100%!important;height:calc(100vh - 24px)}}.dashboard-intro{color:var(--rf-text-muted);max-width:640px;margin-top:6px}.compact-empty{color:var(--rf-text-muted);font-size:13px;padding:8px;margin:0}.glossary-search{display:inline-flex;align-items:center;gap:6px;background:var(--rf-surface);border:1px solid var(--rf-line);border-radius:var(--rf-radius);padding:6px 10px;min-width:240px}.glossary-search input{border:0;outline:0;background:transparent;flex:1 1 auto;font:inherit;color:inherit}.glossary-search .material-icons{color:var(--rf-text-muted);font-size:18px}.glossary-empty{color:var(--rf-text-muted);padding:8px;margin:0}.glossary-group-desc{color:var(--rf-text-muted);margin:4px 0 0;font-size:13px;max-width:720px}.glossary-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:12px}.glossary-card{display:grid;gap:6px;padding:14px;border-radius:var(--rf-radius);border:1px solid var(--rf-line);background:var(--rf-surface)}.glossary-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.glossary-card code{font-size:12px;color:var(--rf-text-muted);background:var(--rf-surface-strong, rgba(0,0,0,.04));padding:2px 6px;border-radius:4px;width:fit-content}.glossary-card p{margin:0;font-size:13px}.glossary-note{color:var(--rf-text-muted);font-style:italic}.glossary-modules{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.glossary-modules .status-pill{text-decoration:none}.attribute-table-wrapper{overflow-x:auto;margin-top:12px}.attribute-table{width:100%;border-collapse:collapse;font-size:13px}.attribute-table th,.attribute-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rf-line);vertical-align:top}.attribute-table th{background:var(--rf-surface-strong, rgba(0,0,0,.03));font-weight:600;color:var(--rf-text-muted)}.attribute-table code{font-size:12px;background:var(--rf-surface-strong, rgba(0,0,0,.04));padding:1px 5px;border-radius:4px}.module-detail-header h1{display:inline-flex;align-items:center;gap:8px}.module-detail-header h1 .material-icons{font-size:28px}