.demo-site{--demo-bg:#f2f0e9;--demo-panel:#fafbf7;--demo-soft:#e9ede3;--demo-ink:#17251f;--demo-muted:#5e6a60;--demo-line:#d1d8cb;--demo-accent:#284b38;--demo-accent-soft:#e2edd6;background:var(--demo-bg);color:var(--demo-ink);min-height:100vh}html[data-theme=dark] .demo-site{--demo-bg:#171d18;--demo-panel:#222a23;--demo-soft:#2b362b;--demo-ink:#f2f0e9;--demo-muted:#bac7b7;--demo-line:#495846;--demo-accent:#c5dcaf;--demo-accent-soft:#35482f}.demo-header-shell .nav-actions{margin-left:auto}.demo-back-link{font:400 14px/1.6 var(--sans);color:#f2f0e9;padding:10px 4px}.demo-site :is(button,input,textarea,select){font-family:var(--sans)}.demo-main{max-width:1800px;margin:auto;padding:36px 4.5vw 64px}.demo-intro{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.demo-intro h1{font-family:var(--serif);margin:8px 0 12px;font-size:clamp(30px,3.5vw,46px);line-height:1.25}.demo-intro-title>p{max-width:800px;color:var(--demo-muted);font-size:16px;line-height:1.8}.demo-data-note{font:400 14px/1.6 var(--sans);color:var(--demo-muted);white-space:nowrap}.has-application .demo-main{padding-top:14px}.demo-picker{font:400 14px/1.5 var(--sans);color:var(--demo-muted);align-items:center;gap:8px;display:flex}.demo-picker>span{white-space:nowrap;flex:none}.demo-picker select{border:1px solid var(--demo-line);background:var(--demo-panel);width:auto;max-width:100%;min-height:44px;color:var(--demo-ink);font:400 14px/1.5 var(--sans);border-radius:6px;padding:8px 12px}.demo-app{font:400 15px/1.65 var(--sans);min-width:0}.demo-app :is(h2,h3,h4){font-family:var(--sans);letter-spacing:-.025em;font-weight:600}.demo-app h2{font-size:26px;line-height:1.35}.demo-app h3{font-size:19px;line-height:1.45}.demo-panel{background:var(--demo-panel);border:1px solid var(--demo-line);border-radius:12px;min-width:0;padding:24px}.demo-button{min-height:44px;font:600 14px/1.5 var(--sans);cursor:pointer;text-align:center;background:#13221d;border:1px solid #13221d;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;color:#f2f0e9!important}.demo-button:hover{background:#284b38}.demo-button.secondary{background:var(--demo-panel);border-color:var(--demo-line);color:var(--demo-ink)!important}.demo-button.secondary:hover{background:var(--demo-soft)}.demo-button:disabled{opacity:.5;cursor:default}.demo-field{border:1px solid var(--demo-line);background:var(--demo-panel);width:100%;min-height:44px;color:var(--demo-ink);font:400 16px/1.5 var(--sans);border-radius:6px;padding:10px 12px;display:block}.demo-field:focus{outline:2px solid var(--demo-accent);outline-offset:2px}.demo-field::placeholder{color:var(--demo-muted)}.demo-table-wrap{width:100%;overflow-x:auto}.demo-table{border-collapse:collapse;text-align:left;width:100%;font:400 14px/1.65 var(--sans)}.demo-table th{color:var(--demo-muted);background:var(--demo-soft);font-size:13px;font-weight:600}.demo-table :is(th,td){border-bottom:1px solid var(--demo-line);vertical-align:middle;padding:13px 14px}.demo-table tr:last-child td{border-bottom:0}.demo-tabs{flex-wrap:wrap;gap:6px;display:flex}.demo-tabs button{min-height:44px;color:var(--demo-muted);font:400 14px/1.5 var(--sans);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:10px 15px;display:inline-flex}.demo-tabs :is(button[aria-selected=true],button[aria-pressed=true],button.active){background:var(--demo-accent-soft);color:var(--demo-ink);border-color:var(--demo-line);font-weight:600}.demo-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.demo-stat{background:var(--demo-panel);border:1px solid var(--demo-line);border-radius:10px;padding:20px}.demo-stat>span{color:var(--demo-muted);font-size:13px;display:block}.demo-stat>strong{font:600 clamp(24px, 2.4vw, 34px) / 1.3 var(--sans);letter-spacing:-.035em;margin-top:10px;display:block}.demo-stat>small{color:var(--demo-muted);margin-top:6px;font-size:13px;display:block}.demo-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.demo-badge{background:var(--demo-accent-soft);color:var(--demo-ink);white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:4px 9px;font-size:13px;line-height:1.5;display:inline-flex}.demo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.demo-form{gap:16px;display:grid}.demo-form label{gap:7px;font-size:14px;display:grid}.demo-notice{border:1px solid var(--demo-line);background:var(--demo-accent-soft);color:var(--demo-ink);border-radius:6px;padding:12px 16px;font-size:14px;line-height:1.7}:is(.demo-site a:focus-visible,.demo-site button:focus-visible){outline:2px solid var(--demo-accent);outline-offset:4px}.demo-site .masthead :is(a,button):focus-visible{outline-color:#f2f0e9}.demo-site .theme-popover button:focus-visible{outline-color:var(--demo-accent)}.demo-site-footer{color:#f2f0e9;background:#13221d;flex-wrap:wrap;align-items:center;gap:24px;padding:30px 4.5vw;display:flex}.demo-site-footer>nav{gap:24px;margin-left:auto;font-size:13px;display:flex}.demo-site-footer>span{font-size:13px}.demo-site-footer a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:1000px){.demo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.demo-intro{flex-direction:column;align-items:stretch;gap:14px}.demo-intro-title>p{font-size:15px;line-height:1.7}.demo-grid-2{grid-template-columns:1fr}}@media (max-width:600px){.demo-main{padding:24px 6vw 40px}.demo-back-link{display:none}.demo-panel{border-radius:8px;padding:18px}.demo-kpis{gap:10px}.demo-stat{padding:15px}.demo-site-footer{gap:12px;padding-inline:6vw}.demo-site-footer>.brand{width:100%}.demo-site-footer>nav{margin-left:0}.demo-site-footer>span{width:100%}}@media (prefers-reduced-motion:reduce){.demo-site *,.demo-site :before,.demo-site :after{scroll-behavior:auto!important}}.has-application{--console-bar-height:54px}.has-application .demo-header-shell{height:var(--console-bar-height);gap:22px;max-width:none;padding-inline:20px}.has-application .wordmark{font-size:24px}.has-application .demo-back-link{white-space:nowrap;align-items:center;gap:6px;min-height:36px;display:inline-flex}.demo-console .demo-main{max-width:none;padding:0}.demo-app-title{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.demo-app-route{align-items:center;gap:16px;min-width:0;display:flex}.demo-app-route :is(.demo-picker,.demo-data-note,select){color:var(--ivory)}.demo-app-route .demo-picker{gap:8px;width:auto;min-width:0;display:flex}.demo-app-route select{background:#26382e;border-color:#708078;min-height:36px;padding:5px 10px}.demo-app-route select:focus-visible{outline-color:var(--ivory)}.demo-console .demo-app>:is(.crm-demo,.accounting-demo,.automation-demo){min-height:calc(100dvh - var(--console-bar-height));border:0;border-radius:0}@media (max-width:850px){.has-application{--console-bar-height:106px}.has-application .demo-header-shell{grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;height:auto;padding:7px 14px 10px;display:grid}.has-application .nav-actions{grid-area:1/2}.demo-app-route{grid-column:1/-1;gap:12px}.demo-app-route .demo-picker{flex:1}.demo-app-route select{width:100%;min-height:40px}}@media (max-width:600px){.has-application .nav-actions{gap:8px}.has-application .demo-back-link{justify-content:center;min-width:32px}.has-application .demo-back-link span{display:none}}@media (max-width:500px){.has-application{--console-bar-height:131px}.demo-app-route{position:relative}.demo-app-route .demo-picker{gap:4px;display:grid}.demo-app-route .demo-data-note{position:absolute;top:0;right:0}}