:root{--navy: #0b1e3d;--teal: #00c2a8;--teal-dim: #00a38e;--cream: #f5f1eb;--warm: #f9f5f0;--text: #1a2a40;--muted: #6b7a8d;--red: #e84e4e;--amber: #f5a623;--green: #27ae60;--card: #ffffff;--border: #e4e9f0;--sidebar-w: 240px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--warm);color:var(--text);display:flex;min-height:100vh;font-size:14px}.sidebar{width:var(--sidebar-w);background:var(--navy);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.logo{padding:28px 20px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.logo-mark{font-family:Syne,sans-serif;font-weight:800;font-size:18px;color:#fff;letter-spacing:-.5px}.logo-mark span{color:var(--teal)}.logo-sub{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:1.5px;margin-top:2px}nav{padding:20px 0;flex:1}.nav-group-label{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#ffffff4d;padding:12px 20px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#ffffff8c;cursor:pointer;border-left:3px solid transparent;transition:all .2s;font-size:13.5px}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:var(--teal);border-left-color:var(--teal);background:#00c2a814}.nav-item svg{width:16px;height:16px;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.user-chip{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:700;font-size:12px;color:var(--navy);flex-shrink:0}.user-name{font-size:13px;color:#fff;font-weight:500}.user-role{font-size:11px;color:#fff6}.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:14px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.page-title{font-family:Syne,sans-serif;font-size:20px;font-weight:700;color:var(--navy)}.topbar-actions{display:flex;align-items:center;gap:12px}.btn{padding:8px 16px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dim)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--teal);color:var(--teal)}.content{padding:28px 32px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{background:#fff;border-radius:12px;padding:20px;border:1px solid var(--border);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0}.stat-card.teal:before{background:var(--teal)}.stat-card.amber:before{background:var(--amber)}.stat-card.red:before{background:var(--red)}.stat-card.green:before{background:var(--green)}.stat-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.stat-value{font-family:Syne,sans-serif;font-size:32px;font-weight:700;color:var(--navy);margin:4px 0}.stat-delta{font-size:12px;color:var(--green);display:flex;align-items:center;gap:4px}.stat-delta.down{color:var(--red)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.grid-3{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.card{background:#fff;border-radius:12px;border:1px solid var(--border);overflow:hidden}.card-header{padding:18px 20px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-family:Syne,sans-serif;font-size:15px;font-weight:700;color:var(--navy)}.card-body{padding:20px}.staff-table{width:100%;border-collapse:collapse}.staff-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--border);font-weight:500}.staff-table td{padding:12px;border-bottom:1px solid #f0f4f8;vertical-align:middle}.staff-table tr:last-child td{border-bottom:none}.staff-table tr:hover td{background:#fafcfe}.staff-name{font-weight:500;color:var(--navy)}.staff-role{font-size:12px;color:var(--muted)}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500}.tag-active{background:#e8f8f4;color:var(--teal-dim)}.tag-warning{background:#fff6e5;color:#c47d00}.tag-danger{background:#fdecea;color:var(--red)}.tag-info{background:#e8f0fe;color:#3a6fcc}.compliance-item{margin-bottom:16px}.comp-top{display:flex;justify-content:space-between;margin-bottom:6px}.comp-label{font-size:13px;color:var(--text);font-weight:500}.comp-pct{font-size:13px;font-weight:600;color:var(--navy)}.bar-track{height:6px;background:#eef1f6;border-radius:10px;overflow:hidden}.bar-fill{height:100%;border-radius:10px;transition:width 1s ease}.fill-green{background:var(--green)}.fill-teal{background:var(--teal)}.fill-amber{background:var(--amber)}.fill-red{background:var(--red)}.alert-list{display:flex;flex-direction:column;gap:10px}.alert-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;background:var(--warm);border-left:4px solid transparent}.alert-item.urgent{border-left-color:var(--red);background:#fef9f9}.alert-item.warn{border-left-color:var(--amber);background:#fffbf2}.alert-item.info{border-left-color:var(--teal);background:#f0fbf9}.alert-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}.dot-red{background:var(--red)}.dot-amber{background:var(--amber)}.dot-teal{background:var(--teal)}.alert-msg{font-size:13px;line-height:1.4;color:var(--text)}.alert-time{font-size:11px;color:var(--muted);margin-top:2px}.schedule-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f4f8}.schedule-row:last-child{border-bottom:none}.sch-day{width:32px;text-align:center;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.sch-bar-wrap{flex:1;position:relative;height:24px;background:#f0f4f8;border-radius:6px;overflow:hidden}.sch-bar{position:absolute;top:0;bottom:0;border-radius:6px;display:flex;align-items:center;padding:0 8px;font-size:11px;color:#fff;font-weight:500;white-space:nowrap}.sch-count{font-size:12px;color:var(--muted);width:40px;text-align:right;flex-shrink:0}.donut-wrap{display:flex;align-items:center;gap:24px}.donut-svg{flex-shrink:0}.donut-legend{display:flex;flex-direction:column;gap:10px}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-label{font-size:12px;color:var(--muted)}.legend-val{font-size:13px;font-weight:600;color:var(--navy)}.tabs{display:flex;gap:2px;padding:0 20px;border-bottom:1px solid var(--border)}.tab{padding:12px 16px;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;font-weight:500;transition:all .2s;white-space:nowrap}.tab.active{color:var(--teal);border-bottom-color:var(--teal)}.tab:hover{color:var(--navy)}.mini-profiles{display:flex;flex-direction:column;gap:10px}.mini-profile{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;background:var(--warm)}.mini-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.mini-info{flex:1}.mini-name{font-size:13px;font-weight:500;color:var(--navy)}.mini-role-text{font-size:11px;color:var(--muted)}.cqc-banner{background:linear-gradient(135deg,var(--navy) 0%,#1a3a6e 100%);border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cqc-left{display:flex;align-items:center;gap:16px}.cqc-icon{width:44px;height:44px;background:#00c2a833;border-radius:10px;display:flex;align-items:center;justify-content:center}.cqc-text h3{font-family:Syne,sans-serif;font-size:15px;font-weight:700;color:#fff}.cqc-text p{font-size:12px;color:#ffffff8c;margin-top:2px}.cqc-score{text-align:right}.cqc-val{font-family:Syne,sans-serif;font-size:28px;font-weight:800;color:var(--teal)}.cqc-label{font-size:11px;color:#fff6}.notif-btn{width:36px;height:36px;border-radius:8px;background:var(--warm);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.notif-btn svg{width:18px;height:18px;color:var(--muted)}.notif-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--red);border-radius:50%;border:1.5px solid #fff}.search-bar{display:flex;align-items:center;gap:8px;background:var(--warm);border:1.5px solid var(--border);border-radius:8px;padding:7px 12px;min-width:200px}.search-bar svg{width:15px;height:15px;color:var(--muted);flex-shrink:0}.search-bar input{border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text);outline:none;width:100%}.search-bar input::placeholder{color:var(--muted)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.qa-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border-radius:12px;background:#fff;border:1px solid var(--border);cursor:pointer;transition:all .2s}.qa-btn:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 4px 12px #00c2a81a}.qa-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.qa-icon svg{width:20px;height:20px}.qa-label{font-size:12px;font-weight:500;color:var(--text);text-align:center}.icon-bg-teal{background:#e8faf7;color:var(--teal)}.icon-bg-amber{background:#fff6e5;color:var(--amber)}.icon-bg-blue{background:#e8f0fe;color:#3a6fcc}.icon-bg-red{background:#fdecea;color:var(--red)}.icon-bg-green{background:#e8f8ed;color:var(--green)}.icon-bg-purple{background:#f0e8fe;color:#7c3aed}.section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-hd h2{font-family:Syne,sans-serif;font-size:17px;font-weight:700;color:var(--navy)}.compare-header{background:var(--navy);color:#fff;padding:28px 32px;border-bottom:1px solid var(--border)}.compare-header h1{font-family:Syne,sans-serif;font-size:22px;font-weight:800}.compare-header p{color:#ffffff8c;font-size:13px;margin-top:4px}.compare-table{width:100%;border-collapse:collapse}.compare-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);border-bottom:1px solid var(--border);font-weight:500}.compare-table td{padding:14px 16px;border-bottom:1px solid #f0f4f8;font-size:13px;vertical-align:middle}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:hover td{background:#fafcfe}.winner-row td{background:#f0fbf9!important}.platform-name{font-weight:600;color:var(--navy)}.platform-best{font-size:11px;color:var(--muted)}.star{color:var(--amber);font-size:13px}.check{color:var(--green);font-size:14px}.cross{color:var(--muted);font-size:14px}.partial{color:var(--amber);font-size:14px}.winner-badge{display:inline-flex;align-items:center;gap:4px;background:var(--teal);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.8px}.price-tag{font-weight:600;color:var(--navy)}.price-sub{font-size:11px;color:var(--muted)}.view-toggle{display:flex;background:var(--warm);border:1px solid var(--border);border-radius:8px;overflow:hidden}.vt-btn{padding:7px 14px;font-size:12px;color:var(--muted);cursor:pointer;font-family:DM Sans,sans-serif;font-weight:500;border:none;background:transparent;transition:all .2s}.vt-btn.active{background:#fff;color:var(--navy);box-shadow:0 1px 4px #0000000f}.page-view{display:none}.page-view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.content{animation:fadeIn .3s ease}.donut-center{font-family:Syne,sans-serif}.ob-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f0f7ff);padding:3rem 1rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:#0f172a}.ob-header{max-width:48rem;margin:0 auto 2.5rem;text-align:center}.ob-header h1{font-size:1.875rem;font-weight:800;color:#0f172a;letter-spacing:-.025em;margin-bottom:.5rem}.ob-header p{font-size:1rem;color:#64748b;margin:0}.ob-container{max-width:42rem;margin:0 auto}.ob-progress{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.ob-progress-line{flex:1;height:1px;background-color:#e2e8f0}.ob-step-done{width:1.75rem;height:1.75rem;border-radius:9999px;background-color:#22c55e;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.ob-step-active{width:1.75rem;height:1.75rem;border-radius:9999px;background-color:#3b82f6;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.ob-step-pending{width:1.75rem;height:1.75rem;border-radius:9999px;background-color:#f1f5f9;color:#94a3b8;font-size:.75rem;font-weight:500;display:flex;align-items:center;justify-content:center}.ob-step-text{font-size:.875rem;font-weight:500;color:#3b82f6}.ob-sections{display:flex;flex-direction:column;gap:2.5rem}.ob-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000000d}@media(min-width:640px){.ob-card{padding:2.5rem}}.ob-section-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:2rem}.ob-icon{width:2.25rem;height:2.25rem;border-radius:.5rem;background-color:#eff6ff;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.ob-title{font-size:.875rem;font-weight:600;color:#1e293b;margin:0}.ob-subtitle{font-size:.75rem;color:#94a3b8;margin:.125rem 0 0}.ob-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;row-gap:2rem}.ob-col-full{grid-column:span 2 / span 2}.ob-label{display:block;font-size:.875rem;font-weight:600;color:#334155;margin-bottom:.5rem}.ob-input,.ob-select{width:100%;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem 1rem;font-size:1rem;color:#0f172a;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.ob-input::placeholder{color:#94a3b8}.ob-input:hover,.ob-select:hover{background-color:#fff}.ob-input:focus,.ob-select:focus{background-color:#fff;outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.ob-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.ob-file-upload{display:flex;align-items:center;gap:.75rem;width:100%;border:1px dashed #cbd5e1;border-radius:.5rem;padding:.625rem .75rem;cursor:pointer;transition:all .2s ease}.ob-file-upload:hover{border-color:#60a5fa;background-color:#eff6ff}.ob-file-upload svg{color:#94a3b8;width:1rem;height:1rem}.ob-file-upload span{font-size:.75rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-file-upload:hover svg,.ob-file-upload:hover span{color:#2563eb}.ob-file-success{font-size:.75rem;color:#16a34a;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.ob-actions{display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;padding-top:1rem}.ob-btn-primary{display:inline-flex;align-items:center;gap:.5rem;background-color:#2563eb;color:#fff;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.ob-btn-primary:hover{background-color:#1d4ed8;transform:translateY(-1px)}.ob-btn-submit{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;background-color:#16a34a;color:#fff;font-size:.875rem;font-weight:600;padding:.75rem 2rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.ob-btn-submit:hover:not(:disabled){background-color:#15803d;transform:translateY(-1px)}.ob-btn-submit:disabled{opacity:.7;cursor:not-allowed}.ob-btn-secondary{color:#64748b;font-size:.875rem;font-weight:500;padding:.5rem 1rem;background-color:#f1f5f9;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease}.ob-btn-secondary:hover:not(:disabled){color:#334155;background-color:#e2e8f0}.ob-toggle{flex:1;padding:.625rem;border-radius:.5rem;border:1px solid #e2e8f0;font-size:.875rem;font-weight:500;background-color:#fff;color:#475569;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.ob-toggle:hover{border-color:#93c5fd}.ob-toggle-active,.yes,.no,.unsure{background-color:#2563eb!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 1px 2px #0000000d!important}.btn-container{display:flex!important;gap:.75rem!important;margin-top:.25rem!important}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-x-6{column-gap:1.5rem}.gap-y-8{row-gap:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-8{margin-bottom:2rem}.ml-7{margin-left:1.75rem}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.w-4{width:1rem}.h-4{height:1rem}.border-red-300{border-color:#fca5a5!important}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-green-600{color:#16a34a}.text-gray-400{color:#94a3b8}.text-gray-500{color:#64748b}.text-gray-700{color:#334155}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.rounded-xl{border-radius:.75rem}.bg-gray-50{background-color:#f8fafc}.border{border-width:1px}.border-gray-100{border-color:#f1f5f9}.border-gray-300{border-color:#cbd5e1}.overflow-y-auto{overflow-y:auto}.h-full{height:100%}.m-0{margin:0}.flex-shrink-0{flex-shrink:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none}.cursor-pointer{cursor:pointer}.group-hover\:text-blue-500:hover{color:#3b82f6}