:root{--color-navy: #0F1F3D;--color-navy-light: #1A2E54;--color-navy-dark: #0A1528;--color-accent: #2563EB;--color-accent-light: #3B82F6;--color-accent-dark: #1D4ED8;--color-accent-bg: #EFF6FF;--color-surface: #F8FAFC;--color-surface-alt: #F1F5F9;--color-white: #FFFFFF;--color-text: #1E293B;--color-text-muted: #64748B;--color-text-inverse: #F8FAFC;--color-success: #16A34A;--color-success-light: #DCFCE7;--color-warning: #D97706;--color-warning-light: #FEF3C7;--color-danger: #DC2626;--color-danger-light: #FEE2E2;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-loose: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15,31,61,.05);--shadow-md: 0 4px 6px rgba(15,31,61,.07), 0 2px 4px rgba(15,31,61,.06);--shadow-lg: 0 10px 15px rgba(15,31,61,.1), 0 4px 6px rgba(15,31,61,.05);--shadow-xl: 0 20px 25px rgba(15,31,61,.1), 0 8px 10px rgba(15,31,61,.04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}[data-theme=portal]{--color-accent: #0D9488;--color-accent-light: #14B8A6;--color-accent-dark: #0F766E;--color-accent-bg: #F0FDFA}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--color-navy);font-weight:var(--weight-bold);line-height:var(--leading-tight)}h1{font-size:var(--text-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--text-3xl);margin-bottom:var(--space-5)}h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}h4{font-size:var(--text-xl);margin-bottom:var(--space-3)}h5{font-size:var(--text-lg);margin-bottom:var(--space-2)}h6{font-size:var(--text-base);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4)}small,.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:var(--space-4)}.flex{display:flex}.grid{display:grid}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.flex-1{flex:1}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-normal);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn-primary{background:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background:var(--color-accent-dark)}.btn-secondary{background:var(--color-white);color:var(--color-accent);border-color:var(--color-accent)}.btn-secondary:hover{background:var(--color-accent-bg)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:var(--color-surface-alt)}.btn-navy{background:var(--color-navy);color:var(--color-text-inverse)}.btn-navy:hover{background:var(--color-navy-light)}.btn-danger{background:var(--color-danger);color:var(--color-white)}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface)}.card-accent{border-top:3px solid var(--color-accent)}.card-stat .card-body{text-align:center;padding:var(--space-6)}.card-stat .stat-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-navy)}.card-stat .stat-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.125rem var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);line-height:var(--leading-normal)}.badge-accent{background:var(--color-accent-bg);color:var(--color-accent-dark)}.badge-ka{background:#f59e0b;color:#fff}.badge-success{background:var(--color-success-light);color:#15803d}.badge-warning{background:var(--color-warning-light);color:#92400e}.badge-danger{background:var(--color-danger-light);color:#991b1b}.badge-neutral{background:var(--color-surface-alt);color:var(--color-text-muted)}.status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:var(--radius-full)}.status-dot-success{background:var(--color-success)}.status-dot-warning{background:var(--color-warning)}.status-dot-danger{background:var(--color-danger)}.status-dot-accent{background:var(--color-accent)}.status-dot-neutral{background:var(--color-text-muted)}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:5rem}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-input.is-invalid,.form-textarea.is-invalid{border-color:var(--color-danger)}.form-input.is-invalid:focus,.form-textarea.is-invalid:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.form-error{font-size:var(--text-xs);color:var(--color-danger)}.form-check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}.form-check input[type=checkbox],.form-check input[type=radio]{accent-color:var(--color-accent);width:1rem;height:1rem}.input-group{position:relative}.input-group .form-input{padding-left:var(--space-10)}.input-group-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--weight-semibold);color:var(--color-text-muted);background:var(--color-surface);border-bottom:1px solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.table tbody tr:hover{background:var(--color-surface)}.table tbody tr:last-child td{border-bottom:none}.alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid transparent}.alert-info{background:var(--color-accent-bg);color:var(--color-accent-dark);border-color:var(--color-accent)}.alert-success{background:var(--color-success-light);color:#15803d;border-color:var(--color-success)}.alert-warning{background:var(--color-warning-light);color:#92400e;border-color:var(--color-warning)}.alert-danger{background:var(--color-danger-light);color:#991b1b;border-color:var(--color-danger)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);background:var(--color-navy);color:var(--color-text-inverse)}.navbar-brand{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-inverse);text-decoration:none}.navbar-nav{display:flex;gap:var(--space-1);list-style:none}.navbar-nav a{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-inverse);border-radius:var(--radius-md);opacity:.8;transition:opacity var(--transition-fast),background var(--transition-fast)}.navbar-nav a:hover,.navbar-nav a.active{opacity:1;background:#ffffff1a;text-decoration:none}.sidebar{width:16rem;background:var(--color-white);border-right:1px solid var(--color-border);padding:var(--space-4) 0;height:100%}.sidebar-section{padding:var(--space-2) var(--space-4);margin-bottom:var(--space-2)}.sidebar-heading{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4)}.sidebar-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast);text-decoration:none}.sidebar-link:hover{background:var(--color-surface);text-decoration:none}.sidebar-link.active{background:var(--color-accent-bg);color:var(--color-accent);font-weight:var(--weight-medium)}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column}.app-content{flex:1;padding:var(--space-6)}.page-header{margin-bottom:var(--space-6)}.page-header h1{margin-bottom:var(--space-1)}.page-header p{color:var(--color-text-muted);margin-bottom:0}.breadcrumb-back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-4)}.breadcrumb-back:hover{color:var(--color-accent);text-decoration:none}.m-0{margin:var(--space-0)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.px-4{padding-inline:var(--space-4)}.py-2{padding-block:var(--space-2)}.py-4{padding-block:var(--space-4)}.border{border:1px solid var(--color-border)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-5);background:var(--color-navy);color:var(--color-text-inverse);min-height:3.5rem;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-md)}.wh-brand{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-inverse);letter-spacing:-.01em}.wh-brand:hover{text-decoration:none;opacity:.9}.wh-role{font-size:var(--text-xs);background:#ffffff1f;color:var(--color-text-inverse);border:1px solid rgba(255,255,255,.18)}.wh-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1;flex-shrink:0}.wh-org-select{background:#ffffff1a;color:var(--color-text-inverse);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);cursor:pointer;min-width:10rem}.wh-org-select:focus{outline:2px solid var(--color-accent-light);outline-offset:2px}.wh-org-select option{background:var(--color-navy);color:var(--color-text-inverse)}.wh-sign-out:hover{background:#ffffff1a;color:var(--color-text-inverse)}@media(max-width:640px){.workspace-header{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.wh-right{width:100%;justify-content:flex-end}.wh-user-name{display:none}}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-navy);background-image:radial-gradient(ellipse at 30% 20%,rgba(37,99,235,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(37,99,235,.08) 0%,transparent 50%);padding:var(--space-4)}.login-card{width:100%;max-width:24rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.login-logo{width:3rem;height:3rem}.login-wordmark{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-navy);margin-bottom:0;letter-spacing:-.02em}.login-wordmark-pro{color:var(--color-accent);font-weight:var(--weight-semibold)}.login-submit{width:100%;margin-top:var(--space-2)}.org-selector-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-surface);padding:var(--space-4)}.org-selector-wrapper{width:100%;max-width:36rem}.org-selector-header{text-align:center;margin-bottom:var(--space-8)}.org-selector-header h2{margin-bottom:var(--space-2)}.org-selector-greeting{color:var(--color-text-muted);margin-bottom:0}.org-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);cursor:pointer}.org-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.org-card-info{display:flex;align-items:center;gap:var(--space-4);min-width:0}.org-card-icon{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-white);background:var(--color-navy)}.org-card-icon.org-type-client{background:var(--color-accent)}.org-card-details{min-width:0}.org-card-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-navy);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-card-type{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--weight-medium)}.org-selector-footer{text-align:center;margin-top:var(--space-6)}.workshop-dashboard{padding:var(--space-6);max-width:72rem;margin-inline:auto}.workshop-welcome{margin-bottom:var(--space-6)}.workshop-welcome h1{margin-bottom:var(--space-1)}.workshop-welcome p{color:var(--color-text-muted);margin-bottom:0}.module-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);text-decoration:none;color:inherit;cursor:pointer}.module-card:hover{text-decoration:none;border-color:var(--color-accent)}.module-card-icon{flex-shrink:0;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-accent-bg);color:var(--color-accent)}.module-card-icon svg{width:1.25rem;height:1.25rem}.module-card-body h4{margin-bottom:var(--space-1);font-size:var(--text-base)}.module-card-body p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0}.workshop-section-heading{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-navy);margin-bottom:var(--space-4)}.portal-dashboard{padding:var(--space-6);max-width:72rem;margin-inline:auto}.portal-welcome{margin-bottom:var(--space-6)}.portal-welcome h1{margin-bottom:var(--space-1)}.portal-welcome p{color:var(--color-text-muted);margin-bottom:0}.card-stat-danger{border-top:3px solid var(--color-danger);background:var(--color-danger-light)}.card-stat-danger .stat-value{color:var(--color-danger)}.card-stat-danger .stat-label{color:#991b1b}.portal-section-heading{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-navy);margin-bottom:var(--space-4)}.portal-module-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);text-decoration:none;color:inherit;cursor:pointer}.portal-module-card:hover{text-decoration:none;border-color:var(--color-accent)}.portal-module-icon{flex-shrink:0;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-accent-bg);color:var(--color-accent)}.portal-module-icon svg{width:1.25rem;height:1.25rem}.portal-module-body h4{margin-bottom:var(--space-1);font-size:var(--text-base)}.portal-module-body p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0}.survey-page{padding:var(--space-6);max-width:72rem;margin-inline:auto}.survey-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.survey-search{flex:1;max-width:20rem}.survey-filter{width:10rem}.csv-import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1f3d80;display:flex;align-items:center;justify-content:center;z-index:1000}.csv-import-dialog{width:100%;max-width:32rem;max-height:90vh;overflow-y:auto}.site-detail-header{margin-bottom:var(--space-6)}.site-detail-header h2{margin-bottom:var(--space-2)}.site-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width:768px){.site-detail-stats{grid-template-columns:repeat(2,1fr)}}.site-detail-tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-4)}.site-detail-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.site-detail-tab:hover{color:var(--color-text)}.site-detail-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.site-detail-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.site-detail-search{flex:1;max-width:24rem}.site-detail-count{font-size:var(--text-sm);color:var(--color-text-muted);margin-left:auto}.site-detail-load-more{display:flex;justify-content:center;padding:var(--space-4)}.table td.keys-cell{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table td.keys-cell:hover{white-space:normal;overflow:visible}.key-hierarchy-summary{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.key-tree{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);padding:var(--space-3) 0;max-height:70vh;overflow-y:auto}.key-tree-node{padding:var(--space-1) var(--space-3)}.key-tree-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}.key-tree-row:hover{background:var(--color-surface);border-radius:var(--radius-md)}.key-tree-toggle{background:none;border:none;cursor:pointer;font-size:var(--text-xs);color:var(--color-text-muted);width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.key-tree-toggle:hover{color:var(--color-accent)}.key-tree-spacer{width:1.25rem;flex-shrink:0}.keying-matrix-wrapper{overflow:auto;max-height:70vh;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white)}.keying-matrix{border-collapse:separate;border-spacing:0;font-size:var(--text-xs);width:auto;min-width:100%}.keying-matrix thead th{position:sticky;top:0;z-index:2;background:var(--color-surface);border-bottom:2px solid var(--color-border)}.keying-corner{position:sticky;left:0;z-index:3;background:var(--color-surface);min-width:6rem;font-size:var(--text-xs);color:var(--color-text-muted)}.keying-col-header{text-align:center;padding:var(--space-2) var(--space-1);min-width:2.5rem;max-width:3rem;white-space:nowrap}.keying-col-header span{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-mono);font-weight:var(--weight-semibold);font-size:var(--text-xs)}.keying-row-header{position:sticky;left:0;z-index:1;background:var(--color-white);border-right:2px solid var(--color-border);padding:var(--space-1) var(--space-2);white-space:nowrap;font-size:var(--text-xs)}.keying-cell{text-align:center;padding:var(--space-1)}.keying-cb{width:1rem;height:1rem;cursor:pointer;accent-color:var(--color-accent)}.keying-cb:disabled{cursor:wait;opacity:.5}.keying-promaster{background:var(--color-accent-lightest, #e8f0fe)}.keying-promaster-tick{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;font-size:.75rem;font-weight:700;color:var(--color-white);background:var(--color-accent, #2563eb);border-radius:2px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.keying-promaster-tick:hover{background:var(--color-danger, #dc2626)}.keying-pending{background:#fef3c7}.keying-pending-indicator{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;font-size:.75rem;font-weight:700;color:var(--color-white);background:#f59e0b;border-radius:2px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.keying-pending-indicator:hover{background:var(--color-danger, #dc2626)}.keying-add-request{display:inline-block;width:1rem;height:1rem;border:1px dashed var(--color-border, #d1d5db);border-radius:2px;cursor:pointer}.keying-add-request:hover{background:#fef3c7;border-color:#f59e0b}.visits-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);padding:var(--space-3) var(--space-4)}.visits-toggle{background:none;border:none;cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);padding:0}.visits-toggle:hover{color:var(--color-text)}.visits-content{margin-top:var(--space-3)}.visits-add-form{padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md)}.production-page{padding:var(--space-6);max-width:72rem;margin-inline:auto}.production-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.production-search{flex:1;max-width:20rem}.production-filter{width:10rem}.progress-bar-mini{width:4rem;height:.5rem;background:var(--color-border, #e5e7eb);border-radius:999px;overflow:hidden}.kc-step-cell{display:flex;flex-direction:column;align-items:center}.kc-step-input{border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-md, 4px);padding:var(--space-1, 2px);font-size:var(--text-xs, .75rem);font-family:var(--font-mono, monospace)}.kc-step-input:focus{outline:none;border-color:var(--color-accent, #2563eb)}.progress-bar-fill{height:100%;background:var(--color-accent, #2563eb);border-radius:999px;transition:width .2s ease}.production-bulk-actions{position:sticky;top:0;z-index:20;background:var(--color-surface, #fff);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border, #e5e7eb)}.production-page .table-wrapper{overflow:visible}.production-page .table thead th{position:sticky;top:3rem;z-index:10;background:var(--color-surface, #fff);box-shadow:inset 0 -1px 0 var(--color-border, #e5e7eb)}.fault-page{padding:var(--space-6);max-width:72rem;margin-inline:auto}.fault-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.fault-search{flex:1;max-width:20rem}.fault-filter{width:10rem}.fault-desc{max-width:16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.key-issue-page{padding:var(--space-6);max-width:72rem;margin-inline:auto}.key-issue-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.key-issue-search{flex:1;max-width:20rem}.key-issue-filter{width:10rem}.liability-value{font-weight:var(--weight-semibold);font-family:var(--font-mono)}.liability-high{color:var(--color-danger);font-weight:var(--weight-bold)}.audit-page{padding:var(--space-6);max-width:72rem;margin-inline:auto}.audit-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.audit-search{flex:1;max-width:14rem}.audit-filter,.audit-date{width:10rem}.audit-notes{max-width:16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reporting-page{padding:var(--space-6);max-width:72rem;margin-inline:auto}.report-card .card-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.report-card h4{margin-bottom:0;font-size:var(--text-base)}.report-card p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0;flex:1}.report-card .btn{align-self:flex-start}.ws-report-page{padding:var(--space-6);max-width:80rem;margin-inline:auto}.ws-report-section{margin-bottom:var(--space-8)}.ws-report-section h3{margin-bottom:var(--space-4);font-size:var(--text-xl);color:var(--color-navy)}.ws-pipeline-cards{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.ws-pipeline-card{flex:1;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);text-align:center;box-shadow:var(--shadow-sm)}.ws-pipeline-count{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-navy);line-height:1;margin-bottom:var(--space-1)}.ws-pipeline-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-medium)}.ws-pipeline-arrow{font-size:var(--text-xl);color:var(--color-border-strong);flex-shrink:0}.ws-pipeline-bar-container{margin-bottom:var(--space-2)}.ws-pipeline-bar{height:12px;background:var(--color-surface-alt);border-radius:var(--radius-full);overflow:hidden;display:flex}.ws-pipeline-bar-seg{height:100%;transition:width var(--transition-base)}.ws-pipeline-bar-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.ws-gap-warning{color:var(--color-warning);font-weight:var(--weight-semibold)}.ws-gap-ok{color:var(--color-success);font-weight:var(--weight-semibold)}.ws-progress-sm{display:flex;align-items:center;gap:var(--space-2);min-width:80px}.ws-progress-sm-bar{height:6px;border-radius:var(--radius-full);flex:1;background:var(--color-surface-alt);position:relative;overflow:hidden}.ws-progress-sm .ws-progress-sm-bar,.ws-progress-sm{position:relative}.ws-progress-sm-bar{height:6px;border-radius:var(--radius-full);transition:width var(--transition-base);min-width:2px}.ws-progress-sm-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text);white-space:nowrap;min-width:32px;text-align:right}.ws-progress-sm{background:var(--color-surface-alt);border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--space-2);padding-right:var(--space-2);min-width:100px}.ws-progress-sm-bar{height:6px;border-radius:var(--radius-full)}.ws-status-dot{display:inline-block;width:10px;height:10px;border-radius:var(--radius-full);margin-right:var(--space-2);vertical-align:middle}.ws-recon-bar{height:8px;background:var(--color-surface-alt);border-radius:var(--radius-full);overflow:hidden}.ws-recon-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.ws-recon-table td{vertical-align:middle}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{background:var(--color-surface);border-bottom:2px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);white-space:nowrap}.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.data-table tbody tr:hover{background:var(--color-surface)}.badge{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);white-space:nowrap}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-muted{background:var(--color-surface-alt);color:var(--color-text-muted)}.form-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text)}.form-select:focus{outline:2px solid var(--color-accent);outline-offset:1px}.ws-report-loading{padding:var(--space-8) 0}.ws-schedule-bar-track{position:relative;height:20px;background:var(--color-surface-alt);border-radius:var(--radius-sm);overflow:visible}.ws-schedule-bar{position:absolute;top:2px;height:16px;border-radius:var(--radius-sm);overflow:hidden;min-width:4px}.ws-schedule-bar-fill{height:100%;background:#fff6;border-radius:var(--radius-sm)}.ws-schedule-now{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--color-danger);z-index:1}@media(max-width:768px){.ws-pipeline-cards{flex-direction:column}.ws-pipeline-arrow{transform:rotate(90deg)}.ws-pipeline-card{width:100%}}.team-page{padding:var(--space-6);max-width:80rem;margin-inline:auto}.team-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.team-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.team-tab:hover{color:var(--color-text)}.team-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.team-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);margin-left:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--color-surface-alt);border-radius:var(--radius-full)}.team-tab.active .team-tab-count{background:var(--color-accent-bg);color:var(--color-accent)}.team-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.team-search{flex:1;max-width:20rem}.team-filter{width:10rem}.badge-navy{background:var(--color-navy);color:var(--color-text-inverse)}.badge-accent{background:var(--color-accent-bg);color:var(--color-accent)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-outline{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-muted);font-size:var(--text-xs);padding:1px var(--space-2)}.badge-sm{font-size:10px;padding:1px var(--space-1)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1f3d80;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:var(--text-xl)}.modal-close{background:none;border:none;font-size:var(--text-2xl);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);line-height:1}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--space-5)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.form-input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-bg)}.form-input:disabled{background:var(--color-surface-alt);color:var(--color-text-muted)}.team-step-checks,.team-cabinet-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.team-check-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm)}.team-check-label:hover{background:var(--color-surface-alt)}@media(max-width:768px){.team-step-checks,.team-cabinet-checks{grid-template-columns:repeat(2,1fr)}}.installation-page{padding:var(--space-6);max-width:72rem;margin-inline:auto}.installation-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.installation-search{flex:1;max-width:20rem}.installation-filter{width:12rem}.progress-bar-mini{background:var(--color-surface-alt);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-success);border-radius:var(--radius-full);transition:width var(--transition-base)}.install-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:10px;font-weight:var(--weight-bold);border-radius:var(--radius-full);background:var(--color-accent-bg);color:var(--color-accent);margin-right:2px}.install-photo-gallery{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:60px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.install-photo-thumb{position:relative;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.install-photo-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.install-photo-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;padding:0;background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-full);font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.install-photo-thumb:hover .install-photo-remove{opacity:1}.install-signoff-thumb{display:inline-block;width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.install-signoff-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.signoff-detail-row td{border-bottom:1px solid var(--color-border)}.key-return-page{padding:var(--space-6);max-width:72rem;margin-inline:auto}.key-return-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.key-return-search{flex:1;max-width:20rem}.days-out-overdue{color:var(--color-danger);font-weight:var(--weight-bold)}.row-overdue{background:var(--color-danger-light)}.row-overdue:hover{background:#fdd8d8}.cabinet-page{padding:var(--space-6);max-width:72rem;margin-inline:auto}.cabinet-card{cursor:pointer;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.cabinet-card-selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-bg),var(--shadow-md)}.cabinet-card-name{margin-bottom:0}.cabinet-progress-track{width:100%;height:.5rem;background:var(--color-surface-alt);border-radius:var(--radius-full);overflow:hidden}.cabinet-progress-bar{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--transition-base)}.cabinet-contents-section{margin-top:var(--space-8)}.cabinet-contents-section h3{margin-bottom:var(--space-2)}.settings-page{padding:var(--space-6);max-width:72rem;margin-inline:auto}.settings-tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-6)}.settings-tab{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.settings-tab:hover{color:var(--color-text)}.settings-tab-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.settings-logo-upload{border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:border-color var(--transition-fast)}.settings-logo-upload:hover{border-color:var(--color-accent)}.settings-logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.settings-users-search{flex:1;max-width:20rem}.settings-usage-placeholder{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-6);text-align:center}.settings-notification-list{display:flex;flex-direction:column}.settings-notification-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.settings-notification-row:last-child{border-bottom:none}.settings-notification-info{display:flex;flex-direction:column;gap:var(--space-1)}.settings-toggle{position:relative;display:inline-block;width:2.75rem;height:1.5rem;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--color-border-strong);border-radius:var(--radius-full);transition:background var(--transition-fast)}.settings-toggle-slider:before{content:"";position:absolute;height:1.125rem;width:1.125rem;left:.1875rem;bottom:.1875rem;background:var(--color-white);border-radius:var(--radius-full);transition:transform var(--transition-fast)}.settings-toggle input:checked+.settings-toggle-slider{background:var(--color-accent)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(1.25rem)}.settings-toggle input:focus-visible+.settings-toggle-slider{outline:2px solid var(--color-accent);outline-offset:2px}.admin-dashboard{padding:var(--space-6);max-width:72rem;margin-inline:auto}.admin-welcome{margin-bottom:var(--space-6)}.admin-welcome h1{margin-bottom:var(--space-1)}.admin-welcome p{color:var(--color-text-muted);margin-bottom:0}.admin-section-heading{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-navy);margin-bottom:var(--space-4)}.admin-module-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);text-decoration:none;color:inherit;cursor:pointer}.admin-module-card:hover{text-decoration:none;border-color:var(--color-accent)}.admin-module-icon{flex-shrink:0;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-accent-bg);color:var(--color-accent)}.admin-module-icon svg{width:1.25rem;height:1.25rem}.admin-module-body{flex:1}.admin-module-body h4{margin-bottom:var(--space-1);font-size:var(--text-base)}.admin-module-body p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0}.admin-module-meta{flex-shrink:0;align-self:center}.admin-module-page{padding:var(--space-6);max-width:72rem;margin-inline:auto}