:root{--color-primary: #1b2a4a;--color-primary-light: #2c4270;--color-primary-dark: #121d33;--color-secondary: #00a3b5;--color-secondary-light: #1ec4d6;--color-secondary-dark: #007e8c;--color-accent: #f5a623;--color-danger: #e74c3c;--color-success: #27ae60;--color-text: #2c3e50;--color-text-mut: #7f8c8d;--color-bg: #ecf0f1;--color-surface: #ffffff;--color-border: #dde3e6;--color-border-strong: #c4ccd1;--tint-danger: #fdecea;--tint-accent: #fef4e3;--tint-success: #e7f6ee;--tint-secondary: #e3f7f9;--tint-primary: #e8ebf1;--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--shadow-raised: 0 6px 20px rgba(0, 0, 0, .14);--shadow-pop: 0 12px 36px rgba(0, 0, 0, .22);--radius: 8px;--radius-sm: 5px;--radius-lg: 12px;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--sidebar-w: 236px;--topbar-h: 56px;--header-h: 60px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:14px;font-weight:400;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--color-secondary-dark);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:0;z-index:2000;background:var(--color-primary);color:#fff;padding:10px 16px;border-radius:0 0 var(--radius) 0}.skip-link:focus{left:0}.page-title{font-size:24px;font-weight:700;color:var(--color-primary);line-height:1.2}.page-subtitle{font-size:14px;color:var(--color-text-mut);margin-top:2px}.section-header{font-size:18px;font-weight:600;color:var(--color-text)}.card-title{font-size:14px;font-weight:600;color:var(--color-text)}.muted{color:var(--color-text-mut)}.kpi-number{font-size:28px;font-weight:700;line-height:1}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"topbar topbar" "sidebar main";height:100vh;overflow:hidden}.topbar{grid-area:topbar;background:var(--color-primary);color:#fff;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);z-index:50}.topbar-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:#fff;letter-spacing:.2px}.topbar-brand:hover{text-decoration:none}.topbar-brand .logo-mark{width:30px;height:30px;flex:none}.topbar-search{flex:1;max-width:460px;position:relative}.topbar-search input{width:100%;height:36px;border:none;border-radius:var(--radius);padding:0 12px 0 36px;font-size:13px;background:#ffffff24;color:#fff}.topbar-search input::placeholder{color:#ffffffa6}.topbar-search input:focus{background:#ffffff38}.topbar-search .search-ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.8}.topbar-search-results{position:absolute;top:42px;left:0;right:0;background:#fff;color:var(--color-text);border-radius:var(--radius);box-shadow:var(--shadow-pop);overflow:hidden;max-height:380px;overflow-y:auto;z-index:60}.topbar-search-results .sr-group{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-mut);padding:8px 14px 4px}.topbar-search-results .sr-item{display:block;width:100%;text-align:left;border:none;background:none;padding:8px 14px;font-size:13px;color:var(--color-text)}.topbar-search-results .sr-item:hover{background:var(--color-bg)}.topbar-spacer{flex:1}.sidebar{grid-area:sidebar;background:var(--color-primary-dark);color:#cfd6e4;overflow-y:auto;padding:var(--space-3) 0 var(--space-6)}.sidebar-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#6b7894;padding:14px 20px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 20px;color:#cfd6e4;font-size:13px;font-weight:500;border-left:3px solid transparent;transition:background .12s ease}.nav-item:hover{background:#ffffff0f;text-decoration:none;color:#fff}.nav-item.active{background:#00a3b529;border-left-color:var(--color-secondary);color:#fff}.nav-item .nav-ico{flex:none;opacity:.9}.app-main{grid-area:main;display:flex;flex-direction:column;overflow:hidden}.app-header{height:var(--header-h);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-5);gap:var(--space-4);flex:none}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-mut)}.breadcrumb .crumb-current{color:var(--color-text);font-weight:600}.breadcrumb a:hover{color:var(--color-secondary-dark)}.header-spacer{flex:1}.bell-btn{position:relative;width:38px;height:38px;border:none;background:var(--color-bg);border-radius:var(--radius);display:grid;place-items:center;color:var(--color-primary)}.bell-btn:hover{background:var(--color-border)}.bell-badge{position:absolute;top:-4px;right:-4px;background:var(--color-danger);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px;border:2px solid var(--color-surface)}.dropdown-panel{position:absolute;top:46px;right:0;width:340px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-pop);z-index:80;overflow:hidden}.dropdown-panel.user-menu{width:230px}.dropdown-head{padding:12px 16px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:13px}.dropdown-head button{border:none;background:none;color:var(--color-secondary-dark);font-size:12px;font-weight:600}.notif-list{max-height:380px;overflow-y:auto}.notif-row{display:flex;gap:10px;padding:11px 16px;border-bottom:1px solid var(--color-border);cursor:pointer;font-size:13px}.notif-row:hover{background:var(--color-bg)}.notif-row.unread{background:var(--tint-secondary)}.notif-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:none}.notif-title{font-weight:600}.notif-msg{color:var(--color-text-mut);font-size:12px;margin-top:2px}.notif-time{color:var(--color-text-mut);font-size:11px;margin-top:3px}.user-chip{display:flex;align-items:center;gap:9px;background:none;border:none;padding:5px 8px;border-radius:var(--radius)}.user-chip:hover{background:var(--color-bg)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--color-secondary);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;flex:none}.user-chip-meta{text-align:left;line-height:1.25}.user-chip-name{font-size:13px;font-weight:600;color:var(--color-text)}.user-chip-role{font-size:11px;color:var(--color-text-mut)}.menu-item{display:flex;align-items:center;gap:9px;width:100%;border:none;background:none;padding:10px 16px;font-size:13px;text-align:left;color:var(--color-text)}.menu-item:hover{background:var(--color-bg)}.menu-item.danger{color:var(--color-danger)}.app-content{flex:1;overflow-y:auto;padding:var(--space-5)}.page{max-width:1640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-head-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.card-pad{padding:var(--space-5)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:14px var(--space-5);border-bottom:1px solid var(--color-border)}.card-head h3{font-size:15px;font-weight:600;color:var(--color-text)}.card-head .card-sub{font-size:12px;color:var(--color-text-mut);font-weight:400}.card-body{padding:var(--space-5)}.card-body.flush{padding:0}.grid{display:grid;gap:var(--space-5)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1366px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1100px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat-banner{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--color-border);overflow:hidden}@media (max-width: 1100px){.stat-banner{grid-auto-flow:row;grid-template-columns:repeat(2,1fr)}}.stat-cell{padding:16px 20px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.stat-cell:last-child{border-right:none}.stat-cell .stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-mut);display:flex;align-items:center;gap:6px}.stat-cell .stat-value{font-size:28px;font-weight:700;color:var(--color-secondary-dark)}.stat-cell .stat-value.tone-primary{color:var(--color-primary)}.stat-cell .stat-value.tone-danger{color:var(--color-danger)}.stat-cell .stat-value.tone-accent{color:var(--color-accent)}.stat-cell .stat-value.tone-success{color:var(--color-success)}.stat-cell .stat-hint{font-size:12px;color:var(--color-text-mut)}.stat-cell-link{text-decoration:none;color:inherit;cursor:pointer;transition:background .15s ease,transform .15s ease}.stat-cell-link:hover,.stat-cell-link:focus-visible{background:#00a3b50f}.stat-cell-link:hover .stat-value,.stat-cell-link:focus-visible .stat-value{text-decoration:underline}.stat-cell-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.dashboard-row-link{display:block;width:100%;text-align:left;background:none;border:none;padding:6px 8px;margin:-6px -8px;border-radius:6px;cursor:pointer;color:inherit;font:inherit;transition:background .15s ease}.dashboard-row-link:hover,.dashboard-row-link:focus-visible{background:#00a3b512}.dashboard-row-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:0}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;margin:0 -8px;border-radius:6px;text-decoration:none;color:inherit;transition:background .15s ease}.metric-row:hover,.metric-row:focus-visible{background:#00a3b512}.metric-row:hover strong,.metric-row:focus-visible strong{text-decoration:underline}.metric-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:0}.cell-link{display:inline-block;color:inherit;text-decoration:none;border-radius:4px}.cell-link:hover,.cell-link:focus-visible{text-decoration:underline}.cell-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 16px;border-radius:var(--radius);border:1px solid transparent;font-size:13px;font-weight:600;white-space:nowrap;transition:filter .12s ease,background .12s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-light)}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-light)}.btn-ghost{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-ghost:hover:not(:disabled){background:var(--color-bg)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-sm{height:30px;padding:0 11px;font-size:12px}.btn-icon{width:36px;padding:0}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px;line-height:1.4;white-space:nowrap;border:1px solid transparent}.badge .badge-ico{flex:none}.badge-success{background:var(--tint-success);color:#1c7a44;border-color:#bfe6cd}.badge-danger{background:var(--tint-danger);color:#b6362a;border-color:#f3c4bf}.badge-accent{background:var(--tint-accent);color:#a96d05;border-color:#f3dcae}.badge-secondary{background:var(--tint-secondary);color:#00707d;border-color:#b5e6eb}.badge-primary{background:var(--tint-primary);color:var(--color-primary);border-color:#c7cedd}.badge-neutral{background:var(--color-bg);color:var(--color-text-mut);border-color:var(--color-border)}.badge-sq{border-radius:var(--radius-sm)}.dt-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:12px var(--space-5);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.dt-search{position:relative;flex:1;min-width:200px;max-width:320px}.dt-search input{width:100%;height:34px;border:1px solid var(--color-border-strong);border-radius:var(--radius);padding:0 10px 0 32px;font-size:13px}.dt-search .search-ico{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--color-text-mut)}.dt-wrap{overflow-x:auto}table.dt{width:100%;border-collapse:collapse;font-size:13px}table.dt thead th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-mut);background:var(--color-bg);padding:10px 14px;border-bottom:1px solid var(--color-border);white-space:nowrap;position:sticky;top:0}table.dt thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.dt thead th.sortable:hover{color:var(--color-text)}table.dt thead th .sort-ind{margin-left:4px;opacity:.55}table.dt tbody td{padding:10px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle}table.dt tbody tr:hover{background:var(--tint-secondary)}table.dt tbody tr.row-selected{background:var(--tint-primary)}table.dt tbody tr.clickable{cursor:pointer}table.dt tbody tr:nth-child(2n):not(:hover):not(.row-selected){background:#fafbfc}.dt-checkbox{width:40px;text-align:center}.dt-numeric{text-align:right;font-variant-numeric:tabular-nums}.dt-footer{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-5);border-top:1px solid var(--color-border);gap:var(--space-3);flex-wrap:wrap}.dt-count{font-size:12px;color:var(--color-text-mut)}.dt-link{color:var(--color-secondary-dark);text-decoration:none}.dt-link:hover{text-decoration:underline}.bulk-bar{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-5);background:var(--tint-primary);border-bottom:1px solid var(--color-border);font-size:13px}.pagination{display:flex;align-items:center;gap:4px}.pagination button{min-width:32px;height:32px;border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--color-text);padding:0 8px}.pagination button:hover:not(:disabled){background:var(--color-bg)}.pagination button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination button:disabled{opacity:.45;cursor:not-allowed}.form-field{display:flex;flex-direction:column;gap:5px}.form-field label{font-size:12px;font-weight:600;color:var(--color-text)}.form-field label .req{color:var(--color-danger);margin-left:2px}.form-field .field-hint{font-size:11px;color:var(--color-text-mut)}.form-field .field-error{font-size:11.5px;color:var(--color-danger);font-weight:600;display:flex;align-items:center;gap:4px}.input,.select,.textarea{width:100%;border:1px solid var(--color-border-strong);border-radius:var(--radius);font-size:13px;font-family:inherit;color:var(--color-text);background:var(--color-surface)}.input,.select{height:36px;padding:0 11px}.textarea{padding:9px 11px;resize:vertical;min-height:78px}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-secondary)}.input.invalid,.select.invalid,.textarea.invalid{border-color:var(--color-danger);background:var(--tint-danger)}.input:disabled,.select:disabled{background:var(--color-bg);color:var(--color-text-mut)}.form-grid{display:grid;gap:var(--space-4)}.form-grid.cols-2{grid-template-columns:1fr 1fr}.form-grid.cols-3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 720px){.form-grid.cols-2,.form-grid.cols-3{grid-template-columns:1fr}}.field-span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2)}.segmented{display:inline-flex;background:var(--color-bg);border-radius:var(--radius);padding:3px;gap:3px}.segmented button{border:none;background:none;padding:6px 14px;font-size:12.5px;font-weight:600;border-radius:var(--radius-sm);color:var(--color-text-mut)}.segmented button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-card)}.filter-bar{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end}.filter-bar .form-field{min-width:150px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--color-border);overflow-x:auto}.tab-btn{border:none;background:none;padding:11px 16px;font-size:13px;font-weight:600;color:var(--color-text-mut);border-bottom:3px solid transparent;white-space:nowrap}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-secondary-dark);border-bottom-color:var(--color-secondary)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2a4a80;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:56px 16px;overflow-y:auto}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);width:100%;max-width:560px;display:flex;flex-direction:column;max-height:calc(100vh - 112px)}.modal.md{max-width:720px}.modal.lg{max-width:960px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.modal-head h2{font-size:16px;font-weight:700;color:var(--color-primary)}.modal-body{padding:20px;overflow-y:auto}.modal-foot{padding:14px 20px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-2)}.icon-btn{width:30px;height:30px;border:none;background:none;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--color-text-mut)}.icon-btn:hover{background:var(--color-bg);color:var(--color-text)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2a4a80;z-index:200;display:flex;justify-content:flex-end}.drawer{background:var(--color-surface);width:100%;max-width:540px;height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-pop);animation:slide-in .18s ease}.drawer.wide{max-width:720px}@keyframes slide-in{0%{transform:translate(40px);opacity:.4}}.toast-stack{position:fixed;bottom:20px;right:20px;z-index:500;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:12px 14px;display:flex;gap:10px;align-items:flex-start;border-left:4px solid var(--color-text-mut);animation:slide-in .18s ease}.toast.success{border-left-color:var(--color-success)}.toast.error{border-left-color:var(--color-danger)}.toast.warning{border-left-color:var(--color-accent)}.toast.info{border-left-color:var(--color-secondary)}.toast-title{font-weight:600;font-size:13px}.toast-msg{font-size:12.5px;color:var(--color-text-mut);margin-top:1px}.heatmap{display:inline-block}.heatmap-grid{display:grid;grid-template-columns:30px repeat(5,1fr);grid-template-rows:repeat(5,1fr) 30px;gap:4px}.hm-cell{position:relative;aspect-ratio:1.4 / 1;min-width:92px;border-radius:var(--radius-sm);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;font-weight:700;padding:4px}.hm-cell:hover{filter:brightness(1.08);box-shadow:inset 0 0 0 3px #ffffffb3}.hm-cell.zone-GREEN{background:var(--color-success)}.hm-cell.zone-AMBER{background:var(--color-accent)}.hm-cell.zone-RED{background:var(--color-danger)}.hm-cell .hm-score{font-size:11px;opacity:.85}.hm-cell .hm-count{font-size:20px}.hm-markers{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.hm-marker{width:13px;height:13px;display:inline-block}.hm-marker.inherent{background:var(--color-primary);border-radius:50%;border:2px solid #fff}.hm-marker.residual{background:var(--color-secondary);transform:rotate(45deg);border:2px solid #fff}.hm-axis-y,.hm-axis-x{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--color-text-mut)}.hm-axis-y{writing-mode:vertical-rl;transform:rotate(180deg)}.hm-axis-title{text-align:center;font-size:11px;font-weight:700;color:var(--color-text-mut);text-transform:uppercase;letter-spacing:.5px}.hm-legend{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-3);font-size:12px}.hm-legend-item{display:flex;align-items:center;gap:6px}.gauge{display:flex;flex-direction:column;align-items:center;gap:4px}.gauge-value{font-size:22px;font-weight:700}.gauge-label{font-size:12px;font-weight:600;color:var(--color-text);text-align:center}.gauge-sub{font-size:11px;color:var(--color-text-mut)}.row{display:flex;align-items:center;gap:var(--space-3)}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.col{display:flex;flex-direction:column;gap:var(--space-3)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.flex-1{flex:1}.text-right{text-align:right}.nowrap{white-space:nowrap}.divider{height:1px;background:var(--color-border);margin:var(--space-3) 0}.progress{height:8px;background:var(--color-bg);border-radius:5px;overflow:hidden;min-width:80px}.progress-fill{height:100%;background:var(--color-secondary);border-radius:5px;transition:width .3s ease}.progress-fill.danger{background:var(--color-danger)}.progress-fill.accent{background:var(--color-accent)}.progress-fill.success{background:var(--color-success)}.progress-row{display:flex;align-items:center;gap:8px}.progress-label{font-size:12px;font-weight:600;min-width:34px;text-align:right}.loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-mut)}.spinner{width:34px;height:34px;border:3px solid var(--color-border);border-top-color:var(--color-secondary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#e9edf0 25%,#f3f5f7,#e9edf0 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 16px;text-align:center;color:var(--color-text-mut)}.empty-state .empty-ico{width:56px;height:56px;border-radius:50%;background:var(--color-bg);display:grid;place-items:center;color:var(--color-text-mut)}.empty-state .empty-title{font-size:15px;font-weight:600;color:var(--color-text)}.file-drop{border:2px dashed var(--color-border-strong);border-radius:var(--radius);padding:28px 16px;text-align:center;color:var(--color-text-mut);background:var(--color-bg);cursor:pointer}.file-drop:hover,.file-drop.dragging{border-color:var(--color-secondary);background:var(--tint-secondary)}.file-chip{display:inline-flex;align-items:center;gap:8px;background:var(--tint-secondary);border:1px solid #b5e6eb;border-radius:var(--radius);padding:6px 10px;font-size:12.5px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}@media (max-width: 880px){.login-page{grid-template-columns:1fr}.login-hero{display:none!important}}.login-hero{background:linear-gradient(150deg,#1b2a4a,#243763 55%,#00707d 130%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:64px;gap:20px}.login-hero .hero-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}.login-hero h1{font-size:34px;font-weight:700;line-height:1.2}.login-hero p{font-size:15px;color:#ffffffd1;max-width:420px;line-height:1.6}.login-hero .hero-points{display:flex;flex-direction:column;gap:12px;margin-top:12px}.login-hero .hero-point{display:flex;align-items:center;gap:10px;font-size:14px}.login-form-side{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--color-surface)}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-4)}.login-card h2{font-size:22px;font-weight:700;color:var(--color-primary)}.login-hint{background:var(--color-bg);border-radius:var(--radius);padding:12px 14px;font-size:12px}.login-hint .hint-title{font-weight:700;margin-bottom:6px;color:var(--color-text)}.login-hint table{width:100%;border-collapse:collapse}.login-hint td{padding:2px 0;color:var(--color-text-mut)}.login-hint .role-pick{cursor:pointer;color:var(--color-secondary-dark);font-weight:600}.login-hint .role-pick:hover{text-decoration:underline}.alert-box{padding:10px 12px;border-radius:var(--radius);font-size:13px;display:flex;gap:8px;align-items:center}.alert-box.error{background:var(--tint-danger);color:#b6362a;border:1px solid #f3c4bf}.alert-box.info{background:var(--tint-secondary);color:#00707d;border:1px solid #b5e6eb}.alert-box.warning{background:var(--tint-accent);color:#a96d05;border:1px solid #f3dcae}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.detail-item .detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-mut)}.detail-item .detail-value{font-size:14px;font-weight:500;color:var(--color-text);margin-top:3px}table.rcsa input,table.rcsa select{width:100%;border:1px solid transparent;background:transparent;font-size:12.5px;height:30px;padding:0 6px;border-radius:var(--radius-sm)}table.rcsa input:hover,table.rcsa select:hover{border-color:var(--color-border)}table.rcsa input:focus,table.rcsa select:focus{border-color:var(--color-secondary);background:var(--tint-secondary)}table.rcsa td.dirty{background:var(--tint-accent)}.mini-rating{display:inline-flex;gap:2px}.mini-rating span{width:7px;height:14px;border-radius:2px;background:var(--color-border)}.mini-rating span.on{background:var(--color-secondary)}.obj-group-head{display:flex;align-items:center;gap:10px;padding:12px 0 8px;font-size:15px;font-weight:700;color:var(--color-primary)}.score-circle{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;color:#fff;flex:none}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px}.chart-legend .cl-item{display:flex;align-items:center;gap:6px}.cl-swatch{width:11px;height:11px;border-radius:2px;flex:none}.rank-badge{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center}.rank-badge.top3{background:var(--color-danger)}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:12px;padding-bottom:16px;position:relative}.timeline-item:before{content:"";position:absolute;left:6px;top:16px;bottom:0;width:2px;background:var(--color-border)}.timeline-item:last-child:before{display:none}.timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--color-secondary);border:3px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-border);flex:none;margin-top:2px}.timeline-body{font-size:13px}.timeline-meta{font-size:11px;color:var(--color-text-mut);margin-top:2px}.diff-row{display:grid;grid-template-columns:160px 1fr 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:13px}.diff-row .diff-field{font-weight:600}.diff-changed{background:var(--tint-accent);border-radius:var(--radius-sm);padding:1px 5px}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-border)}.check-box{width:18px;height:18px;border-radius:4px;border:2px solid var(--color-border-strong);display:grid;place-items:center;flex:none;margin-top:1px}.check-box.checked{background:var(--color-success);border-color:var(--color-success);color:#fff}.tree-node{font-size:13px}.tree-row{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--radius-sm)}.tree-row:hover{background:var(--color-bg)}.tree-children{margin-left:18px;border-left:1px solid var(--color-border);padding-left:8px}@media (max-width: 1024px){:root{--sidebar-w: 64px}.nav-item span.nav-label,.sidebar-section-label{display:none}.nav-item{justify-content:center;padding:12px 0}}.confidence{display:inline-flex;align-items:center;gap:6px}.confidence .conf-track{width:60px;height:6px;background:var(--color-bg);border-radius:4px;overflow:hidden}.confidence .conf-fill{height:100%;background:var(--color-secondary)}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--color-bg);border-radius:4px;padding:2px 7px;font-size:11px;color:var(--color-text)}.filter-toolbar{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-bottom:1px solid var(--color-border, #e6e7eb)}.filter-toolbar-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-toolbar .select-sm,.filter-toolbar .input-sm{font-size:12.5px;padding:4px 8px;border:1px solid var(--color-border, #d6d8dd);border-radius:4px;background:var(--color-surface, #fff);min-width:140px}.filter-toolbar .filter-number-pair{display:inline-flex;gap:4px}.filter-toolbar .filter-number-pair input{min-width:96px}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chips .chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;padding:2px 4px 2px 10px;border-radius:999px;background:var(--color-bg, #f3f4f7);color:var(--color-text, #232733);border:1px solid var(--color-border, #d6d8dd)}.chip-x{background:transparent;border:0;cursor:pointer;padding:2px;display:inline-flex;align-items:center;color:var(--color-text-muted, #666);border-radius:999px}.chip-x:hover{background:#0000000f}.sort-header{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;font:inherit;color:inherit;cursor:pointer;padding:0}.sort-header.is-active{font-weight:600}.sort-header-numeric{justify-content:flex-end;width:100%}.sort-ind-muted{opacity:.35}.global-search-palette{max-height:480px;overflow-y:auto}.global-search-palette .sr-item{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:transparent;border:0;cursor:pointer;padding:8px 14px}.global-search-palette .sr-item.sr-active,.global-search-palette .sr-item:hover{background:var(--color-bg, #f4f5f8)}.global-search-palette .sr-type-ico{margin-top:2px;opacity:.7}.global-search-palette .sr-body{display:flex;flex-direction:column;min-width:0}.global-search-palette .sr-title{font-size:13px}.global-search-palette .sr-snippet{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sr-footer{display:flex;gap:16px;padding:8px 14px;border-top:1px solid var(--color-border, #e6e7eb);font-size:11px}.sr-footer kbd{background:var(--color-bg, #f3f4f7);border:1px solid var(--color-border, #d6d8dd);padding:1px 5px;border-radius:3px;font-family:monospace;font-size:10px}