.demo-root{--demo-accent:#0b6b4f;--demo-accent-light:#e1f2ec;--demo-background:#fff;--demo-foreground:#0a0a0a;--demo-muted:#666;--demo-border:#eaeaea;--demo-card-bg:#fff;--demo-sidebar-bg:#fafafa;--demo-sidebar-active:#e8e8e8;--demo-table-header:#fafafa;--demo-success:#10b981;--demo-warning:#f5a623;--demo-error:#e00}.demo-root,.demo-root *{box-sizing:border-box}.demo-root{font-feature-settings:"tnum" 1,"ss01" 1;font-variant-numeric:tabular-nums}.demo-root a{color:inherit}.demo-root button,.demo-root input,.demo-root select,.demo-root textarea{font:inherit}.demo-content-scroll{background-color:var(--demo-background);flex:1;min-height:0;overflow:auto}.demo-content-scroll>*{min-height:100%}.demo-root .demo-page{background:var(--demo-background);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.demo-root .demo-header{border-bottom:1px solid var(--demo-border);background:var(--demo-card-bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 350px 0 20px;display:flex}.demo-root .demo-utility-topbar{border-bottom:0}@media (max-width:1180px){.demo-root .demo-header{padding-right:20px}.demo-root .demo-utility-topbar{display:none!important}}.demo-root .demo-header-title{color:var(--demo-foreground);font-size:15px;font-weight:800}.demo-root .demo-header-subtitle{color:var(--demo-muted);margin-top:2px;font-size:11px}.demo-root .demo-section{border-bottom:1px solid var(--demo-border);background:var(--demo-card-bg);min-width:0}.demo-root .demo-section-header{background:#e9ecef}.demo-root .demo-section-header>div:first-child{color:var(--demo-foreground)}.demo-root .demo-grid{border-bottom:1px solid var(--demo-border);min-width:0;display:grid}.demo-root .demo-grid>*{border-right:1px solid var(--demo-border);min-width:0}.demo-root .demo-grid>:last-child{border-right:0}.demo-root .demo-primary-button,.demo-root .demo-secondary-button{border:1px solid var(--demo-border);cursor:pointer;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.demo-root .demo-primary-button{border-color:var(--demo-accent);background:var(--demo-accent);color:#fff}.demo-root .demo-secondary-button{background:var(--demo-background);color:var(--demo-foreground)}.demo-root .demo-primary-button:disabled,.demo-root .demo-secondary-button:disabled,.demo-root button:disabled{cursor:not-allowed;opacity:.45}.demo-root .demo-action-toast{z-index:80;border:1px solid var(--demo-border);background:var(--demo-card-bg);max-width:min(360px,100vw - 40px);color:var(--demo-foreground);padding:10px 12px;font-size:12px;font-weight:700;line-height:1.4;position:fixed;bottom:20px;right:20px}.demo-root .demo-modal-backdrop{z-index:90;background:#0a0a0a52;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.demo-root .demo-modal{border:1px solid var(--demo-border);background:var(--demo-background);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);color:var(--demo-foreground);box-shadow:none;border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.demo-root .demo-modal-header,.demo-root .demo-modal-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:0 16px;display:flex}.demo-root .demo-modal-header{border-bottom:1px solid var(--demo-border)}.demo-root .demo-modal-footer{border-top:1px solid var(--demo-border);justify-content:flex-end}.demo-root .demo-modal-title{font-size:13px;font-weight:800}.demo-root .demo-modal-subtitle{color:var(--demo-muted);margin-top:2px;font-size:11px}.demo-root .demo-modal-body{padding:16px;overflow:auto}.demo-root .demo-icon-button{border:1px solid var(--demo-border);background:var(--demo-background);width:28px;height:28px;color:var(--demo-muted);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.demo-root .demo-icon-button:hover{color:var(--demo-foreground)}.demo-root .demo-form-grid{border-top:1px solid var(--demo-border);border-left:1px solid var(--demo-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo-root .demo-field{border-right:1px solid var(--demo-border);border-bottom:1px solid var(--demo-border);flex-direction:column;gap:5px;min-height:60px;padding:9px 12px;transition:background-color .12s;display:flex}.demo-root .demo-field:focus-within{background:var(--demo-accent-light)}.demo-root .demo-field>span,.demo-root .demo-check-list span{color:var(--demo-muted);font-size:10px;font-weight:800}.demo-root .demo-field-wide{border:1px solid var(--demo-border);border-top:0;margin-top:0}.demo-root .demo-form-grid>.demo-field-wide{border-left:0;grid-column:1/-1}.demo-root .demo-field .demo-input,.demo-root .demo-field .demo-select,.demo-root .demo-field .demo-textarea{width:100%;height:24px;color:var(--demo-foreground);background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:12px}.demo-root .demo-field .demo-select{padding-right:16px}.demo-root .demo-field .demo-textarea{resize:vertical;height:auto;min-height:52px;line-height:1.45}.demo-root .demo-textarea{resize:vertical;border:1px solid var(--demo-border);background:var(--demo-background);min-height:70px;color:var(--demo-foreground);border-radius:4px;outline:none;padding:8px 10px;font-size:12px;line-height:1.45}.demo-root .demo-check-list{border:1px solid var(--demo-border);margin-top:12px}.demo-root .demo-check-list label{border-bottom:1px solid var(--demo-border);align-items:center;gap:8px;min-height:34px;padding:0 10px;font-size:12px;display:flex}.demo-root .demo-check-list label:last-child{border-bottom:0}.demo-root .demo-check-list-inline{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.demo-root .demo-check-list-inline label{border-bottom:0;border-right:1px solid var(--demo-border)}.demo-root .demo-check-list-inline label:last-child{border-right:0}.demo-root .demo-preview-sheet{border:1px solid var(--demo-border);background:linear-gradient(var(--demo-table-header),var(--demo-table-header))top/100% 34px no-repeat,var(--demo-background);min-height:240px;padding:54px 18px 18px}.demo-root .demo-preview-line{background:var(--demo-border);height:10px;margin-bottom:12px}.demo-root .demo-preview-line-strong{background:var(--demo-accent);width:48%}.demo-root .demo-preview-grid{border-top:1px solid var(--demo-border);border-left:1px solid var(--demo-border);grid-template-columns:repeat(4,1fr);margin:16px 0;display:grid}.demo-root .demo-preview-grid span{border-right:1px solid var(--demo-border);border-bottom:1px solid var(--demo-border);background:var(--demo-table-header);height:58px}.demo-root .demo-input,.demo-root .demo-select{border:1px solid var(--demo-border);background:var(--demo-background);height:30px;color:var(--demo-foreground);border-radius:4px;outline:none;font-size:12px}.demo-root .demo-input{padding:0 10px}.demo-root .demo-select{padding:0 28px 0 10px}.demo-root .demo-meter{background:var(--demo-accent-light);border-radius:2px;height:6px;overflow:hidden}.demo-root .demo-meter>span{background:var(--demo-accent);border-radius:2px;height:100%;display:block}.demo-root [class*=shadow]{box-shadow:none!important}.demo-root .rounded,.demo-root .rounded-md,.demo-root .rounded-lg,.demo-root .rounded-xl,.demo-root .rounded-2xl,.demo-root .rounded-full{border-radius:4px!important}.demo-root [class*=space-y-]>:not([hidden])~:not([hidden]){margin-top:0!important}.demo-root .demo-content-scroll>div[class*=space-y-]{flex-direction:column;min-height:100%;display:flex;overflow:visible}.demo-root .demo-content-scroll>div[class*=space-y-]>*{border-bottom:1px solid var(--demo-border);border-radius:0!important;margin-top:0!important}.demo-root .demo-content-scroll>div[class*=space-y-]>:first-child{min-height:56px;padding:12px 20px}.demo-root .demo-content-scroll>div[class*=space-y-]>.grid{gap:0!important}.demo-root .demo-content-scroll>div[class*=space-y-]>.grid>*{border-right:1px solid var(--demo-border);border-radius:0!important}.demo-root .demo-content-scroll>div[class*=space-y-]>.grid>:last-child{border-right:0}.demo-root table{border-collapse:collapse}.demo-root th{background:var(--demo-table-header)!important;border-bottom:1px solid var(--demo-border)!important;color:var(--demo-muted)!important;letter-spacing:0!important;font-size:10px!important;font-weight:700!important}.demo-root td{border-bottom:1px solid var(--demo-border)!important}.demo-root .demo-project-detail .demo-content-scroll>div{flex-direction:column;min-height:100%;display:flex;overflow:visible}.demo-root .demo-project-detail div[class*=border-slate],.demo-root .demo-project-detail div[class*=border-amber],.demo-root .demo-project-detail div[class*=border-blue],.demo-root .demo-project-detail div[class*=border-red],.demo-root .demo-project-detail div[class*=border-green],.demo-root .demo-project-detail div[class*=border-yellow],.demo-root .demo-project-detail div.border,.demo-root .demo-project-detail div.border-2{border-color:var(--demo-border)!important;border-width:0 0 1px!important;border-bottom-style:solid!important;border-radius:0!important}.demo-root .demo-project-detail .demo-content-scroll>div>:not([class*=border]){border-bottom:1px solid var(--demo-border)!important}:is(.demo-root .demo-project-detail .grid:has(>div[class*=border-slate]),.demo-root .demo-project-detail .grid:has(>div[class*=border-amber]),.demo-root .demo-project-detail .grid:has(>div[class*=border-blue]),.demo-root .demo-project-detail .grid:has(>div.border),.demo-root .demo-project-detail .grid:has(>div.border-2)){gap:0!important}:is(.demo-root .demo-project-detail .grid:has(>div[class*=border-slate])>div,.demo-root .demo-project-detail .grid:has(>div[class*=border-amber])>div,.demo-root .demo-project-detail .grid:has(>div[class*=border-blue])>div,.demo-root .demo-project-detail .grid:has(>div.border)>div,.demo-root .demo-project-detail .grid:has(>div.border-2)>div){border-right:1px solid var(--demo-border)!important;border-bottom-width:0!important}:is(.demo-root .demo-project-detail .grid:has(>div[class*=border-slate])>div:last-child,.demo-root .demo-project-detail .grid:has(>div[class*=border-amber])>div:last-child,.demo-root .demo-project-detail .grid:has(>div[class*=border-blue])>div:last-child,.demo-root .demo-project-detail .grid:has(>div.border)>div:last-child,.demo-root .demo-project-detail .grid:has(>div.border-2)>div:last-child){border-right:0!important}.demo-root .text-xs{font-size:11px!important;line-height:1.45!important}.demo-root .text-sm{font-size:12px!important;line-height:1.5!important}.demo-root .text-base{font-size:13px!important;line-height:1.5!important}.demo-root .text-lg{font-size:15px!important;line-height:1.4!important}.demo-root .text-xl,.demo-root .text-2xl,.demo-root .text-3xl,.demo-root .text-4xl{font-size:20px!important;line-height:1.3!important}.demo-root h1:not([class*=text-]){font-size:15px;font-weight:800;line-height:1.4}.demo-root h2:not([class*=text-]),.demo-root h3:not([class*=text-]){font-size:13px;font-weight:700;line-height:1.4}@keyframes dotPulse{0%,80%,to{opacity:.3}40%{opacity:1}}.demo-root .cost-edit-cell{cursor:text;transition:background-color .1s}.demo-root .cost-edit-cell:hover{background:var(--demo-table-header)}