@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--layout-space: 24px;--bg: #0b1220;--panel: #0f172a;--panel-2: #111c32;--text: #e2e8f0;--muted: #94a3b8;--border: #1f2a44;--shadow: 0 18px 40px rgba(0, 0, 0, .45);--primary: #4f8ef7;--primary-strong: #2f6fe4;--teal: #2dd4bf;--nav: #0f172a;--nav-deep: #0b1220;--dropdown-z: 5000;--font-sans: "Manrope", "Space Grotesk", sans-serif;--font-display: "Space Grotesk", "Manrope", sans-serif}*{box-sizing:border-box}button,input,textarea,select{font-family:inherit}body{margin:0;font-family:var(--font-sans);background:radial-gradient(1200px 600px at -10% -20%,#1b2436,#0b1220 45%,#0b1220);color:var(--text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px 500px at 80% 10%,rgba(79,142,247,.12),transparent 70%),radial-gradient(400px 400px at 10% 90%,rgba(45,212,191,.12),transparent 70%);pointer-events:none;z-index:-1}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--nav),var(--nav-deep));color:#e2e8f0;padding:22px 18px;display:flex;flex-direction:column;gap:20px;border-right:1px solid rgba(255,255,255,.06)}.brand{display:grid;gap:8px;justify-items:start}.brand-logo{width:92px;height:92px;border-radius:14px;object-fit:contain;object-position:center;box-shadow:0 10px 24px #0f172a33}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#22c55e);display:grid;place-items:center;font-weight:700;color:#fff;font-family:var(--font-display);letter-spacing:.02em}.brand-title{font-size:16px;font-weight:600}.nav-section{display:grid;gap:10px}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8}.nav{display:grid;gap:6px}.nav-link{border:none;background:transparent;padding:9px 12px;border-radius:12px;color:#cbd5f5;font-weight:600;text-align:left;cursor:pointer;transition:background .15s ease,transform .15s ease,color .15s ease}.nav-link.active,.nav-link:hover{background:#3b82f62e;color:#fff;transform:translateY(-1px)}.sidebar-footer{margin-top:auto;display:grid;gap:10px}.theme-pill{background:#94a3b833;padding:8px 10px;border-radius:12px;font-size:11px;text-align:center}.main{padding:var(--layout-space) var(--layout-space) 40px;width:100%;min-width:0}.page{display:flex;flex-direction:column;gap:var(--layout-space);position:relative;z-index:1;overflow:visible;width:100%;min-width:0}.users-page{display:grid;gap:24px;width:100%;min-width:0}.empty-state{padding:24px;border-radius:16px;border:1px dashed var(--border);background:var(--panel-2);text-align:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-radius:18px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);overflow:visible;position:sticky;top:var(--layout-space);z-index:1200;margin:0}.topbar-left{display:flex;align-items:center;gap:16px;flex:1}.topbar-project{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel-2);font-family:var(--font-display);font-weight:600;color:var(--text)}.topbar-project-label{white-space:nowrap}.caret{width:14px;height:14px}.topbar-search{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;border:1px solid var(--border);background:#f1f4f9;color:var(--muted)}.topbar-search input{border:none;background:transparent;width:100%;font-family:inherit;color:var(--text);outline:none}.search-icon{display:grid;place-items:center;color:var(--muted)}.search-icon svg{width:18px;height:18px}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-button{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;padding:0}.icon-button svg{width:18px;height:18px}.user-menu{position:relative;z-index:var(--dropdown-z)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:8px;min-width:160px;z-index:var(--dropdown-z)}.testing-control{position:relative;z-index:var(--dropdown-z)}.testing-panel{position:absolute;top:calc(100% + 10px);right:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:12px;min-width:220px;display:grid;gap:10px;z-index:var(--dropdown-z)}.testing-row{display:grid;gap:6px}.testing-row label{font-size:12px;color:var(--muted)}.testing-row select,.testing-row input{padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:#141e2ec7;color:var(--text)}.testing-actions{display:flex;justify-content:space-between;gap:8px}.dropdown-item{width:100%;border:none;background:transparent;color:var(--text);padding:8px 10px;border-radius:10px;text-align:left;cursor:pointer}.topbar-user{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer}.topbar-user .caret{color:currentColor}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#14b8a6);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;font-family:var(--font-display)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow);animation:panel-in .4s ease;width:100%;min-width:0;margin:0}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#4f8ef71f;font-size:12px;font-weight:600;color:var(--text)}.toggle input{accent-color:var(--primary)}.switch-field--pill{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#4f8ef71f;font-size:12px}.panel-header h2{margin:0;font-family:var(--font-display);font-size:18px}.panel-header p{margin:6px 0 0}.muted{color:var(--muted)}.alert{background:#fee2e2;color:#991b1b;padding:10px 12px;border-radius:12px;margin-bottom:12px;border:1px solid #fecaca}.employee-layout{display:grid;grid-template-columns:1fr;gap:18px}.employee-layout .create{grid-column:1 / -1}.pipeline-summary{grid-column:1 / -1;background:linear-gradient(180deg,#fff,#f4f7fb)}.pipeline-meta{display:flex;gap:8px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#3b82f61f;color:#1e3a8a;font-size:12px;font-weight:600}.pipeline-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}.pipeline-step{position:relative;padding:12px 10px;border-radius:14px;background:#eef2f7;text-align:center;font-weight:600;color:var(--muted);border:1px solid var(--border)}.pipeline-step.complete{background:#23b3a72e;color:#0f766e;border-color:#23b3a74d}.pipeline-step.active{background:#3b82f633;color:#1e3a8a;border-color:#3b82f666}.panel-projects{grid-column:1 / -1;display:grid;gap:12px;align-content:start}.pipeline-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pipeline-layout .dashboard-hero,.pipeline-layout .dashboard-intake,.pipeline-layout .panel-projects{grid-column:1 / -1}.pipeline-area-select{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#4c8df62e;border:1px solid var(--border);width:fit-content}.area-dropdown{position:relative;z-index:var(--dropdown-z)}.area-dropdown-trigger{border:none;background:transparent;color:var(--text);font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.area-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:#1b2537;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:grid;gap:4px;z-index:var(--dropdown-z)}.area-option{border:none;background:transparent;color:#e2e8f0;padding:8px 10px;border-radius:8px;text-align:left;cursor:pointer}.area-option:hover,.area-option.active{background:#4c8df633}.project-controls{display:flex;align-items:center;gap:12px}.search-input{flex:1;padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#f1f4f9;font-family:inherit}.stage-tabs{display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto;padding-bottom:2px}.stage-tab{border:1px solid var(--border);background:#f3f6fb;color:var(--muted);border-radius:999px;padding:6px 14px;font-weight:600;cursor:pointer;white-space:nowrap}.stage-tab.active{background:#fff;color:var(--text);border-color:#cbd5f5;box-shadow:0 4px 10px #0f172a14}.table-scroll{max-height:520px;overflow:auto;border:1px solid var(--border);border-radius:12px;background:#f7f9fc;width:100%;min-width:0}.project-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;font-size:13px}.users-table{width:100%;min-width:1100px}.users-table th,.users-table td{white-space:nowrap}.users-table-scroll{max-height:520px;overflow:auto;width:100%;min-width:0}.project-table.is-management{min-width:980px}.project-table thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--border);background:#eef2f7}.project-table tbody tr{height:32px;cursor:pointer;transition:background .15s ease}.project-table tbody tr:hover{background:#3b82f614}.project-table tbody tr.active{background:#3b82f62e}.row-archived{opacity:.55}.row-archived td{color:var(--muted)}.project-table th,.project-table td{padding:8px 12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.dashboard-name-with-notes,.dashboard-area-with-notes{cursor:help}.project-table.is-management th:nth-child(1),.project-table.is-management td:nth-child(1){width:90px}.project-table.is-management th:nth-child(2),.project-table.is-management td:nth-child(2){width:180px}.project-table.is-management th:nth-child(3),.project-table.is-management td:nth-child(3){width:120px}.project-table.is-management th:nth-child(4),.project-table.is-management td:nth-child(4){width:90px}.project-table.is-management th:nth-child(5),.project-table.is-management td:nth-child(5){width:90px}.project-table.is-management th:nth-child(6),.project-table.is-management td:nth-child(6){width:120px}.project-table th:last-child,.project-table td:last-child{border-right:none}.project-table .empty-row td{text-align:center;padding:14px 12px}.stage-matrix-table{min-width:980px}.stage-matrix-table .stage-matrix-label{min-width:140px;width:140px;font-weight:700;white-space:nowrap}.stage-matrix-table .stage-matrix-stage,.stage-matrix-table td{min-width:170px;white-space:nowrap}.stage-matrix-table .stage-matrix-stage.has-notes{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.users-table tbody tr{cursor:pointer}.users-table tbody tr:hover{background:#3b82f614}.countdown-cell{font-weight:600}.detail{background:linear-gradient(180deg,#fff,#f7f9fc)}.panel-detail{grid-column:1 / -1}.detail-grid{display:grid;gap:16px}.detail-card{background:var(--panel-2);border-radius:16px;padding:16px;border:1px solid var(--border);box-shadow:0 10px 24px #0f172a14}.detail-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.detail-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.summary-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.stat-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:12px}.stat-card{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--border);display:grid;gap:4px}.detail-card textarea,.detail-card input,.detail-card select{width:100%;padding:10px 14px;border-radius:14px;border:1px solid var(--border);font-family:inherit;background:#f1f4f9}.detail-card textarea.read-only{background:#f3f6fb;color:var(--muted)}.area-editor{display:grid;gap:6px;margin:12px 0}.area-editor-row{display:flex;align-items:center;gap:10px}.area-editor-hint{margin:2px 0 0}.area-notes-editor{margin-top:14px;display:grid;gap:10px}.area-notes-editor .actions-grid{margin-top:6px}.area-notes-history{margin-top:12px;display:grid;gap:10px}.notes-history-window{width:100%;min-height:240px;border-radius:14px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:12px 14px;line-height:1.45;resize:vertical;white-space:pre-wrap}.note-history-text{white-space:pre-wrap;word-break:break-word}.area-editor select{flex:1;padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#f1f4f9;font-family:inherit}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;display:grid;place-items:center;z-index:6000;padding:20px}.preview-backdrop{background:#0f172a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9000;display:flex;align-items:center;justify-content:center}.modal{width:min(1100px,100%);max-height:90vh;overflow:auto;background:#0f172a;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);padding:18px}.user-edit-card{background:#fff;border-radius:16px;border:1px solid var(--border);padding:16px;display:grid;gap:16px;box-shadow:0 10px 24px #0f172a14}.user-form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.user-form-grid label{display:grid;gap:6px;color:#2b3345;font-weight:600}.user-form-grid input,.user-form-grid select,.user-form-grid textarea{padding:10px 14px;border-radius:14px;border:1px solid #d6e0ec;background:#fff;font-family:inherit}.user-form-grid .span-2{grid-column:span 2}.user-form-grid .checkbox-line{align-self:end;font-weight:600}.user-modal .area-check{background:#f8fafc;border-color:#d6e0ec;color:#1f2937}.user-modal .area-check input{accent-color:var(--primary)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.modal-title{font-family:var(--font-display);font-size:18px;font-weight:600}.file-preview-modal{width:min(1180px,calc(100vw - 80px));max-height:calc(100vh - 80px);display:flex;flex-direction:column}.file-preview-body{display:grid;place-items:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px;min-height:260px;max-height:calc(100vh - 220px);overflow:auto}.file-preview-body img{max-width:100%;max-height:calc(100vh - 240px);object-fit:contain;border-radius:12px}.file-preview-frame{width:100%;height:calc(100vh - 250px);border:none;border-radius:12px;background:#fff}.file-preview-fallback{width:100%;text-align:center;color:var(--muted);padding:18px 14px}.file-preview-loading{display:grid;justify-items:center;gap:12px;color:var(--muted);text-align:center;padding:28px 14px}.file-preview-spinner{width:34px;height:34px;border-radius:999px;border:3px solid rgba(148,163,184,.35);border-top-color:var(--primary);animation:file-preview-spin .8s linear infinite}@keyframes file-preview-spin{to{transform:rotate(360deg)}}.photo-gallery-panel{display:grid;gap:12px}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.photo-card{border:1px solid var(--border);background:var(--panel-2);border-radius:14px;overflow:hidden;display:grid;gap:10px;padding:10px;text-align:left;color:var(--text);cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.photo-card:disabled{cursor:wait;opacity:.75}.photo-card:not(:disabled):hover{border-color:#4f8ef7b3;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a2e}.photo-thumb-wrap{width:100%;aspect-ratio:4 / 3;border-radius:10px;border:1px solid var(--border);background:#0f172a80;overflow:hidden;display:grid;place-items:center}.photo-thumb{width:100%;height:100%;object-fit:cover}.photo-thumb-placeholder{font-size:12px;color:var(--muted)}.photo-meta{display:grid;gap:6px}.photo-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.file-preview-text{width:100%;max-height:70vh;overflow:auto;padding:12px;margin:0;font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:1.5;color:var(--text);background:var(--panel);white-space:pre-wrap;word-break:break-word;border-radius:12px}.actions{display:flex;gap:10px;margin-top:10px}.actions-grid{display:flex;flex-wrap:wrap;gap:12px}.detail-note-actions{margin-top:8px}.expected-cell{display:inline-flex;align-items:center;gap:8px}.tiny-button{padding:4px 8px;border-radius:10px;font-size:11px;line-height:1.2}.actions-card .primary,.actions-card .ghost{min-width:180px}.progress-pill{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 12px;border-radius:999px;border:1px solid rgba(79,142,247,.35);background:#4f8ef73d;color:#dbeafe;font-weight:600;font-size:12px;line-height:1}.customer-progress-panel{display:grid;gap:18px}.customer-progress-body{display:grid;gap:16px}.customer-progress-card{display:grid;gap:14px;padding:20px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,#111c32f2,#0f172ae6);box-shadow:0 18px 30px #04091759}.customer-progress-title{font-size:20px;font-weight:600;font-family:var(--font-display);color:#f8fafc}.customer-progress-sub{font-size:14px;margin:6px 0 0}.progress-track{height:12px;border-radius:999px;background:#94a3b840;border:1px solid rgba(148,163,184,.18);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4f8ef7,#63b3ff);transition:width .3s ease}.progress-meta{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}.primary{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:600;box-shadow:0 10px 18px #3b82f633}.ghost{background:#fff;border:1px solid var(--border);border-radius:10px;padding:6px 12px;cursor:pointer}.stage-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stage-card{display:grid;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#f8fafc}.stage-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.stage-actions{display:flex;gap:8px;flex-wrap:wrap}.status-pill{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.status-pill.complete{background:#dcfce7;color:#166534}.status-pill.progress{background:#dbeafe;color:#1e40af}.status-pill.warning{background:#fef3c7;color:#92400e}.status-pill.green{background:#dcfce7;color:#166534}.status-pill.yellow{background:#fef3c7;color:#92400e}.status-pill.red{background:#fee2e2;color:#991b1b}.status-pill.neutral{background:#e2e8f0;color:#475569}.stage-item{border-left:4px solid rgba(59,130,246,.5)}.stage-meta{display:grid;gap:6px;color:var(--muted)}.file-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.file-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:transform .15s ease}.file-list li:hover{transform:translateY(-1px)}.file-row-actions{display:flex;gap:8px}.file-upload input{display:none}.file-upload-form{display:grid;gap:10px;margin-bottom:12px}.file-upload-row{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:22px 16px;min-height:170px;border-radius:14px;border:2px dashed rgba(79,142,247,.45);background:linear-gradient(180deg,#4f8ef714,#4f8ef708);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.file-upload-row.drag-active{border-color:#4f8ef7f2;background:linear-gradient(180deg,#4f8ef738,#4f8ef71f);box-shadow:0 0 0 2px #4f8ef733 inset;transform:translateY(-1px)}.file-upload-input{display:none}.file-drop-hint{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--muted);font-weight:700;text-align:center}.file-drop-icon{width:54px;height:54px;border-radius:999px;border:2px solid rgba(79,142,247,.7);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:26px;line-height:1;background:#4f8ef73d;color:#dbeafe}.file-upload-button{white-space:nowrap}.file-upload-name{width:100%;min-width:0;max-width:560px;color:var(--muted);font-size:13px;text-align:center;overflow-wrap:anywhere}.file-upload-selected{display:none;width:100%;min-width:0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.file-upload-actions{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}.file-upload-controls{display:inline-flex;align-items:center;gap:10px}body[data-theme=light] .file-upload-row{background:linear-gradient(180deg,#2563eb17,#2563eb08);border-color:#2563eb6b}body[data-theme=light] .file-upload-row.drag-active{border-color:#2563ebe6;background:linear-gradient(180deg,#2563eb2e,#2563eb14);box-shadow:0 0 0 2px #2563eb2e inset}body[data-theme=light] .file-upload-name{color:#475569}body[data-theme=light] .file-drop-icon{border-color:#2563eb80;background:#2563eb33;color:#1e3a8a}body[data-theme=light] .file-upload-selected{color:#475569}body[data-theme=light] .file-upload-button{background:#f1f5f9;border-color:#d6e0ec;color:#1e293b}body[data-theme=light] .file-upload-actions .muted{color:#64748b}@media (max-width: 700px){.file-upload-actions{flex-direction:column;align-items:flex-start}}@media (max-width: 1100px){.file-upload-row{display:none}.file-upload-selected{display:block}}.right-rail{grid-column:2;display:grid;gap:16px;align-content:start}.overview-body{display:grid;gap:16px}.progress-ring{--size: 120px;--thickness: 12px;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(var(--primary) calc(var(--progress) * 1%),#e7edf5 0);display:grid;place-items:center;position:relative;margin:0 auto}.progress-ring:after{content:"";width:calc(var(--size) - (var(--thickness) * 2));height:calc(var(--size) - (var(--thickness) * 2));background:#0f172ae6;border-radius:50%;box-shadow:inset 0 0 0 1px var(--border);position:absolute}.progress-value{position:relative;z-index:1;text-align:center;font-family:var(--font-display);display:grid;gap:4px;color:#f8fafc}.overview-meta{display:grid;gap:10px}.overview-stat{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.overview-stat:last-child{border-bottom:none}.overview-stat strong{color:#f8fafc}.overview-stat .muted{color:#cbd5f5}.timeline{display:grid;gap:16px}.timeline-item{display:grid;grid-template-columns:12px 1fr;gap:12px;position:relative}.timeline-item:before{content:"";position:absolute;left:4px;top:16px;bottom:-16px;width:2px;background:var(--border)}.timeline-item:last-child:before{display:none}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);margin-top:6px}.timeline-title{font-weight:600}.event-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-grid label{display:grid;gap:6px}.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid textarea,.form-grid select{padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#f1f4f9;font-family:inherit}.checkbox-line{display:flex;align-items:center;gap:8px;margin-top:6px}.area-check-section{margin-top:16px;display:grid;gap:10px}.area-check-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.area-check-grid--balanced{grid-template-columns:repeat(4,minmax(160px,1fr))}.area-check{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:#f1f4f9}.form-grid label.area-check{display:flex;align-items:center;gap:8px}.area-check input{accent-color:var(--primary);margin:0;width:auto;flex:0 0 auto}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#f8fafc,#e6edf7 60%,#dde6f2)}.login-card{width:360px;background:#fff;padding:26px;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.login-card h1{margin-top:0;font-family:var(--font-display)}.login-card form{display:grid;gap:10px}.login-card input{padding:8px 10px;border-radius:10px;border:1px solid var(--border)}.placeholder{padding:24px;border-radius:12px;background:var(--panel-2);border:1px dashed var(--border)}.no-sidebar{grid-template-columns:1fr}.viewas{display:flex;align-items:center;gap:8px;background:var(--panel-2);padding:6px 10px;border-radius:999px;border:1px solid var(--border)}.viewas select{border:none;background:transparent;font-weight:600;color:var(--text)}.viewas select:focus{outline:none}.dashboard-list{display:grid;gap:8px;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px;background:#141e2e66}.dashboard-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:4px 0}.dashboard-row-header{font-size:12px;text-transform:lowercase;letter-spacing:.06em;color:#cbd5f5}.dashboard-name{font-weight:600}.dashboard-status{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.24);font-size:12px;text-transform:lowercase}.dashboard-footer{display:flex;justify-content:space-between;gap:18px;margin-top:14px;flex-wrap:wrap}.dashboard-notes{display:grid;gap:6px}.dashboard-legend{display:flex;gap:10px;flex-wrap:wrap}.status-hold-response{background:#2dd4bf40;color:#5eead4}.status-hold-money{background:#ec489940;color:#f472b6}.status-on-schedule,.status-default{background:#94a3b833;color:#e2e8f0}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#3b82f626;color:#1e3a8a;font-weight:600;margin-bottom:10px}.inline-field{display:grid;gap:6px;min-width:220px}.inline-field select{padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#f1f4f9}@media (max-width: 1200px){.employee-layout,.pipeline-layout{grid-template-columns:1fr}}@media (max-width: 1000px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:column;align-items:stretch}.main{padding:var(--layout-space)}.topbar{flex-direction:column;align-items:stretch}.topbar-right{flex-wrap:wrap;justify-content:space-between}}@media (max-width: 900px){.employee-layout{grid-template-columns:1fr}.panel-projects,.panel-detail,.right-rail{grid-column:1 / -1}.topbar-actions{flex-wrap:wrap}}@media (max-width: 700px){.pipeline-steps{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.mockup-root{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:radial-gradient(1200px 600px at 20% -10%,rgba(59,130,246,.18),transparent 60%),radial-gradient(900px 600px at 80% 20%,rgba(242,163,58,.12),transparent 60%),linear-gradient(140deg,#0b1016,#111827 40%,#0f172a);color:#e2e8f0}.mockup-sidebar{background:linear-gradient(180deg,#090c12f2,#0c121ef2);border-right:1px solid rgba(255,255,255,.06);padding:24px 18px;display:flex;flex-direction:column;gap:24px}.mockup-brand{display:flex;gap:12px;align-items:center}.mockup-brand img{width:44px;height:44px;border-radius:14px;background:#0f172a;box-shadow:0 12px 24px #00000059}.brand-title{font-family:var(--font-display);font-size:16px;font-weight:600}.brand-subtitle{font-size:12px;color:#94a3b8}.mockup-nav{display:grid;gap:8px}.mockup-nav-item{background:transparent;border:none;color:#cbd5f5;font-weight:600;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:background .2s ease,transform .2s ease}.mockup-nav-item .nav-icon{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#94a3b81f;color:#e2e8f0}.mockup-nav-item .nav-icon svg{width:16px;height:16px}.mockup-nav-item.active,.mockup-nav-item:hover{background:#ffffff14;transform:translate(2px)}.mockup-nav-item.disabled{opacity:.35;cursor:not-allowed}.mockup-sidebar-footer{margin-top:auto}.support-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;display:grid;gap:6px}.support-card button{background:#ffffff1f;border:none;color:#e2e8f0;padding:8px 10px;border-radius:10px;font-weight:600;cursor:pointer}.support-title{font-weight:600}.support-text{font-size:12px;color:#94a3b8}.mockup-main{padding:24px 28px 32px;display:grid;gap:24px}.mockup-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 18px;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-logo{width:36px;height:36px;border-radius:12px}.topbar-title{font-family:var(--font-display);font-size:16px;font-weight:600}.topbar-sub{font-size:12px;color:#94a3b8}.segmented{display:flex;background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px;gap:4px}.segmented .segment{border:none;background:transparent;color:#94a3b8;font-weight:600;padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .2s ease;font-size:12px}.segmented .segment[data-role=customer]{color:#7fb2ff}.segmented .segment[data-role=contractor]{color:#f6c37a}.segmented .segment[data-role=bison]{color:#6ae6b4}.segmented .segment.active{background:var(--role-accent);color:#0b1220;box-shadow:0 10px 18px #00000059}.topbar-right{display:flex;justify-content:flex-end;align-items:center;gap:14px}.topbar-actions{display:flex;gap:8px}.icon-circle{width:38px;height:38px;border-radius:50%;background:#94a3b81f;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:#e2e8f0}.icon-circle svg{width:18px;height:18px}.user-pill{display:flex;align-items:center;gap:10px;background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 12px 6px 6px}.user-pill .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f2a33a,#4c8df6);display:grid;place-items:center;font-weight:700;color:#0b1220}.user-name{font-weight:600;font-size:13px}.user-role{font-size:11px;color:#94a3b8}.mockup-content{display:grid;gap:18px}.kpi-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.glass-card{background:#111928a6;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;box-shadow:0 18px 30px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.kpi-card{display:grid;gap:8px;border-left:3px solid var(--role-accent)}.kpi-label{font-size:12px;color:#94a3b8}.kpi-value{font-size:22px;font-weight:600}.kpi-delta{font-size:11px;color:#cbd5f5}.mockup-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.pipeline-card{display:grid;gap:14px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-weight:600}.card-sub{font-size:12px;color:#94a3b8}.pill{background:#33c68533;color:#7ee1a0;padding:6px 12px;border-radius:999px;font-size:12px}.stage-chips{display:flex;flex-wrap:wrap;gap:6px}.stage-chip{padding:6px 12px;border-radius:999px;background:#ffffff14;font-size:11px;color:#e2e8f0}.pipeline-visual{display:grid;gap:12px}.pipeline-bars{display:flex;align-items:flex-end;gap:6px;height:60px}.pipeline-bars span{flex:1;border-radius:6px;background:linear-gradient(180deg,var(--role-accent),rgba(255,255,255,.1))}.pipeline-line{height:2px;background:linear-gradient(90deg,transparent,var(--role-accent),transparent)}.invoice-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#ffffff0f;padding:12px;border-radius:12px}.muted-label{font-size:11px;color:#94a3b8}.invoice-value{font-weight:600}.queue-card{display:grid;gap:12px}.queue-list{display:grid;gap:10px}.queue-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.mockup-root .status-pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.status-pending{background:#94a3b833;color:#cbd5f5}.status-awaiting{background:#facc1533;color:#fde68a}.status-inprogress{background:#3b82f640;color:#93c5fd}.status-complete{background:#22c55e40;color:#86efac}.files-strip{display:grid;gap:6px;font-size:12px}.file-chip{background:#ffffff14;padding:6px 10px;border-radius:10px}.approval-strip{display:flex;flex-direction:column;gap:6px;background:#ffffff14;padding:10px;border-radius:12px}.approval-label{font-size:11px;color:#94a3b8}.approval-value{font-weight:600}.activity-card,.activity-list{display:grid;gap:12px}.activity-row{display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:start}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--role-accent);margin-top:5px}.activity-title{font-size:13px;font-weight:600}.activity-meta{font-size:11px;color:#94a3b8}.table-card{grid-column:span 2;display:grid;gap:12px}.table-wrap{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.table-wrap th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;background:#0f172ad9;border-bottom:1px solid rgba(255,255,255,.08)}.table-wrap td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.table-wrap tr:nth-child(2n){background:#ffffff08}.countdown-pill{color:#fecaca;font-weight:600}.notes-card{display:grid;gap:12px}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#cbd5f5;border-radius:999px;padding:6px 12px;font-size:11px;cursor:pointer}.filter-chip.active{background:var(--role-accent-soft);color:#e2e8f0}.notes-list{display:grid;gap:12px;font-size:12px;color:#cbd5f5}.note-title{font-weight:600;margin-bottom:4px}.note-body{color:#94a3b8}.link-button{border:none;background:transparent;color:#93c5fd;font-weight:600;cursor:pointer}.ghost-button{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e2e8f0;padding:6px 12px;border-radius:10px;cursor:pointer;font-size:12px}@media (max-width: 1200px){.mockup-root{grid-template-columns:1fr}.mockup-sidebar{flex-direction:row;align-items:center;justify-content:space-between}.mockup-nav{grid-auto-flow:column;grid-auto-columns:minmax(120px,1fr)}.mockup-main{padding:20px}.mockup-topbar{grid-template-columns:1fr;justify-items:stretch}.topbar-right{justify-content:space-between}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mockup-grid{grid-template-columns:1fr}.table-card{grid-column:span 1}}@media (max-width: 720px){.kpi-grid{grid-template-columns:1fr}.segmented{flex-wrap:wrap}}:root{--bg: #f5f7fb;--panel: rgba(255, 255, 255, .95);--panel-2: rgba(245, 247, 252, .95);--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .12);--shadow: 0 14px 26px rgba(15, 23, 42, .12);--primary: #2563eb;--primary-strong: #1d4ed8;--teal: #14b8a6;--nav: #f8fafc;--nav-deep: #eef2f7}body{background:radial-gradient(1200px 600px at 20% -10%,rgba(37,99,235,.15),transparent 60%),radial-gradient(900px 600px at 80% 10%,rgba(45,212,191,.12),transparent 60%),linear-gradient(140deg,#f5f7fb,#eef2f7,#e9eef6);color:var(--text)}body:before{background:radial-gradient(600px 600px at 80% 10%,rgba(37,99,235,.12),transparent 70%),radial-gradient(500px 500px at 15% 85%,rgba(20,184,166,.12),transparent 70%)}.sidebar{background:linear-gradient(180deg,#f8fafc,#eef2f7)}.nav-link{color:#334155}.topbar{background:#ffffffd9;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:200;overflow:visible}.topbar-project{background:#0f172a0a;border:1px solid var(--border);color:var(--text)}.topbar-search{background:#f1f5f9;border:1px solid var(--border);color:var(--muted)}.topbar-search input{color:var(--text)}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:1}.detail-card{background:var(--panel-2);border:1px solid var(--border)}.table-scroll{background:#fff;border-color:var(--border)}.project-table thead th{background:#f1f5f9;border-color:var(--border);color:#64748b}.project-table td,.project-table th{border-color:var(--border)}.search-input,.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid textarea,.form-grid select,.detail-card textarea,.detail-card input,.detail-card select,.inline-field select,.intake-fields input,.intake-fields textarea,.intake-fields select,.area-editor select,.detail-title-input{background:#141e2ec7;border:1px solid var(--border);color:var(--text)}.search-input::placeholder,.form-grid input::placeholder,.form-grid textarea::placeholder,.detail-card textarea::placeholder,.detail-card input::placeholder,.intake-fields input::placeholder,.intake-fields textarea::placeholder{color:#94a3b8}.stat-card{background:#0f172aa6;border:1px solid var(--border);color:var(--text)}.stat-card strong{color:#f8fafc}.summary-card label,.detail-card label,.detail-card h3{color:#e2e8f0}.detail-title-input{width:100%;padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#f1f4f9;color:var(--text);font-size:18px;font-weight:600;font-family:var(--font-display)}.stage-tab{background:#ffffff14;color:var(--muted);border-color:var(--border)}.stage-tab.active{background:#ffffff2e;color:var(--text);border-color:#ffffff29}.ghost{background:#94a3b833;border:1px solid var(--border);color:var(--text)}.primary{background:var(--primary);color:#fff}.badge{background:#4c8df633;color:#cfe0ff}.status-pill.neutral{background:#94a3b833;color:#cbd5f5}.file-list li,.stage-card{background:#fff;border:1px solid var(--border)}.stage-card.current{border-color:#2563eb59;box-shadow:0 0 0 2px #2563eb24;background:#eef2ff}.project-table td{color:#0f172a}.project-table th{color:#64748b}.countdown-cell{font-weight:600;color:#0f172a}.project-table tbody tr:hover{background:#4c8df624}.project-table tbody tr.active{background:#4c8df63d}.alert{background:#7f1d1d99;border:1px solid rgba(248,113,113,.4);color:#fecaca}.login-card{background:#141e2ed9;border:1px solid var(--border);box-shadow:var(--shadow)}.login-card input{background:#141e2ec7;border:1px solid var(--border);color:var(--text)}.dashboard-layout{display:grid;gap:18px}.dashboard-role-panels{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.role-panel .queue-list{display:grid;gap:10px}.role-panel .queue-row{display:flex;justify-content:space-between;gap:10px}.role-panel .files-strip{display:grid;gap:6px;margin-top:12px}.role-panel .file-chip{background:#ffffff14;padding:6px 10px;border-radius:10px}.invoice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.dashboard-hero{display:grid;gap:14px}.dashboard-kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-card{background:#0f172ab3;border:1px solid var(--border);border-radius:14px;padding:12px 14px;display:grid;gap:6px}.kpi-card strong{font-size:20px;color:#f8fafc}.stage-summary{display:flex;flex-wrap:wrap;gap:10px}.stage-summary-chip{background:#4c8df629;border:1px solid var(--border);color:#dbeafe;padding:6px 12px;border-radius:999px;display:inline-flex;gap:8px;align-items:center;font-size:12px}.dashboard-table .project-main{display:grid;gap:4px}.area-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#111827}.dashboard-intake{display:grid;gap:12px}.intake-form{display:grid;gap:16px}.intake-fields{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.intake-fields label{display:grid;gap:6px;font-weight:600}.intake-fields input,.intake-fields select,.intake-fields textarea{padding:10px 14px;border-radius:14px;border:1px solid var(--border);font-family:inherit}.intake-fields input,.intake-fields select{min-height:44px}.intake-fields .span-2{grid-column:span 2}.intake-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid var(--border)}.intake-actions .primary{min-width:180px}@media (max-width: 900px){.intake-fields{grid-template-columns:1fr}.intake-fields .span-2{grid-column:span 1}.intake-actions{flex-direction:column;align-items:stretch}}.topbar-search,.search-input,.inline-field select,.area-editor select{background:#f1f5f9;border-color:var(--border);color:var(--text)}.panel{background:var(--panel)}.alert{background:#fee2e2;color:#991b1b;border-color:#fecaca}.pipeline-summary{background:linear-gradient(180deg,#fff,#f8fafc)}.tag{background:#2563eb1f;color:#1e3a8a}.pipeline-step{background:#f8fafc;color:var(--muted);border-color:var(--border)}.pipeline-step.complete{background:#dcfce7;color:#166534;border-color:#16653426}.pipeline-step.active{background:#dbeafe;color:#1e3a8a;border-color:#1e3a8a33}.table-scroll{background:#fff}.project-table thead th{background:#f1f5f9}.project-table tbody tr{background:#fff}.project-table tbody tr:nth-child(2n){background:#f8fafc}.project-table tbody tr:hover{background:#2563eb14}.project-table tbody tr.active{background:#2563eb24}.detail{background:linear-gradient(180deg,#fff,#f8fafc)}.stat-card{background:#fff;border-color:var(--border)}.detail-card textarea,.detail-card input,.detail-card select,.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid textarea,.form-grid select,.intake-fields input,.intake-fields textarea,.intake-fields select{background:#f8fafc;border-color:var(--border);color:var(--text)}.detail-card textarea::placeholder,.detail-card input::placeholder,.form-grid input::placeholder,.form-grid textarea::placeholder,.intake-fields input::placeholder,.intake-fields textarea::placeholder{color:#94a3b8cc}.ghost{background:#94a3b833;color:var(--text)}.stage-card{background:#fff}.badge{background:#2563eb29;color:#1e3a8a}.stage-tab{background:#fff;color:var(--muted);border-color:var(--border)}.stage-tab.active{background:#e0e7ff;color:#1e3a8a;border-color:#1e3a8a33}.login{display:grid;place-items:center;padding:48px 24px;min-height:100vh;background:radial-gradient(600px 400px at 20% -10%,rgba(37,99,235,.18),transparent 70%),radial-gradient(700px 500px at 80% 10%,rgba(20,184,166,.16),transparent 65%),radial-gradient(circle at top,#f5f7fb,#eef2f7 60%,#e9eef6);position:relative;overflow:hidden}.login:before{content:"";position:absolute;inset:-40% -20% auto;height:60%;background:radial-gradient(500px 240px at 50% 40%,rgba(255,255,255,.08),transparent 70%);pointer-events:none}.login-card{width:min(460px,100%);padding:32px;border-radius:24px;background:linear-gradient(160deg,#fffffffa,#f5f7fcf2);border:1px solid rgba(15,23,42,.12);box-shadow:0 30px 60px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;overflow:hidden;z-index:1}.login-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(140deg,rgba(37,99,235,.08),transparent 55%);opacity:.6;pointer-events:none}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}.login-brand h2{margin:0 0 4px;font-family:var(--font-display);font-size:22px;letter-spacing:.01em}.login-brand .muted{margin:0;font-size:13px}.login-logo{width:76px;height:76px;object-fit:contain;border-radius:18px;box-shadow:0 16px 30px #00000059}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:6px;font-weight:600;color:var(--text)}.login-form input{border-radius:14px;padding:12px 14px;border:1px solid rgba(15,23,42,.15);background:#fef9c3;color:#0f172a;font-weight:600;box-shadow:inset 0 0 0 1px #0f172a08}.login-form input::placeholder{color:#0f172a99}.login-form input:focus{outline:none;border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb40}.login-button{width:100%;padding:12px 16px;border-radius:14px;font-size:15px;font-weight:700}.user-modal{background:#f8fafc;color:var(--text)}.user-edit-card{background:#fff;border-color:var(--border);box-shadow:var(--shadow)}.user-form-grid label{color:var(--text)}.user-form-grid input,.user-form-grid select,.user-form-grid textarea{background:#f8fafc;border:1px solid var(--border);color:var(--text)}.user-modal .area-check{background:#f8fafc;border-color:var(--border);color:var(--text)}.notify-modal{background:var(--panel);color:var(--text)}.notify-body{display:grid;gap:16px}.notify-fields{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.notify-fields label{display:grid;gap:6px;color:var(--text);font-weight:600}.notify-fields select,.notify-fields textarea{padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#0b1220;color:var(--text)}.notify-fields .span-2{grid-column:span 2}.notify-users{background:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:12px;display:grid;gap:10px}.notify-users-title{font-weight:600}.notify-users-list,.notify-skips-list{display:grid;gap:8px;max-height:220px;overflow:auto}.notify-user{display:flex;align-items:center;gap:8px;font-size:13px}.notify-skips{background:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:12px;display:grid;gap:10px}.form-grid .span-2{grid-column:span 2}.lead-form{margin-top:12px;margin-bottom:16px;padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--panel-2);display:grid;gap:12px}.lead-create-grid{grid-template-columns:repeat(5,minmax(160px,1fr))}.lead-create-grid .lead-notes-field{grid-column:1 / -1}.lead-create-grid .lead-notes-field textarea{min-height:140px}.lead-actions{display:flex;justify-content:flex-end;gap:10px}.lead-table{min-width:900px}.lead-status{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize;background:#4f8ef72e;color:#dbeafe}.lead-status.status-contacted{background:#3b82f62e;color:#bfdbfe}.lead-status.status-qualified{background:#22c55e29;color:#bbf7d0}.lead-status.status-proposal{background:#facc1533;color:#fde68a}.lead-status.status-won{background:#22c55e3d;color:#bbf7d0}.lead-status.status-lost{background:#f8717133;color:#fecaca}.lead-modal{max-width:900px}.lead-edit-card{background:var(--panel-2);border-radius:16px;border:1px solid var(--border);padding:16px;display:grid;gap:16px}.danger{background:#f871712e;color:#fecaca;border:1px solid rgba(248,113,113,.35)}.danger:hover{background:#f8717147}:root{--bg: #0b1220;--panel: #0f172a;--panel-2: #111c32;--text: #e2e8f0;--muted: #94a3b8;--border: #1f2a44;--shadow: 0 18px 40px rgba(0, 0, 0, .45);--primary: #4f8ef7;--primary-strong: #2f6fe4;--teal: #2dd4bf;--nav: #0f172a;--nav-deep: #0b1220}body{background:radial-gradient(1200px 600px at -10% -20%,#1b2436,#0b1220 45%,#0b1220);color:var(--text)}body:before{background:radial-gradient(500px 500px at 80% 10%,rgba(79,142,247,.12),transparent 70%),radial-gradient(400px 400px at 10% 90%,rgba(45,212,191,.12),transparent 70%)}.sidebar{background:linear-gradient(180deg,var(--nav),var(--nav-deep))}.nav-link,.theme-pill{color:#cbd5f5}.topbar{background:var(--panel);border-color:var(--border);box-shadow:var(--shadow)}.topbar-project{background:var(--panel-2);color:var(--text)}.topbar-search,.search-input,.inline-field select,.area-editor select,.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid textarea,.form-grid select,.detail-card textarea,.detail-card input,.detail-card select,.intake-fields input,.intake-fields textarea,.intake-fields select,.notify-fields select,.notify-fields textarea,.user-form-grid input,.user-form-grid select,.user-form-grid textarea{background:#141e2ec7;border-color:var(--border);color:var(--text)}.topbar-search input,.topbar-search input::placeholder,.search-input::placeholder,.form-grid input::placeholder,.form-grid textarea::placeholder,.detail-card input::placeholder,.detail-card textarea::placeholder,.intake-fields input::placeholder,.intake-fields textarea::placeholder{color:#94a3b8}.topbar-user{background:var(--panel-2)}.panel,.detail-card,.stat-card,.modal,.notify-modal,.lead-edit-card,.lead-form,.user-edit-card{background:var(--panel);border-color:var(--border);color:var(--text)}.table-scroll{background:#0b1220;border-color:var(--border)}.project-table thead th{background:#111c32;color:#94a3b8;border-color:var(--border)}.project-table tbody tr{background:#0f172a}.project-table tbody tr:nth-child(2n){background:#111c32}.project-table tbody tr:hover{background:#3b82f629}.project-table tbody tr.active{background:#3b82f638}.project-table th,.project-table td{border-color:var(--border);color:var(--text)}.stage-tab{background:#111c32;color:var(--muted);border-color:var(--border)}.stage-tab.active{background:#3b82f633;color:#dbeafe;border-color:#3b82f673}.stage-card,.file-list li,.user-modal .area-check{background:#111c32;border-color:var(--border);color:var(--text)}.ghost{background:#94a3b833;color:var(--text);border-color:var(--border)}.dropdown-item:hover{background:#ffffff14}.user-dropdown,.testing-panel{background:var(--panel);border-color:var(--border)}.login{background:radial-gradient(circle at top,#121926,#1a2436 60%,#161f30)}.login-card{background:#141e2ee0;border-color:var(--border);box-shadow:var(--shadow)}.login-card:after{background:linear-gradient(140deg,rgba(59,130,246,.12),transparent 55%)}.login-form input{background:#141e2ec7;border-color:var(--border);color:var(--text)}.login-form input::placeholder{color:#94a3b8}.form-grid .span-3{grid-column:1 / -1}.user-create-form{grid-template-columns:repeat(3,minmax(220px,1fr));margin-bottom:14px;align-items:end;gap:14px;padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--panel-2)}.user-create-form--bison{align-items:start}.user-create-form--simple label{align-self:end}.user-create-form .checkbox-line{margin-top:0;min-height:42px}.user-create-form label{font-weight:600}.user-create-note{align-self:end;min-height:44px;display:flex;align-items:center;padding:10px 12px;border-radius:12px;background:#2563eb14;border:1px solid rgba(37,99,235,.24);color:var(--muted);font-size:13px}.user-create-actions{display:flex;justify-content:flex-start;align-items:center;gap:10px;min-height:44px}.user-create-actions--end{justify-content:flex-end}.user-create-actions .primary{min-width:160px}.user-create-form .area-check-section{margin-top:2px}.project-modal{max-width:1200px}.project-detail-grid{display:grid;gap:14px}.project-detail-form{grid-template-columns:repeat(2,minmax(0,1fr))}.project-stage-table{max-height:320px}.project-stage-table+.actions-grid{margin-top:12px}@media (max-width: 1100px){.user-create-form{grid-template-columns:repeat(2,minmax(220px,1fr))}.area-check-grid--balanced{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width: 760px){.user-create-form,.project-detail-form,.area-check-grid--balanced{grid-template-columns:1fr}}.users-page .panel .muted{color:#b8c7df}.users-page .panel-header h2{color:#e7efff}.user-create-form label{color:#dbe7fb;font-weight:600}.user-create-note{align-self:center;min-height:44px;display:flex;align-items:center;padding:10px 12px;border-radius:12px;background:#4c8df629;border:1px solid rgba(76,141,246,.36);color:#dbeafe;font-size:13px}.area-check{background:#101a30;border:1px solid #2a3b5f;color:#dbe7fb}.area-check span{color:inherit}.area-check:hover{border-color:#4f8ef7;background:#132141}.switch-field{display:inline-flex;align-items:center;gap:10px;min-height:42px;position:relative;font-weight:600;color:#dbe7fb}.switch-field input{position:absolute;opacity:0;pointer-events:none}.switch-track{width:42px;height:24px;border-radius:999px;border:1px solid #3a4a6f;background:#15233f;display:inline-flex;align-items:center;padding:2px;transition:background .2s ease,border-color .2s ease}.switch-thumb{width:18px;height:18px;border-radius:50%;background:#c9d4e7;transition:transform .2s ease}.switch-field input:checked+.switch-track{background:#4f8ef77a;border-color:#63b3ffeb}.switch-field input:checked+.switch-track .switch-thumb{transform:translate(18px);background:#fff}.switch-text{color:#dbe7fb}.user-create-form input:-webkit-autofill,.user-form-grid input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px rgba(20,30,46,.95) inset;-webkit-text-fill-color:#e2e8f0;caret-color:#e2e8f0}.theme-toggle-button{width:38px;height:38px;min-width:38px;min-height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center}.theme-toggle-button svg{width:22px;height:22px}body[data-theme=dark]{--bg: #0b1220;--panel: #0f172a;--panel-2: #111c32;--text: #e2e8f0;--muted: #94a3b8;--border: #1f2a44;--shadow: 0 18px 40px rgba(0, 0, 0, .45);--primary: #4f8ef7;--primary-strong: #2f6fe4;--teal: #2dd4bf;--nav: #0f172a;--nav-deep: #0b1220;background:radial-gradient(1200px 600px at -10% -20%,#1b2436,#0b1220 45%,#0b1220);color:var(--text)}body[data-theme=dark]:before{background:radial-gradient(500px 500px at 80% 10%,rgba(79,142,247,.12),transparent 70%),radial-gradient(400px 400px at 10% 90%,rgba(45,212,191,.12),transparent 70%)}body[data-theme=light]{--bg: #f5f7fb;--panel: rgba(255, 255, 255, .95);--panel-2: rgba(245, 247, 252, .95);--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .12);--shadow: 0 14px 26px rgba(15, 23, 42, .12);--primary: #2563eb;--primary-strong: #1d4ed8;--teal: #14b8a6;--nav: #f8fafc;--nav-deep: #eef2f7;background:radial-gradient(1200px 600px at 20% -10%,rgba(37,99,235,.15),transparent 60%),radial-gradient(900px 600px at 80% 10%,rgba(45,212,191,.12),transparent 60%),linear-gradient(140deg,#f5f7fb,#eef2f7,#e9eef6);color:var(--text)}body[data-theme=light]:before{background:radial-gradient(600px 600px at 80% 10%,rgba(37,99,235,.12),transparent 70%),radial-gradient(500px 500px at 15% 85%,rgba(20,184,166,.12),transparent 70%)}body[data-theme=light] .sidebar{background:linear-gradient(180deg,#0f172a,#0b1220);color:#e2e8f0;border-right:1px solid rgba(255,255,255,.06)}body[data-theme=light] .brand-title{color:#e2e8f0}body[data-theme=light] .nav-title{color:#94a3b8}body[data-theme=light] .nav-link,body[data-theme=light] .theme-pill{color:#cbd5f5}body[data-theme=light] .topbar{background:#ffffffe6;border-color:var(--border);box-shadow:var(--shadow)}body[data-theme=light] .topbar-project{background:#0f172a0a;color:var(--text)}body[data-theme=light] .topbar-search,body[data-theme=light] .search-input,body[data-theme=light] .inline-field select,body[data-theme=light] .area-editor select,body[data-theme=light] .form-grid input:not([type=checkbox]):not([type=radio]),body[data-theme=light] .form-grid textarea,body[data-theme=light] .form-grid select,body[data-theme=light] .detail-card textarea,body[data-theme=light] .detail-card input,body[data-theme=light] .detail-card select,body[data-theme=light] .intake-fields input,body[data-theme=light] .intake-fields textarea,body[data-theme=light] .intake-fields select,body[data-theme=light] .notify-fields select,body[data-theme=light] .notify-fields textarea,body[data-theme=light] .user-form-grid input,body[data-theme=light] .user-form-grid select,body[data-theme=light] .user-form-grid textarea{background:#f8fafc;border-color:var(--border);color:var(--text)}body[data-theme=light] .topbar-search input::placeholder,body[data-theme=light] .search-input::placeholder,body[data-theme=light] .form-grid input::placeholder,body[data-theme=light] .form-grid textarea::placeholder,body[data-theme=light] .detail-card input::placeholder,body[data-theme=light] .detail-card textarea::placeholder,body[data-theme=light] .intake-fields input::placeholder,body[data-theme=light] .intake-fields textarea::placeholder{color:#64748b}body[data-theme=light] .topbar-user{background:#f3f6fb}body[data-theme=light] .dropdown-item:hover{background:#2563eb14}body[data-theme=light] .table-scroll{background:#fff;border-color:var(--border)}body[data-theme=light] .project-table thead th{background:#eef2f7;color:#64748b;border-color:var(--border)}body[data-theme=light] .project-table tbody tr{background:#fff}body[data-theme=light] .project-table tbody tr:nth-child(2n){background:#f8fafc}body[data-theme=light] .project-table tbody tr:hover{background:#2563eb14}body[data-theme=light] .project-table tbody tr.active{background:#2563eb26}body[data-theme=light] .project-table th,body[data-theme=light] .project-table td{color:#0f172a;border-color:var(--border)}body[data-theme=light] .stage-tab{background:#f8fafc;color:#64748b;border-color:var(--border)}body[data-theme=light] .stage-tab.active{background:#2563eb29;color:#1e3a8a;border-color:#2563eb59}body[data-theme=light] .panel-header h2,body[data-theme=light] .panel-header h3,body[data-theme=light] .summary-card label,body[data-theme=light] .detail-card label,body[data-theme=light] .detail-card h3,body[data-theme=light] .form-grid label,body[data-theme=light] .intake-fields label,body[data-theme=light] .lead-form label,body[data-theme=light] .notify-fields label{color:#1e293b}body[data-theme=light] .users-page .panel .muted{color:#64748b}body[data-theme=light] .users-page .panel-header h2,body[data-theme=light] .user-create-form label,body[data-theme=light] .switch-field,body[data-theme=light] .switch-text{color:#0f172a}body[data-theme=light] .user-create-note{background:#2563eb14;border:1px solid rgba(37,99,235,.24);color:#1e3a8a}body[data-theme=light] .area-check{background:#f8fafc;border-color:var(--border);color:var(--text)}body[data-theme=light] .area-check:hover{border-color:#3b82f6;background:#eef4ff}body[data-theme=light] .switch-track{border-color:#94a3b8;background:#e2e8f0}body[data-theme=light] .switch-thumb{background:#fff}body[data-theme=light] .user-create-form input:-webkit-autofill,body[data-theme=light] .user-form-grid input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f8fafc inset;-webkit-text-fill-color:#0f172a;caret-color:#0f172a}body[data-theme=light] .customer-progress-card{background:linear-gradient(180deg,#fff,#f8fbff);border-color:#0f172a1f;box-shadow:0 16px 28px #0f172a1f}body[data-theme=light] .customer-progress-title{color:#0f172a}body[data-theme=light] .customer-progress-card .muted,body[data-theme=light] .customer-progress-sub,body[data-theme=light] .progress-meta .muted{color:#475569}body[data-theme=light] .progress-track{background:#e6eef9;border-color:#2563eb26}body[data-theme=light] .progress-fill{background:linear-gradient(90deg,#2563eb,#38bdf8)}body[data-theme=light] .progress-pill{border-color:#2563eb4d;background:#2563eb24;color:#1e3a8a}.table-scroll,.users-table-scroll{max-width:100%;width:100%;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.project-table,.dashboard-table{min-width:max(900px,100%)}.dashboard-table-scroll{max-height:392px}.project-stage-table .project-table{min-width:max(980px,100%)}.lead-table{min-width:max(1000px,100%)}.users-table{min-width:max(1100px,100%)}:root{--layout-space: 16px}.main{padding:var(--layout-space) var(--layout-space) 40px}.page{display:flex;flex-direction:column;gap:16px}.page>*{margin:0}.topbar{position:relative;top:auto;margin:0}.panel{margin:0}.project-detail-grid{width:100%;max-width:1200px;margin-inline:auto}.project-detail-form{width:100%;max-width:980px;margin-inline:auto;grid-template-columns:repeat(2,minmax(240px,1fr))}.panel-detail-view{width:min(100%,760px);margin-inline:auto}.panel-detail-view .project-detail-grid{max-width:720px}.panel-detail-view .project-detail-grid>.detail-card{width:100%;max-width:720px;margin-inline:auto}.panel-detail-view .project-detail-form{max-width:680px;grid-template-columns:1fr!important}.menu-toggle,.sidebar-backdrop{display:none}@media (max-width: 1000px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(82vw,320px);max-width:320px;z-index:2200;overflow-y:auto;transform:translate(-105%);transition:transform .22s ease;box-shadow:0 18px 40px #02061773}.sidebar.open,.app-shell.nav-open .sidebar{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;border:none;background:#02061780;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-backdrop.open,.app-shell.nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}.menu-toggle{display:inline-flex}.main{padding:16px}.page{gap:16px}.topbar{padding:10px 12px;border-radius:14px;gap:10px}.topbar-left{min-width:0;gap:10px}.topbar-project{min-width:0}.topbar-project-label{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-search,.topbar-right{min-width:0}.topbar-actions{width:100%;flex-wrap:wrap;justify-content:flex-end}.testing-panel{max-width:min(92vw,320px)}}@media (max-width: 760px){.main{padding:12px}.page{gap:12px}.topbar{display:grid;grid-template-columns:1fr;align-items:stretch}.topbar-left{display:grid;grid-template-columns:auto 1fr;align-items:center}.topbar-search{grid-column:1 / -1}.topbar-right{width:100%}.topbar-actions{justify-content:space-between}.topbar-user{max-width:100%}.topbar-user>span:not(.avatar){max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{padding:14px;border-radius:14px}}@media (max-width: 1100px){.form-grid,.user-create-form,.project-detail-form,.user-form-grid,.notify-fields,.intake-fields,.lead-form{grid-template-columns:1fr!important;width:100%;min-width:0}.form-grid .span-2,.form-grid .span-3,.user-form-grid .span-2,.notify-fields .span-2,.intake-fields .span-2{grid-column:auto!important}.actions,.actions-grid,.user-create-actions,.intake-actions,.file-upload-actions,.lead-actions{flex-direction:column;align-items:stretch;gap:10px}.actions>*,.actions-grid>*,.user-create-actions>*,.intake-actions>*,.file-upload-actions>*,.lead-actions>*{width:100%;min-width:0!important}}.form-grid,.user-create-form,.project-detail-form,.user-form-grid,.notify-fields,.intake-fields,.lead-form,.file-upload-form{width:100%;min-width:0}.form-grid label,.user-form-grid label,.notify-fields label,.intake-fields label,.lead-form label{min-width:0}.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid textarea,.form-grid select,.user-form-grid input,.user-form-grid select,.user-form-grid textarea,.notify-fields select,.notify-fields textarea,.intake-fields input,.intake-fields textarea,.intake-fields select{width:100%;min-width:0;max-width:100%}.panel-detail-view{width:100%!important;max-width:none!important;min-width:0!important;overflow-x:hidden}.page .panel-detail-view{align-self:stretch}.panel-detail-view .project-detail-grid,.panel-detail-view .detail-card,.panel-detail-view .project-detail-form,.panel-detail-view .project-detail-form>label,.panel-detail-view .project-detail-form>.span-2,.panel-detail-view .project-detail-form>.span-3{width:100%!important;max-width:100%!important;min-width:0!important}.panel-detail-view .project-detail-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.panel-detail-view .form-grid .span-2,.panel-detail-view .form-grid .span-3{grid-column:1 / -1!important}@media (max-width: 1100px){.panel-detail-view .project-detail-form{grid-template-columns:1fr!important}}.status-banner{margin-top:10px;margin-bottom:10px;padding:12px 16px;border-radius:14px;border:1px solid;font-weight:600}.status-banner.success{background:#22c55e29;border-color:#22c55e66;color:#bbf7d0}body[data-theme=light] .status-banner.success{background:#22c55e24;border-color:#22c55e59;color:#166534}