:root{--primary: #6B1D5E;--primary-light: #9B4A8A;--primary-dark: #2D1040;--green: #16a34a;--green-light: #dcfce7;--red: #dc2626;--red-light: #fef2f2;--yellow: #f59e0b;--yellow-light: #fef9c3;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--radius: 10px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--gray-50);color:var(--gray-800);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100dvh}.app-layout{display:flex;flex-direction:column;min-height:100dvh}.app-layout-body{display:flex;flex:1}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:var(--primary-dark);color:#fff;box-shadow:var(--shadow-md)}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;align-items:center;gap:8px}.header-logo{height:30px;width:auto;object-fit:contain}.app-title{font-size:18px;font-weight:700;letter-spacing:-.3px}.menu-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center}.menu-btn:hover{background:#ffffff26}.settings-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center}.settings-btn:hover{background:#ffffff26}.online-badge{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:20px;background:#ffffff26}.online-badge.offline{background:#dc26264d}.app-nav{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#fff;z-index:90;box-shadow:var(--shadow-md);transform:translate(-100%);transition:transform .25s ease;padding:8px 0}.app-nav.open{transform:translate(0)}.nav-overlay{position:fixed;right:0;bottom:0;left:0;top:56px;z-index:80;background:#0000004d}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;color:var(--gray-600);font-size:15px;font-weight:500;border-left:3px solid transparent;transition:all .15s ease}.nav-link:hover{background:var(--gray-50);color:var(--gray-800)}.nav-link.active{color:var(--primary);background:#7b2d6e0d;border-left-color:var(--primary)}.app-main{flex:1;padding:16px;max-width:960px;width:100%;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.page-header h2{font-size:22px;font-weight:700;color:var(--gray-900)}.subtitle{color:var(--gray-500);font-size:14px;margin-top:2px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .15s ease}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:#7b2d6e1a;color:var(--primary)}.stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.stat-icon.green{background:var(--green-light);color:var(--green)}.stat-icon.red{background:var(--red-light);color:var(--red)}.stat-value{font-size:24px;font-weight:700;color:var(--gray-900);display:block}.stat-label{font-size:13px;color:var(--gray-500)}.quick-actions{margin-bottom:24px}.quick-actions h3,.section h3{font-size:16px;font-weight:600;margin-bottom:12px}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.card-list{display:flex;flex-direction:column;gap:10px}.card{background:#fff;border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .15s ease;border:1px solid var(--gray-100)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.card-header strong{font-size:15px;color:var(--gray-900)}.card-title-row{display:flex;align-items:center;gap:8px}.card-actions{display:flex;align-items:center;gap:6px}.card-body{display:flex;flex-direction:column;gap:6px}.card-date,.card-meta{font-size:13px;color:var(--gray-500);display:flex;align-items:center;gap:4px}.card-stats{display:flex;justify-content:space-between;font-size:13px}.badge{display:inline-flex;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-600)}.badge-yellow{background:var(--yellow-light);color:#92400e}.badge-red{background:var(--red-light);color:var(--red)}.progress-bar{height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}.progress-bar.large{height:10px;border-radius:5px}.progress-fill{height:100%;background:var(--primary-light);border-radius:3px;transition:width .3s ease}.progress-label{font-size:12px;color:var(--gray-500)}.progress-stats{display:flex;justify-content:space-between;font-size:13px;margin-top:4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:var(--font);white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-ghost{background:none;color:var(--gray-600);padding:8px 12px}.btn-ghost:hover{background:var(--gray-100)}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:none;cursor:pointer;color:var(--gray-400)}.btn-icon:hover{background:var(--gray-100);color:var(--gray-600)}.btn-icon.btn-danger:hover{background:var(--red-light);color:var(--red)}.btn-capture{border-radius:50%;width:60px;height:60px;padding:0;justify-content:center}.form-card{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border:1px solid var(--gray-100)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.form-input{width:100%;padding:10px 12px;border:1px solid var(--gray-300);border-radius:8px;font-size:15px;font-family:var(--font);color:var(--gray-800);background:#fff;transition:border-color .15s ease}.form-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #9b4a8a33}textarea.form-input{resize:vertical}select.form-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--gray-200)}.form-fieldset{border:1px solid var(--gray-200);border-radius:8px;padding:16px;margin-bottom:16px}.form-fieldset legend{font-size:14px;font-weight:600;color:var(--gray-700);padding:0 8px}.form-info{background:var(--gray-50);border-radius:8px;padding:12px 16px;font-size:14px;color:var(--gray-600);margin-bottom:12px;border:1px solid var(--gray-200)}.search-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-radius:8px;border:1px solid var(--gray-200);margin-bottom:16px;color:var(--gray-400)}.search-bar .form-input{border:none;padding:0}.search-bar .form-input:focus{box-shadow:none}.filter-tabs{display:flex;gap:6px;margin-bottom:16px}.tab{padding:6px 16px;border-radius:20px;border:none;font-size:13px;font-weight:500;cursor:pointer;background:var(--gray-100);color:var(--gray-600);font-family:var(--font)}.tab.active{background:var(--primary);color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;text-align:center;color:var(--gray-400)}.empty-state p{font-size:15px;color:var(--gray-500)}.loading{display:flex;align-items:center;justify-content:center;padding:48px;font-size:16px;color:var(--gray-400)}.save-indicator{font-size:12px;color:var(--gray-400);padding:6px 10px;background:var(--gray-100);border-radius:6px}.inspection-info{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:20px;border:1px solid var(--gray-100)}.inspection-info h2{font-size:20px;margin-bottom:8px}.info-row{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--gray-500);margin-bottom:12px;align-items:center}.inspection-stats-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.stat-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500;background:var(--gray-100);color:var(--gray-600)}.stat-pill-red{background:var(--red-light);color:var(--red)}.section-count{font-size:12px;color:var(--gray-400)}.condition-buttons{display:flex;gap:6px;flex-wrap:wrap}.condition-btn{padding:6px 14px;border-radius:6px;border:1px solid var(--gray-300);font-size:13px;font-weight:500;cursor:pointer;background:#fff;color:var(--gray-600);font-family:var(--font);transition:all .15s ease}.condition-btn:hover{border-color:var(--gray-400)}.condition-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.photo-capture{margin-top:4px}.photo-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.caption-input{flex:1;min-width:120px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:10px}.photo-thumb{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:var(--gray-200)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;font-size:10px;color:#fff;background:#0009}.photo-delete{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#00000080;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.camera-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;display:flex;flex-direction:column}.camera-container{flex:1;display:flex;flex-direction:column}.camera-preview{flex:1;object-fit:cover}.camera-controls{display:flex;justify-content:center;gap:20px;padding:20px;background:#000c}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}.app-main{padding:24px}.page-header h2{font-size:26px}.form-card{padding:28px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(min-width:1024px){.app-nav{position:sticky;top:56px;align-self:flex-start;transform:none;box-shadow:none;border-right:1px solid var(--gray-200);width:220px;min-height:calc(100dvh - 56px);flex-shrink:0}.nav-overlay,.menu-btn{display:none}.app-main{flex:1;max-width:800px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#0006;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;width:100%;max-width:600px;max-height:85dvh;display:flex;flex-direction:column;overflow:hidden}.modal-header h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin:0}.modal-body{padding:20px;overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-200)}.modal-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;width:100%;max-width:440px;padding:24px}.modal-card h3{margin:0 0 12px;font-size:18px;font-weight:600}.modal-card p{margin:0 0 20px;color:var(--gray-500);font-size:14px;line-height:1.5}.btn-danger{background:var(--red, #e53e3e);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-danger:hover{background:#c53030}.user-actions-row{display:flex;align-items:center;gap:4px}.org-list{display:flex;flex-direction:column;gap:12px}.org-card{background:#fff;border-radius:12px;border:1px solid var(--gray-200);padding:20px;transition:box-shadow .15s}.org-card:hover{box-shadow:0 2px 8px #0000000f}.org-card.org-inactive{opacity:.6}.org-card-header{display:flex;justify-content:space-between;align-items:flex-start}.org-card-info{display:flex;align-items:center;gap:14px}.org-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-dark, #4a1d6a));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.org-name{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.org-slug{margin:2px 0 0;font-size:13px;color:var(--gray-400)}.org-detail{margin:2px 0 0;font-size:13px;color:var(--gray-500)}.badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.badge-you{background:var(--primary);color:#fff}.badge-inactive{background:var(--gray-200);color:var(--gray-500)}.plan-badge{font-size:12px;font-weight:500;padding:4px 12px;border-radius:20px;text-transform:capitalize}.plan-starter{background:#e8f5e9;color:#2e7d32}.plan-professional{background:#e3f2fd;color:#1565c0}.plan-enterprise{background:#f3e5f5;color:#7b1fa2}.org-card-actions{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-100)}.btn-sm{font-size:13px;padding:6px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:none;background:var(--gray-100);color:var(--gray-600)}.btn-sm:hover{background:var(--gray-200)}.btn-outline{background:transparent;border:1px solid var(--gray-200);color:var(--gray-600)}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-300)}.org-users-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-100)}.user-table-mini{width:100%;font-size:13px;border-collapse:collapse}.user-table-mini th{text-align:left;padding:6px 12px;font-weight:600;color:var(--gray-400);text-transform:uppercase;font-size:11px;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}.user-table-mini td{padding:8px 12px;border-bottom:1px solid var(--gray-100)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.form-grid-2{grid-template-columns:1fr}}.search-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:8px}.search-bar input{border:none;outline:none;flex:1;font-size:14px;background:transparent}.org-override-banner{background:#fff3cd;color:#856404;padding:10px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:14px;font-weight:500}.import-dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;border:2px dashed var(--gray-300);border-radius:10px;cursor:pointer;text-align:center;color:var(--gray-500);transition:all .15s ease}.import-dropzone:hover{border-color:var(--primary-light);background:#9b4a8a0a;color:var(--primary)}.import-hint{color:var(--gray-400);margin-top:12px}.text-sm{font-size:13px}.text-green{color:var(--green)}.import-errors{margin-top:12px}.error-msg{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--red);padding:6px 0}.import-summary{font-size:14px;margin-bottom:12px}.import-preview-table{overflow-x:auto;border:1px solid var(--gray-200);border-radius:8px;margin-top:8px}.import-preview-table table{width:100%;border-collapse:collapse;font-size:13px}.import-preview-table th{background:var(--gray-50);font-weight:600;color:var(--gray-600);padding:8px 12px;text-align:left;border-bottom:1px solid var(--gray-200)}.import-preview-table td{padding:8px 12px;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.import-preview-table tr:last-child td{border-bottom:none}.import-loading,.import-done{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;text-align:center}.settings-hint{font-size:13px;color:var(--gray-500);margin-bottom:8px}.settings-hint a{color:var(--primary-light)}.api-key-input-row{display:flex;gap:8px;align-items:center}.api-key-input-row .form-input{flex:1;font-family:monospace;font-size:13px}.settings-masked{font-size:12px;color:var(--gray-400);font-family:monospace;margin-top:4px}.settings-info{background:var(--gray-50);border-radius:8px;padding:14px;font-size:13px;color:var(--gray-600);margin:16px 0;border:1px solid var(--gray-200)}.settings-info strong{display:block;margin-bottom:6px;color:var(--gray-800)}.settings-info p{margin-bottom:6px}.settings-info p:last-child{margin-bottom:0}.btn-accent{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;border:none}.btn-accent:hover{opacity:.9}.estimate-field{border-top:1px dashed var(--gray-200);padding-top:12px;margin-top:4px}.estimate-field>label{color:var(--primary)}.estimate-loading{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gray-500);padding:8px 0}.estimate-spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--gray-200);border-top-color:var(--primary);animation:spin .7s linear infinite;flex-shrink:0}.estimate-result{background:linear-gradient(135deg,#7b2d6e0a,#8b5cf60a);border:1px solid rgba(123,45,110,.15);border-radius:10px;padding:14px;margin-top:4px;display:flex;flex-direction:column;gap:12px}.estimate-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.estimate-item{display:flex;flex-direction:column;gap:2px}.estimate-label{font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px}.estimate-value{font-size:14px;font-weight:600;color:var(--gray-900)}.estimate-value-sm{font-size:12px;font-weight:500;color:var(--gray-600)}.estimate-reco{font-size:13px;font-weight:600;padding:2px 10px;border-radius:20px;display:inline-block;background:var(--gray-100);color:var(--gray-600)}.estimate-reco-green{background:var(--green-light);color:var(--green)}.estimate-reco-yellow{background:var(--yellow-light);color:#92400e}.estimate-reco-orange{background:#ffedd5;color:#c2410c}.estimate-reco-red{background:var(--red-light);color:var(--red)}.estimate-reasoning{font-size:12px;color:var(--gray-600);line-height:1.5;font-style:italic}.estimate-date{font-size:11px;color:var(--gray-400)}.estimate-input{font-size:13px;padding:6px 8px;border-radius:6px;border:1px solid var(--gray-200);width:100%;transition:border-color .15s}.estimate-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #7b2d6e1a}.estimate-hint{font-size:12px;color:var(--gray-400);font-style:italic;padding:4px 0}.estimate-detected{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--primary);background:#7b2d6e0f;border-radius:6px;padding:8px 10px}.estimate-detected-label{font-weight:600;width:100%;margin-bottom:2px}.estimate-error{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--red);background:var(--red-light);border-radius:8px;padding:10px 12px;flex-wrap:wrap}.components-section{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;border:1px solid var(--gray-100)}.components-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;background:linear-gradient(to right,rgba(123,45,110,.06),transparent);border-bottom:1px solid var(--gray-100)}.components-header:hover{background:linear-gradient(to right,#7b2d6e1a,#7b2d6e05)}.components-title{display:flex;align-items:center;gap:10px}.components-title h3{font-size:15px;font-weight:600;margin:0;color:var(--primary-dark)}.components-header-actions{display:flex;align-items:center;gap:10px}.components-body{padding:0}.components-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;text-align:center;color:var(--gray-400)}.components-empty p{font-size:13px;color:var(--gray-500);max-width:320px}.component-list{display:flex;flex-direction:column;gap:10px}.component-card{border:1px solid var(--gray-200);border-radius:8px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .15s,border-color .15s}.component-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow)}.component-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;gap:8px;border-left:4px solid var(--gray-300)}.component-card-header:hover{background:var(--gray-50)}.component-card[data-condition="1"] .component-card-header{border-left-color:#dc2626}.component-card[data-condition="2"] .component-card-header{border-left-color:#f97316}.component-card[data-condition="3"] .component-card-header{border-left-color:#f59e0b}.component-card[data-condition="4"] .component-card-header{border-left-color:#22c55e}.component-card[data-condition="5"] .component-card-header{border-left-color:#16a34a}.component-info{flex:1;min-width:0}.component-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.component-name-row strong{font-size:14px;color:var(--gray-800)}.component-location{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--gray-500);margin-top:2px}.component-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.component-detail{padding:0 16px 16px}.component-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:10px 14px;background:var(--gray-50);border-radius:8px;margin-bottom:12px;font-size:13px}.detail-item{display:flex;flex-direction:column;gap:1px}.detail-label{font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px}.component-field{margin-bottom:12px}.component-field:last-child{margin-bottom:0}.component-field>label{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--gray-600);margin-bottom:6px}.radio-group,.checkbox-group{display:flex;flex-wrap:wrap;gap:8px}.radio-option,.checkbox-option{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--gray-300);border-radius:6px;cursor:pointer;font-size:13px;color:var(--gray-600);transition:all .15s ease}.radio-option:hover,.checkbox-option:hover{border-color:var(--gray-400)}.radio-option.selected,.checkbox-option.selected{border-color:var(--primary);background:#7b2d6e0f;color:var(--primary)}.radio-option input,.checkbox-option input{accent-color:var(--primary)}.reports-page .page-header h2{display:flex;align-items:center;gap:8px}.reports-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.reports-filters .form-group{flex:1;min-width:180px}.reports-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.reports-stat{flex:1;min-width:120px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm)}.reports-stat-value{font-size:22px;font-weight:700;color:var(--gray-800)}.reports-stat-red{color:var(--red)}.reports-stat-label{font-size:12px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.4px}.reports-section{margin-bottom:24px}.reports-section h3{font-size:15px;color:var(--gray-800);margin-bottom:4px}.reports-section-desc{font-size:13px;color:var(--gray-500);margin-bottom:12px}.reports-cards{display:flex;flex-direction:column;gap:10px}.report-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease}.report-card:hover{box-shadow:var(--shadow-md)}.report-card-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-card-icon-green{background:var(--green-light);color:var(--green)}.report-card-icon-red{background:var(--red-light);color:var(--red)}.report-card-info{flex:1;display:flex;flex-direction:column;gap:2px}.report-card-info strong{font-size:14px;color:var(--gray-800)}.report-card-info span{font-size:12px;color:var(--gray-500);line-height:1.5}.report-card .btn{flex-shrink:0;white-space:nowrap}.reports-individual-list{display:flex;flex-direction:column;gap:6px}.reports-individual-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease}.reports-individual-item:hover{box-shadow:var(--shadow-md)}.reports-individual-info{display:flex;flex-direction:column;gap:2px;min-width:0}.reports-individual-info strong{font-size:14px;color:var(--gray-800)}.reports-individual-meta{font-size:12px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reports-individual-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.badge-green{background:var(--green-light);color:var(--green)}.badge-yellow{background:var(--yellow-light);color:var(--yellow)}.btn-sm{padding:6px 12px;font-size:12px}.text-red{color:var(--red)}@media(max-width:600px){.reports-filters{flex-direction:column}.report-card{flex-direction:column;text-align:center}.report-card .btn{width:100%}.reports-individual-item{flex-direction:column;align-items:flex-start}.reports-individual-actions{width:100%;justify-content:flex-end}}.import-description{font-size:13px;color:var(--gray-500);line-height:1.6;margin-bottom:14px}.import-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.btn-danger-outline{border:1px solid var(--red);color:var(--red);background:#fff;padding:8px 14px;border-radius:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.btn-danger-outline:hover{background:var(--red-light)}.import-status{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:6px;margin-bottom:14px;font-size:13px}.import-status-success{background:var(--green-light);border:1px solid rgba(22,163,74,.15);color:var(--green)}.import-status-error{background:var(--red-light);border:1px solid rgba(220,38,38,.15);color:var(--red)}.import-status-content{display:flex;flex-direction:column;gap:6px}.import-status-message{font-weight:500}.import-errors{margin:0;padding-left:18px;font-size:12px;opacity:.85}.import-errors li{margin-bottom:2px}.preloaded-components{margin-top:4px}.preloaded-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.preloaded-count{font-size:13px;font-weight:600;color:var(--gray-600)}.preloaded-list{display:flex;flex-direction:column;gap:6px}.preloaded-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;transition:background .1s ease}.preloaded-item:hover{background:var(--gray-100)}.preloaded-item-info{display:flex;flex-direction:column;gap:1px;min-width:0}.preloaded-item-info strong{font-size:13px;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preloaded-item-meta{font-size:12px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-icon-danger{color:var(--gray-400);transition:color .15s}.btn-icon-danger:hover{color:var(--red)}.preloaded-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;color:var(--gray-400);font-size:13px;text-align:center;background:var(--gray-50);border:2px dashed var(--gray-200);border-radius:8px}.preload-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#6b1d5e0f;border:1px solid rgba(107,29,94,.15);border-radius:6px;font-size:13px;color:var(--primary);margin-bottom:4px}.qa-review .page-header{margin-bottom:16px}.qa-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.qa-stat{background:#fff;border-radius:var(--radius);padding:16px;text-align:center;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .15s ease;border:2px solid transparent}.qa-stat:hover{box-shadow:var(--shadow-md)}.qa-stat-value{display:block;font-size:28px;font-weight:700;color:var(--gray-800)}.qa-stat-label{display:block;font-size:12px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.qa-stat-pending .qa-stat-value{color:var(--yellow)}.qa-stat-approved .qa-stat-value{color:var(--green)}.qa-stat-flagged .qa-stat-value{color:var(--red)}.filter-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.filter-tabs .tab{padding:6px 16px;border-radius:20px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-600);font-size:13px;cursor:pointer;transition:all .15s ease}.filter-tabs .tab:hover{border-color:var(--primary-light);color:var(--primary)}.filter-tabs .tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.qa-list{display:flex;flex-direction:column;gap:12px}.qa-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left:4px solid var(--gray-300);overflow:hidden;transition:box-shadow .15s ease}.qa-card:hover{box-shadow:var(--shadow-md)}.qa-card-pending{border-left-color:var(--gray-400)}.qa-card-approved{border-left-color:var(--green)}.qa-card-rejected{border-left-color:var(--red)}.qa-card-needs_revision{border-left-color:var(--yellow)}.qa-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.qa-card-header:hover{background:var(--gray-50)}.qa-card-info{flex:1;min-width:0}.qa-card-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.qa-card-title strong{font-size:15px;color:var(--gray-800)}.qa-card-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--gray-500);align-items:center}.qa-card-meta .text-red{color:var(--red);display:flex;align-items:center;gap:3px}.qa-card-meta .text-yellow{color:var(--yellow);display:flex;align-items:center;gap:3px}.qa-card-body{padding:0 20px 20px;border-top:1px solid var(--gray-200)}.qa-actions-bar{display:flex;gap:8px;flex-wrap:wrap;padding-top:16px;margin-bottom:16px}.qa-flags{margin-bottom:16px}.qa-flags h4{font-size:13px;color:var(--gray-600);margin-bottom:8px}.qa-flag{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:6px;margin-bottom:6px;font-size:13px}.qa-flag-error{background:var(--red-light);border:1px solid rgba(220,38,38,.15)}.qa-flag-error .qa-flag-icon{color:var(--red)}.qa-flag-warning{background:var(--yellow-light);border:1px solid rgba(245,158,11,.15)}.qa-flag-warning .qa-flag-icon{color:var(--yellow)}.qa-flag-info{background:var(--gray-100);border:1px solid var(--gray-200)}.qa-flag-info .qa-flag-icon{color:var(--gray-500)}.qa-flag-icon{flex-shrink:0;margin-top:1px}.qa-flag-content{display:flex;flex-direction:column;gap:2px}.qa-flag-message{color:var(--gray-800);font-weight:500}.qa-flag-detail{color:var(--gray-600);font-size:12px}.qa-flag-suggestion{color:var(--primary);font-size:12px;font-weight:500}.qa-all-clear{display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--green-light);border-radius:6px;color:var(--green);font-size:14px;font-weight:500;margin-bottom:16px}.qa-comments{margin-bottom:16px}.qa-comments h4{font-size:13px;color:var(--gray-600);margin-bottom:8px;display:flex;align-items:center;gap:6px}.qa-comment-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.qa-comment{padding:10px 12px;background:var(--gray-50);border-radius:6px;display:flex;flex-direction:column;gap:2px}.qa-comment-text{font-size:13px;color:var(--gray-800)}.qa-comment-date{font-size:11px;color:var(--gray-400)}.qa-comment-input{display:flex;flex-direction:column;gap:8px}.qa-comment-input textarea{font-size:13px;resize:vertical}.qa-comment-input .btn{align-self:flex-end}.qa-decision{margin-top:8px}.qa-decision h4{font-size:13px;color:var(--gray-600);margin-bottom:8px}.qa-decision-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-qa-approved{border:1px solid var(--green);color:var(--green);background:#fff}.btn-qa-approved:hover,.btn-qa-approved.active{background:var(--green);color:#fff}.btn-qa-revision{border:1px solid var(--yellow);color:var(--yellow);background:#fff}.btn-qa-revision:hover,.btn-qa-revision.active{background:var(--yellow);color:#fff}.btn-qa-rejected{border:1px solid var(--red);color:var(--red);background:#fff}.btn-qa-rejected:hover,.btn-qa-rejected.active{background:var(--red);color:#fff}.badge-qa-pending{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.badge-qa-approved{background:#d1fae5;color:#065f46;border:1px solid #34d399}.badge-qa-rejected{background:#fee2e2;color:#991b1b;border:1px solid #f87171}.qa-stat.active{border-color:var(--primary);box-shadow:0 0 0 2px #6b1d5e26}.qa-component-panel{margin-top:12px;padding:10px 14px;border-radius:8px;border:1px solid var(--gray-200);background:var(--gray-50)}.qa-component-pending_review{border-color:#fbbf24;background:#fffbeb}.qa-component-approved{border-color:#34d399;background:#ecfdf5}.qa-component-rejected{border-color:#f87171;background:#fef2f2}.qa-rejection-alert{display:flex;gap:10px;align-items:flex-start;color:var(--red)}.qa-rejection-alert strong{display:block;margin-bottom:2px}.qa-rejection-alert p{margin:4px 0 0;font-size:.85rem;color:var(--gray-700)}.qa-resubmit-hint{font-style:italic;color:var(--gray-500)!important;font-size:.8rem!important}.qa-meta{font-size:.75rem;color:var(--gray-400)}.qa-approved-indicator{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--green);font-weight:500}.qa-review-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.qa-review-label{font-size:.8rem;color:var(--gray-500);font-weight:500}.btn-qa-approve{border:1px solid var(--green);color:var(--green);background:#fff}.btn-qa-approve:hover{background:var(--green);color:#fff}.btn-qa-reject{border:1px solid var(--red);color:var(--red);background:#fff}.btn-qa-reject:hover{background:var(--red);color:#fff}.qa-rejection-note{display:flex;align-items:flex-start;gap:6px;margin-top:8px;font-size:.8rem;color:var(--gray-600);font-style:italic}.qa-rejection-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--radius);margin-bottom:16px;color:var(--red)}.qa-rejection-banner strong{color:#991b1b}.qa-rejection-banner p{margin:4px 0 0;font-size:.85rem;color:var(--gray-600)}.qa-component-table{border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.qa-table-header{display:grid;grid-template-columns:1fr 120px 100px 100px;gap:8px;padding:10px 14px;background:var(--gray-100);font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em}.qa-table-row{display:grid;grid-template-columns:1fr 120px 100px 100px;gap:8px;padding:12px 14px;border-top:1px solid var(--gray-100);align-items:start}.qa-table-row:hover{background:var(--gray-50)}.qa-row-rejected{background:#fef2f2}.qa-row-approved{background:#f0fdf4}.qa-col-name strong{font-size:.85rem;display:block;margin-bottom:2px}.qa-col-name .badge-sm{font-size:.7rem;padding:1px 6px}.qa-comp-location{font-size:.75rem;color:var(--gray-500);display:flex;align-items:center;gap:3px}.qa-comp-notes{font-size:.8rem;color:var(--gray-500);margin:4px 0 0}.qa-inline-rejection{display:flex;align-items:flex-start;gap:4px;font-size:.78rem;color:var(--red);margin-top:6px;padding:6px 8px;background:#fee2e2;border-radius:4px}.qa-col-condition,.qa-col-status{display:flex;align-items:center}.qa-col-actions{display:flex;gap:4px;align-items:center}.btn-xs{padding:4px 8px;font-size:.75rem;border-radius:6px}@media(max-width:640px){.qa-table-header{display:none}.qa-table-row{display:flex;flex-direction:column;gap:8px;padding:14px}.qa-col-name{order:1}.qa-col-condition{order:2}.qa-col-status{order:3}.qa-col-actions{order:4;padding-top:8px;border-top:1px solid var(--gray-200);justify-content:flex-start}.qa-actions-bar{flex-wrap:wrap}.qa-actions-bar .btn{flex:1 1 auto;min-width:0;justify-content:center}}.qa-reject-modal{max-width:480px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-200)}.modal-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem;color:var(--red)}.modal-body{padding:16px 20px}.modal-body p{margin:0 0 12px;font-size:.9rem;color:var(--gray-600)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--gray-200)}.nav-badge{background:var(--red);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;margin-left:auto}.stat-pill-green{color:var(--green)}.stat-pill-yellow{color:#92400e}.pin-gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--primary-dark) 0%,var(--primary) 50%,#9B4A8A 100%);padding:20px}.pin-card{background:#fff;border-radius:16px;padding:40px 32px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.pin-logo{margin-bottom:16px}.pin-logo-img{height:40px;width:auto}.pin-card h2{margin:0 0 6px;font-size:1.4rem;color:var(--gray-800)}.pin-card>p{margin:0 0 24px;font-size:.9rem;color:var(--gray-500)}.pin-input-row{display:flex;gap:8px}.pin-input{flex:1;text-align:center;font-size:1.1rem;letter-spacing:1px;padding:12px 16px}.pin-submit{padding:12px 18px}.pin-error{color:var(--red);font-size:.85rem;margin:12px 0 0}.pin-footer{margin:28px 0 0;font-size:.75rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.role-picker-card{max-width:440px}.role-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;text-align:left}.role-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border:2px solid var(--gray-200);border-radius:12px;background:#fff;cursor:pointer;transition:all .15s}.role-option:hover{border-color:var(--primary-light);background:var(--gray-50)}.role-option.selected{border-color:var(--primary);background:#f4ecf3;box-shadow:0 0 0 3px #6b1d5e1f}.role-option-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--gray-100);color:var(--gray-600);flex-shrink:0}.role-option.selected .role-option-icon{background:var(--primary);color:#fff}.role-option-text{display:flex;flex-direction:column;gap:2px}.role-option-text strong{font-size:.95rem;color:var(--gray-800)}.role-option-text span{font-size:.8rem;color:var(--gray-500)}.role-confirm-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;font-size:1rem}.role-switcher-wrapper{position:relative}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;background:#ffffff26;color:#fff;letter-spacing:.02em;border:none;cursor:pointer;transition:background .15s}.role-badge:hover{background:#ffffff40}.role-switcher-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.role-switcher-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border-radius:10px;box-shadow:0 8px 30px #0000002e;padding:6px;z-index:100;min-width:170px}.role-switcher-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:none;color:var(--gray-700);font-size:.85rem;cursor:pointer;transition:background .1s}.role-switcher-option:hover{background:var(--gray-100)}.role-switcher-option.active{background:#f4ecf3;color:var(--primary);font-weight:600}.role-switcher-divider{height:1px;background:var(--gray-200);margin:4px 0}.role-switcher-option.logout{color:var(--red)}.role-switcher-option.logout:hover{background:var(--red-light)}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;color:var(--gray-500)}.access-denied svg{color:var(--gray-300);margin-bottom:16px}.access-denied h2{color:var(--gray-700);margin:0 0 8px}.access-denied p{margin:0 0 6px;font-size:.9rem}.access-denied .access-denied-detail{font-size:.8rem;color:var(--gray-400);margin-bottom:20px}.access-denied .btn{margin-top:8px}.settings-admin-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--gray-200)}.admin-lock-header{display:flex;align-items:center;gap:8px;color:var(--gray-500);font-size:.9rem;margin-bottom:10px}.admin-lock-form{display:flex;gap:8px;align-items:center}.admin-lock-form .form-input{flex:1}.admin-unlocked-header{display:flex;align-items:center;gap:8px;color:var(--green);font-size:.9rem;margin-bottom:14px}.settings-demo-section{margin-top:20px;padding:16px;border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--gray-50)}.settings-demo-section strong{font-size:.9rem;display:inline-flex;align-items:center;gap:6px}.settings-demo-section p{font-size:.82rem;color:var(--gray-600);margin:4px 0 12px}.settings-role-section{margin-top:20px;padding:16px;border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--gray-50)}.settings-role-section strong{font-size:.9rem;color:var(--gray-800);display:flex;align-items:center;gap:6px}.settings-role-section p{font-size:.82rem;color:var(--gray-600);margin:4px 0 12px}.settings-role-options{display:flex;gap:8px;flex-wrap:wrap}.settings-danger-zone{margin-top:20px;padding:16px;border:1px solid var(--red);border-radius:var(--radius);background:var(--red-light)}.settings-danger-zone strong{color:var(--red);font-size:.9rem}.settings-danger-zone p{font-size:.82rem;color:var(--gray-600);margin:4px 0 12px}.btn-danger-outline{border:1px solid var(--red);color:var(--red);background:#fff;padding:8px 16px;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.btn-danger-outline:hover{background:var(--red);color:#fff}.import-template-actions{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.import-template-actions .text-sm{color:var(--gray-500);font-size:.82rem}.type-select-row{display:flex;align-items:center;gap:6px}.type-select-row .form-input{flex:1}.type-select-row .btn-ghost{padding:6px;color:var(--primary)}.type-select-row .btn-ghost:hover{background:var(--gray-100)}.new-type-row{background:var(--gray-50);border:1px dashed var(--gray-300);border-radius:var(--radius);padding:12px}.components-header-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.baseline-option{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;margin-bottom:8px}.baseline-option-header{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--gray-700);margin-bottom:12px}.baseline-option-header svg{color:var(--primary);flex-shrink:0}.baseline-choices{display:flex;flex-direction:column;gap:8px}.baseline-choice{display:flex;align-items:flex-start;gap:10px;padding:12px;border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .15s;background:#fff}.baseline-choice:hover{border-color:var(--primary-light)}.baseline-choice.active{border-color:var(--primary);background:#f5edf4}.baseline-choice input[type=radio]{margin-top:3px;accent-color:var(--primary)}.baseline-choice svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.baseline-choice div{display:flex;flex-direction:column;gap:2px}.baseline-choice strong{font-size:.9rem;color:var(--gray-800)}.baseline-choice span{font-size:.8rem;color:var(--gray-500)}.baseline-card{background:linear-gradient(135deg,#f5edf4,#f0e8f5);border:1px solid rgba(107,29,94,.15);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.baseline-card-header{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#6b1d5e14;font-size:.8rem;font-weight:600;color:var(--primary-dark)}.baseline-card-header svg{color:var(--primary)}.baseline-card-body{padding:12px 14px}.baseline-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:10px}.baseline-item{display:flex;flex-direction:column;gap:4px}.baseline-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--gray-500)}.baseline-trend{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;padding:2px 8px;border-radius:6px;width:fit-content}.trend-improved{color:var(--green);background:var(--green-light)}.trend-deteriorated{color:var(--red);background:var(--red-light)}.trend-stable{color:var(--gray-500);background:var(--gray-100)}.baseline-estimate{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding-top:10px;border-top:1px solid rgba(107,29,94,.1);margin-bottom:8px}.baseline-costs{font-size:.85rem;color:var(--gray-700)}.baseline-notes{padding-top:8px;border-top:1px solid rgba(107,29,94,.1)}.baseline-notes p{font-size:.85rem;color:var(--gray-600);margin:4px 0 0;font-style:italic}@media(max-width:600px){.qa-stats{grid-template-columns:repeat(2,1fr)}.qa-card-header{padding:12px 14px}.qa-card-body{padding:0 14px 14px}.baseline-comparison,.baseline-estimate{grid-template-columns:1fr}.baseline-choices{gap:6px}}.getting-started{max-width:800px;margin:0 auto}.gs-hero{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);border-radius:var(--radius);color:#fff;margin-bottom:20px}.gs-hero svg{flex-shrink:0;opacity:.9}.gs-hero h2{margin:0 0 4px;font-size:1.4rem}.gs-hero p{margin:0;font-size:.9rem;opacity:.85}.gs-quick-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.gs-quick-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:20px;font-size:.82rem;font-weight:500;color:var(--gray-700);text-decoration:none;transition:all .15s}.gs-quick-link:hover{border-color:var(--primary);color:var(--primary);background:#f9f4f8}.gs-quick-link svg{color:var(--primary);flex-shrink:0}.gs-role-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:10px;white-space:nowrap}.gs-role-admin{background:#ede9fe;color:#6d28d9}.gs-role-inspector{background:#dbeafe;color:#2563eb}.gs-steps{display:flex;flex-direction:column;gap:20px}.gs-step{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;scroll-margin-top:80px}.gs-step-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.gs-step-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.gs-step-header h3{margin:0;font-size:1.05rem;color:var(--gray-800);flex:1}.gs-step-body{padding:16px 20px}.gs-block{margin-bottom:16px}.gs-block:last-child{margin-bottom:0}.gs-block h4{margin:0 0 6px;font-size:.9rem;color:var(--primary-dark)}.gs-block p{margin:0;font-size:.88rem;color:var(--gray-600);line-height:1.55}.gs-footer{margin-top:28px;padding:24px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);text-align:center}.gs-footer h3{margin:0 0 14px;font-size:1.1rem;color:var(--gray-800)}.gs-footer-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:600px){.gs-hero{padding:18px;gap:12px}.gs-hero h2{font-size:1.2rem}.gs-quick-nav{gap:6px}.gs-quick-link{padding:6px 10px;font-size:.78rem}.gs-step-header,.gs-step-body{padding:12px 14px}.gs-footer-actions{flex-direction:column}.gs-footer-actions .btn{width:100%;justify-content:center}}.tpl-form{margin-bottom:20px}.tpl-form .card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.tpl-form-body{padding:18px}.tpl-form-body .form-actions{margin-top:16px}.tpl-comp-section{margin-top:16px;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.tpl-comp-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--gray-50);border-bottom:1px solid var(--gray-200);font-size:.88rem;font-weight:600;color:var(--gray-700)}.tpl-comp-header svg{vertical-align:-3px}.tpl-comp-actions{display:flex;gap:6px;flex-wrap:wrap}.tpl-comp-empty{padding:24px;text-align:center;color:var(--gray-400);display:flex;flex-direction:column;align-items:center;gap:8px}.tpl-comp-list{max-height:400px;overflow-y:auto}.tpl-comp-row{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 36px;gap:6px;padding:6px 12px;align-items:center;border-bottom:1px solid var(--gray-100)}.tpl-comp-row-header{background:var(--gray-50);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--gray-500);letter-spacing:.03em;padding:8px 12px}.form-input-sm{padding:6px 8px;font-size:.82rem}.tpl-import-msg{padding:8px 14px;font-size:.82rem;margin:0}.tpl-import-success{color:var(--green);background:var(--green-light)}.tpl-import-error{color:var(--red);background:var(--red-light)}.tpl-card .card-header{cursor:pointer}.badge-muted{background:var(--gray-100);color:var(--gray-500);display:inline-flex;align-items:center;gap:3px}.badge-sm{font-size:.7rem;padding:1px 6px}.tpl-preview{border-top:1px solid var(--gray-200);padding:12px 16px;background:var(--gray-50);max-height:300px;overflow-y:auto}.tpl-preview-list{display:flex;flex-direction:column;gap:6px}.tpl-preview-item{display:flex;align-items:center;gap:8px;font-size:.83rem;color:var(--gray-700);padding:4px 0}.tpl-preview-name{font-weight:500}.tpl-preview-loc{color:var(--gray-400);font-size:.78rem;display:inline-flex;align-items:center;gap:3px}.template-picker{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:12px;background:#f9f4f8;border:1px solid rgba(107,29,94,.15);border-radius:var(--radius)}.template-picker svg{color:var(--primary);flex-shrink:0}.template-picker .form-input{flex:1}@media(max-width:600px){.tpl-comp-row{grid-template-columns:1fr 1fr 36px}.tpl-comp-row-header span:nth-child(2){display:none}.tpl-comp-row input:nth-child(2){display:none}}.fit-toggle-label{display:inline-flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.fit-toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.fit-summary-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.fit-summary-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.fit-summary-header h3{margin:0;font-size:1rem}.fit-summary-header svg{color:var(--primary)}.fit-overall-badge{display:inline-flex;padding:4px 14px;border-radius:20px;font-size:.85rem;font-weight:700;margin-left:auto}.fit-good{background:#dcfce7;color:#166534}.fit-fair{background:#fef9c3;color:#854d0e}.fit-poor{background:#fee2e2;color:#991b1b}.fit-none{background:var(--gray-100);color:var(--gray-500)}.fit-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.fit-category-grid-sm{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.fit-category-card{padding:12px;border-radius:var(--radius);text-align:center;border:1px solid transparent}.fit-category-card.fit-good{background:#f0fdf4;border-color:#bbf7d0}.fit-category-card.fit-fair{background:#fefce8;border-color:#fde68a}.fit-category-card.fit-poor{background:#fef2f2;border-color:#fecaca}.fit-category-card.fit-none{background:var(--gray-50);border-color:var(--gray-200)}.fit-category-name{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}.fit-category-score{font-size:1.3rem;font-weight:800}.fit-category-rating{font-size:.8rem;font-weight:600;margin-top:2px}.fit-category-count{font-size:.72rem;color:var(--gray-500);margin-top:4px}.badge-fit{background:#f3e8ff;color:#7c3aed;font-size:.7rem}.demo-button-row{display:flex;gap:10px;flex-wrap:wrap}.reports-fit-list{display:flex;flex-direction:column;gap:16px}.reports-fit-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px}.reports-fit-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.reports-fit-header strong{font-size:.95rem}.reports-fit-header span{font-size:.82rem;color:var(--gray-500)}.facility-cost-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.facility-cost-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.facility-cost-header h3{margin:0;font-size:1rem}.facility-cost-header svg{color:#059669}.facility-cost-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.facility-cost-grid-sm{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.facility-cost-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius);padding:14px;text-align:center}.facility-cost-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--gray-500);margin-bottom:4px}.facility-cost-value{font-size:1.25rem;font-weight:800;color:var(--gray-900)}.facility-cost-sub{font-size:.72rem;color:var(--gray-500);margin-top:4px}.facility-cost-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:.75rem;color:var(--gray-500)}.fci-badge{display:inline-flex;padding:4px 12px;border-radius:20px;font-size:.82rem;font-weight:700;margin-left:auto}.fci-badge-inline{margin-left:4px;padding:2px 10px;font-size:.78rem}.fci-good{background:#dcfce7;color:#166534}.fci-fair{background:#fef9c3;color:#854d0e}.fci-poor{background:#fed7aa;color:#9a3412}.fci-critical{background:#fee2e2;color:#991b1b}.uniformat-cascade{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius);padding:14px;margin-bottom:12px}.uniformat-cascade-label{display:block;font-weight:700;font-size:.85rem;margin-bottom:10px;color:#0369a1}.uniformat-cascade-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.uniformat-cascade-row .form-group{margin-bottom:0}.uniformat-cascade-row .form-label-sm{display:block;font-size:.72rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.uniformat-cascade-row select:disabled{background:var(--gray-100);color:var(--gray-400);cursor:not-allowed}@media(max-width:700px){.uniformat-cascade-row{grid-template-columns:1fr}}.badge-qty{background:#fef3c7;color:#92400e;font-size:.7rem;font-weight:600}.badge-uniformat{background:#e0f2fe;color:#0369a1;font-size:.7rem;font-family:SF Mono,Fira Code,monospace;letter-spacing:.03em}.uniformat-summary-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.uniformat-summary-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.uniformat-summary-header h3{margin:0;font-size:1rem}.uniformat-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.uniformat-group-card{padding:12px;border-radius:var(--radius);text-align:center;background:#f0f9ff;border:1px solid #bae6fd}.uniformat-group-card.uniformat-group-unclassified{background:var(--gray-50);border-color:var(--gray-200)}.uniformat-group-code{font-size:1.1rem;font-weight:800;color:#0369a1;font-family:SF Mono,Fira Code,monospace}.uniformat-group-unclassified .uniformat-group-code{color:var(--gray-400)}.uniformat-group-label{font-size:.75rem;font-weight:600;margin-top:4px;color:var(--gray-700)}.uniformat-group-count{font-size:.72rem;color:var(--gray-500);margin-top:4px}.uniformat-mapping-editor{margin-top:10px}.uniformat-mapping-list{max-height:300px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:6px}.uniformat-mapping-row{display:flex;align-items:center;gap:10px}.uniformat-mapping-type{min-width:140px;font-size:.82rem;font-weight:600;white-space:nowrap}.uniformat-mapping-row .form-input-sm{font-size:.78rem;padding:4px 8px;flex:1}.uniformat-mapping-actions{display:flex;gap:8px;margin-top:10px}.site-card{border-left:4px solid var(--primary)}.site-summary-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px}.site-stat{display:flex;align-items:center;gap:3px;font-size:.78rem;color:var(--gray-600)}.site-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:8px 16px;font-size:.78rem;color:var(--primary);font-weight:500;border-top:1px solid var(--gray-100)}.site-unlinked-section{margin-top:20px}.site-unlinked-title{font-size:.85rem;font-weight:600;color:var(--gray-500);margin-bottom:10px}.site-buildings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.site-buildings-header h3{font-size:1rem;color:var(--gray-700)}.dash-site-filter{display:flex;align-items:center;gap:6px;color:var(--gray-500)}.dash-site-select{padding:6px 10px;border:1px solid var(--gray-200);border-radius:8px;font-size:.82rem;background:#fff;color:var(--gray-700);outline:none;min-width:180px}.dash-site-select:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #6b1d5e1a}.comp-filter-bar{position:sticky;top:0;z-index:10;background:#fff;padding:10px 0;margin-bottom:8px;border-bottom:1px solid var(--gray-200);display:flex;flex-direction:column;gap:8px}.comp-search-wrap{position:relative;display:flex;align-items:center}.comp-search-icon{position:absolute;left:10px;color:var(--gray-400);pointer-events:none}.comp-search-input{width:100%;padding:9px 34px;border:1px solid var(--gray-200);border-radius:8px;font-size:.88rem;background:var(--gray-50);outline:none;transition:border-color .15s,box-shadow .15s}.comp-search-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #6b1d5e1a;background:#fff}.comp-search-input::placeholder{color:var(--gray-400)}.comp-search-clear{position:absolute;right:6px;background:var(--gray-200);border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-500)}.comp-search-clear:hover{background:var(--gray-300)}.comp-filter-pills{display:flex;flex-wrap:wrap;gap:6px}.comp-filter-pill{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;border:1px solid var(--gray-200);background:#fff;color:var(--gray-600);cursor:pointer;transition:all .15s}.comp-filter-pill:hover{border-color:var(--gray-300);background:var(--gray-50)}.comp-filter-pill.active{border-color:transparent;color:#fff;background:var(--gray-500)}.comp-filter-pill.pill-critical.active{background:#dc2626}.comp-filter-pill.pill-poor.active{background:#f97316}.comp-filter-pill.pill-fair.active{background:#f59e0b;color:#000}.comp-filter-pill.pill-good.active{background:#22c55e}.comp-filter-pill.pill-excellent.active{background:#16a34a}.comp-filter-pill.pill-unrated.active{background:var(--gray-400)}.comp-filter-status{font-size:.78rem;color:var(--gray-500);display:flex;align-items:center;gap:8px}.comp-filter-clear-all{background:none;border:none;color:var(--primary);font-size:.78rem;font-weight:500;cursor:pointer;text-decoration:underline;padding:0}.comp-filter-clear-all:hover{color:var(--primary-dark)}.dashboard-page{max-width:1200px}.dash-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.dash-kpi{display:flex;align-items:center;gap:12px;background:#fff;border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);border:1px solid var(--gray-200);cursor:pointer;transition:box-shadow .15s,transform .15s}.dash-kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dash-kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-kpi-icon.blue{background:#dbeafe;color:#2563eb}.dash-kpi-icon.purple{background:#ede9fe;color:#7c3aed}.dash-kpi-icon.teal{background:#ccfbf1;color:#0d9488}.dash-kpi-icon.red{background:#fee2e2;color:#dc2626}.dash-kpi-icon.green{background:#dcfce7;color:#16a34a}.dash-kpi-body{display:flex;flex-direction:column;min-width:0}.dash-kpi-value{font-size:1.35rem;font-weight:700;color:var(--gray-900);line-height:1.2}.dash-kpi-label{font-size:.75rem;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fci-kpi .dash-kpi-icon{color:#fff}.fci-kpi.fci-good .dash-kpi-icon{background:#16a34a}.fci-kpi.fci-fair .dash-kpi-icon{background:#f59e0b}.fci-kpi.fci-poor .dash-kpi-icon{background:#f97316}.fci-kpi.fci-critical .dash-kpi-icon{background:#dc2626}.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:768px){.dash-grid-2{grid-template-columns:1fr}.dash-kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.dash-kpi-row{grid-template-columns:1fr}}.dash-panel{background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.dash-grid-2>.dash-panel{margin-bottom:0}.dash-panel-title{font-size:.9rem;font-weight:600;color:var(--gray-700);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--gray-100)}.dash-panel-footer{font-size:.75rem;color:var(--gray-400);text-align:center;margin-top:8px}.dash-chart-wrap{width:100%;min-height:240px}.dash-tooltip{background:var(--gray-800);color:#fff;padding:8px 12px;border-radius:6px;font-size:.78rem;line-height:1.5;box-shadow:0 4px 12px #00000040}.dash-tooltip strong{display:block;margin-bottom:2px}.dash-facility-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.dash-facility-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:14px;cursor:pointer;transition:box-shadow .15s,border-color .15s}.dash-facility-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.dash-fc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.dash-fc-name{font-weight:600;font-size:.9rem;color:var(--gray-800)}.dash-fc-fci{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:20px}.fci-pill-good{background:#dcfce7;color:#15803d}.fci-pill-fair{background:#fef9c3;color:#a16207}.fci-pill-poor{background:#ffedd5;color:#c2410c}.fci-pill-critical{background:#fee2e2;color:#dc2626}.dash-fc-meta{font-size:.78rem;color:var(--gray-500);display:flex;align-items:center;gap:4px;margin-bottom:10px}.dash-fc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.dash-fc-stat{display:flex;flex-direction:column;text-align:center}.dash-fc-stat-val{font-size:.9rem;font-weight:700;color:var(--gray-800)}.dash-fc-stat-val.text-red{color:#dc2626}.dash-fc-stat-lbl{font-size:.65rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.3px}.dash-fc-bar-track{height:4px;background:var(--gray-100);border-radius:4px;overflow:hidden}.dash-fc-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.fci-bar-good{background:#16a34a}.fci-bar-fair{background:#f59e0b}.fci-bar-poor{background:#f97316}.fci-bar-critical{background:#dc2626}.dash-activity-list{display:flex;flex-direction:column}.dash-activity-item{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .1s}.dash-activity-item:last-child{border-bottom:none}.dash-activity-item:hover{background:var(--gray-50)}.dash-activity-left{display:flex;flex-direction:column;gap:2px}.dash-activity-name{font-size:.85rem;font-weight:500;color:var(--gray-800)}.dash-activity-date{font-size:.72rem;color:var(--gray-400)}.dash-activity-right{display:flex;align-items:center;gap:8px}.dash-activity-comp{display:flex;align-items:center;gap:3px;font-size:.75rem;color:var(--gray-500)}.dash-empty{color:var(--gray-400);font-size:.85rem;text-align:center;padding:24px 0}.dash-action-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.dash-action-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s}.dash-action-btn svg:last-child{margin-left:auto;opacity:.5}.dash-action-btn.primary{background:var(--primary);color:#fff}.dash-action-btn.primary:hover{background:var(--primary-dark)}.dash-action-btn.secondary{background:var(--primary-light);color:#fff}.dash-action-btn.secondary:hover{opacity:.9}.dash-action-btn.outline{background:#fff;border-color:var(--gray-300);color:var(--gray-700)}.dash-action-btn.outline:hover{background:var(--gray-50);border-color:var(--primary-light)}.dash-portfolio-summary{border-top:1px solid var(--gray-100);padding-top:12px}.dash-portfolio-summary h4{font-size:.8rem;font-weight:600;color:var(--gray-600);margin:0 0 8px}.dash-summary-row{display:flex;justify-content:space-between;padding:5px 0;font-size:.8rem;color:var(--gray-600);border-bottom:1px solid var(--gray-50)}.dash-summary-row:last-child{border-bottom:none}.dash-summary-row span:last-child{font-weight:600;color:var(--gray-800)}.dash-summary-row.highlight{background:var(--gray-50);padding:6px 8px;border-radius:6px;margin-top:4px;font-weight:600}.fci-text-good{color:#16a34a!important}.fci-text-fair{color:#d97706!important}.fci-text-poor{color:#ea580c!important}.fci-text-critical{color:#dc2626!important}.plans-page .page-header,.plan-form-page .page-header,.plan-detail-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.plans-page .page-subtitle,.plan-detail-page .page-subtitle{color:var(--gray-500);font-size:.9rem;margin-top:.25rem}.page-header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.plan-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.25rem;background:#fff;transition:box-shadow .15s,border-color .15s}.plan-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #6b1d5e1a}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.plan-card-header h3{font-size:1.1rem;font-weight:600;margin:0}.plan-card-meta{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.plan-badge{display:inline-block;font-size:.75rem;font-weight:500;padding:.2rem .6rem;border-radius:999px;background:#f3e8f1;color:#6b1d5e}.plan-badge.secondary{background:var(--gray-100);color:var(--gray-600)}.plan-card-stats{display:flex;gap:1.5rem;margin-bottom:.75rem}.plan-stat{display:flex;flex-direction:column}.plan-stat-value{font-size:1.15rem;font-weight:700;color:var(--gray-800)}.plan-stat-label{font-size:.72rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em}.plan-card-warning{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#dc2626;font-weight:500;padding:.4rem .6rem;background:#fef2f2;border-radius:var(--radius-sm);margin-bottom:.5rem}.plan-card-footer{display:flex;justify-content:flex-end;padding-top:.75rem;border-top:1px solid var(--gray-100);font-size:.85rem;color:var(--primary);font-weight:500}.plan-card-footer span{display:flex;align-items:center;gap:.25rem}.plan-form-page{max-width:800px}.plan-form-page h2{margin-bottom:1.5rem}.form-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.form-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--gray-800)}.form-hint{font-size:.85rem;color:var(--gray-500);margin-bottom:1rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media(max-width:600px){.form-row-2,.form-row-3{grid-template-columns:1fr}}.form-actions{display:flex;gap:.75rem;justify-content:flex-end}.plan-preview-stats{display:flex;gap:2rem;margin-bottom:1.25rem;flex-wrap:wrap}.plan-preview-stat{display:flex;flex-direction:column}.plan-preview-value{font-size:1.3rem;font-weight:700;color:#6b1d5e}.plan-preview-label{font-size:.72rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em}.plan-preview-years{display:flex;flex-direction:column;gap:.5rem}.plan-preview-year{display:grid;grid-template-columns:70px 1fr 100px;align-items:center;gap:.75rem;padding:.5rem 0}.plan-preview-year.over-budget .plan-preview-year-cost{color:#dc2626;font-weight:600}.plan-preview-year-label{font-size:.85rem;font-weight:600;color:var(--gray-700)}.plan-preview-year-bar{height:16px;background:var(--gray-100);border-radius:8px;overflow:hidden}.plan-preview-year-fill{height:100%;background:#6b1d5e;border-radius:8px;transition:width .3s}.plan-preview-year-cost{font-size:.9rem;font-weight:600;text-align:right}.plan-preview-over{font-size:.7rem;color:#dc2626;font-weight:500;margin-left:.25rem}.plan-preview-empty{text-align:center;padding:2rem;color:var(--gray-500);font-size:.9rem;background:var(--gray-50);border-radius:var(--radius-md)}.plan-kpi-row{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.plan-kpi{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem 1.25rem;flex:1;min-width:160px}.plan-kpi svg{color:#6b1d5e;flex-shrink:0}.plan-kpi div{display:flex;flex-direction:column}.plan-kpi-value{font-size:1.2rem;font-weight:700;color:var(--gray-800)}.plan-kpi-label{font-size:.72rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.03em}.plan-years{display:flex;flex-direction:column;gap:.5rem}.plan-year-section{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.plan-year-section.over-budget{border-color:#fecaca}.plan-year-header{display:flex;flex-direction:column;gap:.5rem;width:100%;text-align:left;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;font:inherit}.plan-year-header:hover{background:var(--gray-50)}.plan-year-title{display:flex;align-items:center;gap:.5rem}.plan-year-label{font-size:1.05rem;font-weight:700;color:var(--gray-800)}.plan-year-count{font-size:.8rem;color:var(--gray-500);margin-left:auto}.plan-year-cost{display:flex;align-items:center;gap:.75rem;padding-left:1.65rem}.plan-year-cost>span:first-child{font-size:1.1rem;font-weight:700;color:var(--gray-800)}.plan-year-over{display:flex;align-items:center;gap:.25rem;font-size:.78rem;color:#dc2626;font-weight:500}.plan-year-minibar{height:6px;background:var(--gray-100);border-radius:3px;margin-left:1.65rem}.plan-year-minibar-fill{height:100%;border-radius:3px;transition:width .3s}.plan-year-items{padding:0 1.25rem 1.25rem}.plan-year-empty{padding:1.5rem;text-align:center;color:var(--gray-400);font-size:.9rem}.plan-items-table{width:100%;border-collapse:collapse;font-size:.85rem}.plan-items-table th{text-align:left;padding:.5rem .75rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);border-bottom:2px solid var(--gray-200)}.plan-items-table td{padding:.6rem .75rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}.plan-items-table tfoot td{border-bottom:none;border-top:2px solid var(--gray-200);padding-top:.75rem}.plan-condition-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem;vertical-align:middle}.plan-item-building{display:flex;align-items:center;gap:.3rem;color:var(--gray-600);font-size:.82rem}.plan-cost-display{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;font-weight:600;color:var(--gray-700)}.plan-cost-display:hover{color:#6b1d5e}.plan-cost-display svg{opacity:.4}.plan-cost-input{width:100px;padding:.25rem .5rem;border:1px solid var(--primary);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.plan-year-select{padding:.2rem .4rem;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.82rem;background:#fff;cursor:pointer}.plan-year-select:hover{border-color:var(--primary)}@media(max-width:768px){.plan-items-table{font-size:.78rem}.plan-items-table th,.plan-items-table td{padding:.4rem .5rem}.plan-kpi-row{gap:.5rem}.plan-kpi{padding:.75rem;min-width:140px}}.recharts-default-tooltip{display:none!important}.recharts-legend-item-text{font-size:.75rem!important;color:var(--gray-600)!important}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-light) 100%);padding:1.5rem}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:2.5rem;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.5rem}.login-logo-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center;letter-spacing:-.5px}.login-logo h1{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0}.login-subtitle{color:var(--gray-500);font-size:.9rem;margin:0}.login-field{margin-bottom:1.25rem}.login-field label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-700);margin-bottom:.4rem}.login-field input{width:100%;padding:.7rem .9rem;border:1.5px solid var(--gray-200);border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s;background:var(--gray-50)}.login-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6b1d5e1f;background:#fff}.login-password-wrapper{position:relative}.login-password-wrapper input{padding-right:2.8rem}.login-eye{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem;display:flex}.login-eye:hover{color:var(--gray-600)}.login-btn{width:100%;padding:.75rem;border:none;border-radius:8px;background:var(--primary);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s,transform .1s;margin-top:.5rem}.login-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-link{display:flex;align-items:center;justify-content:center;gap:.35rem;background:none;border:none;color:var(--primary);font-size:.85rem;cursor:pointer;margin-top:1rem;width:100%;padding:.5rem}.login-link:hover{text-decoration:underline}.login-error{display:flex;align-items:center;gap:.5rem;background:var(--red-light);color:var(--red);padding:.75rem 1rem;border-radius:8px;font-size:.85rem;margin-bottom:1.25rem}.login-success{text-align:center;color:var(--gray-600);font-size:.9rem;line-height:1.6}.login-success .login-btn{margin-top:1.5rem}.login-footer{color:#ffffff80;font-size:.8rem;margin-top:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.user-mgmt{padding:0}.user-mgmt .page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.user-mgmt .page-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.3rem}.page-subtitle{color:var(--gray-500);font-size:.85rem;margin:.25rem 0 0}.user-invite-card{background:#fff;border:1.5px solid var(--gray-200);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.user-invite-card h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem}.user-invite-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.user-invite-field label{display:block;font-size:.8rem;font-weight:600;color:var(--gray-600);margin-bottom:.3rem}.user-invite-field input,.user-invite-field select{width:100%;padding:.6rem .75rem;border:1.5px solid var(--gray-200);border-radius:8px;font-size:.9rem;background:var(--gray-50)}.user-invite-field input:focus,.user-invite-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6b1d5e1a;background:#fff}.user-invite-actions{display:flex;gap:.75rem}.user-alert{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.user-alert.error{background:var(--red-light);color:var(--red)}.user-alert.success{background:var(--green-light);color:var(--green)}.user-list{background:#fff;border:1.5px solid var(--gray-200);border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.user-table-wrapper{overflow-x:auto}.user-table{width:100%;border-collapse:collapse;font-size:.88rem}.user-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--gray-200);background:var(--gray-50)}.user-table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}.user-table tr:last-child td{border-bottom:none}.user-table tr.inactive td{opacity:.5}.user-cell-name{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-name{font-weight:600;color:var(--gray-900);display:flex;align-items:center;gap:.4rem}.user-you-badge{font-size:.65rem;font-weight:600;background:var(--primary);color:#fff;padding:.1rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.user-email{font-size:.8rem;color:var(--gray-500)}.user-cell-date{color:var(--gray-500);font-size:.82rem}.user-cell-org{white-space:nowrap}.org-pill{display:inline-block;padding:.2rem .55rem;border-radius:20px;font-size:.78rem;font-weight:500;background:var(--gray-100);color:var(--gray-700)}.user-cell-empty{color:var(--gray-400)}.role-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:20px;font-size:.78rem;font-weight:600;border:1.5px solid transparent;cursor:pointer;transition:all .15s;background:var(--gray-100);color:var(--gray-700)}.role-pill:hover:not(:disabled){border-color:var(--primary-light);background:#6b1d5e0f}.role-pill:disabled{cursor:default;opacity:.8}.role-pill.role-admin{background:#fef3c7;color:#92400e}.role-pill.role-inspector{background:#dbeafe;color:#1e40af}.role-pill.role-qa_reviewer{background:#e0e7ff;color:#3730a3}.role-pill.role-client{background:#f1f5f9;color:#475569}.role-edit-dropdown select{padding:.35rem .5rem;border:1.5px solid var(--primary);border-radius:6px;font-size:.82rem;background:#fff;outline:none}.status-pill{display:inline-flex;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-pill.active{background:var(--green-light);color:var(--green)}.status-pill.inactive{background:var(--gray-100);color:var(--gray-400)}.btn-icon{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;border-radius:4px;transition:background .15s}.btn-icon:hover{background:var(--gray-100)}.role-descriptions{margin-top:1rem}.role-descriptions h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;margin-bottom:.75rem}.role-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.role-card{background:#fff;border:1.5px solid var(--gray-200);border-radius:10px;padding:1rem}.role-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.role-card-header strong{font-size:.9rem}.role-card p{font-size:.8rem;color:var(--gray-500);margin:0;line-height:1.5}.role-card-admin{border-left:3px solid #f59e0b}.role-card-inspector{border-left:3px solid #3b82f6}.role-card-qa_reviewer{border-left:3px solid #6366f1}.role-card-client{border-left:3px solid #94a3b8}@media(max-width:768px){.user-invite-fields{grid-template-columns:1fr}.user-table{font-size:.82rem}.user-table th,.user-table td{padding:.6rem}.role-cards{grid-template-columns:1fr 1fr}}@media(max-width:480px){.role-cards{grid-template-columns:1fr}}.sync-status-wrapper{position:relative}.sync-badge{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;font-size:.78rem;font-weight:500;border:1px solid var(--gray-200);background:var(--gray-50);color:var(--gray-600);cursor:pointer;transition:all .2s;white-space:nowrap}.sync-badge:hover{background:var(--gray-100)}.sync-badge.online{background:var(--green-light);color:var(--green);border-color:#bbf7d0}.sync-badge.offline{background:var(--red-light);color:var(--red);border-color:#fecaca}.sync-badge.syncing{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.sync-badge.pending{background:var(--yellow-light);color:#b45309;border-color:#fde68a}.sync-badge.error{background:var(--red-light);color:var(--red);border-color:#fecaca}.sync-badge-text:empty{display:none}.sync-pending-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.sync-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.sync-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:280px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:100;overflow:hidden}.sync-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;border-bottom:1px solid var(--gray-100);background:var(--gray-50)}.sync-dropdown-title{font-size:.8rem;font-weight:600;color:var(--gray-700)}.sync-force-btn{display:flex;align-items:center;gap:.3rem;padding:.3rem .55rem;border-radius:6px;font-size:.72rem;font-weight:500;background:var(--primary);color:#fff;border:none;cursor:pointer;transition:opacity .15s}.sync-force-btn:hover{opacity:.9}.sync-force-btn:disabled{opacity:.5;cursor:not-allowed}.sync-dropdown-body{padding:.65rem .85rem;display:flex;flex-direction:column;gap:.5rem}.sync-info-row{display:flex;align-items:center;justify-content:space-between;font-size:.78rem}.sync-info-label{color:var(--gray-500)}.sync-info-value{display:flex;align-items:center;gap:.3rem;font-weight:500;color:var(--gray-700)}.sync-info-value.text-green{color:var(--green)}.sync-info-value.text-red{color:var(--red)}.sync-info-value.text-yellow{color:#b45309}.sync-error-msg{display:flex;align-items:flex-start;gap:.35rem;padding:.5rem;border-radius:6px;background:var(--red-light);color:var(--red);font-size:.72rem;line-height:1.4}.sync-offline-note{padding:.5rem;border-radius:6px;background:var(--yellow-light);color:#92400e;font-size:.72rem;line-height:1.4}.import-progress-bar{width:100%;height:8px;background:var(--gray-100);border-radius:4px;overflow:hidden;margin:12px 0}.import-progress-fill{height:100%;background:var(--primary);transition:width .2s ease}.text-amber{color:#d97706}.import-warnings{margin-top:12px;padding:10px 14px;background:#fefce8;border:1px solid #fde68a;border-radius:8px}.import-warnings-list{max-height:120px;overflow-y:auto}.warning-msg{display:flex;align-items:center;gap:6px;font-size:13px;color:#92400e;padding:3px 0}.import-section-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-bottom:6px}.import-errors .import-section-label{color:var(--red)}.import-warnings .import-section-label{color:#92400e}