:root{color-scheme:light;--primary: #1d4ed8;--primary-hover: #1e40af;--primary-dark: #1e3a8a;--primary-light: #dbeafe;--primary-50: #eff6ff;--background: #f4f7fb;--surface: #ffffff;--surface-secondary: #eef3fa;--text-primary: #0f1b33;--text-secondary: #4a5a75;--border: #d5deeb;--border-strong: #9fb0c8;--success: #15803d;--success-bg: #dcfce7;--warning: #b45309;--warning-bg: #fef3c7;--error: #b91c1c;--error-bg: #fee2e2;--info: #0369a1;--info-bg: #e0f2fe;--neutral: #475569;--neutral-bg: #f1f5f9;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(15, 27, 51, .06);--shadow: 0 4px 14px rgba(15, 27, 51, .08);--shadow-lg: 0 12px 32px rgba(15, 27, 51, .14);--sidebar-w: 248px;--control-h: 40px}@media (max-width: 600px){:root{--control-h: 44px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);font-size:var(--fs-base);line-height:1.5;color:var(--text-primary);background:var(--background);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.25;margin:0 0 var(--space-3)}h1{font-size:var(--fs-xl);font-weight:650}h2{font-size:var(--fs-lg);font-weight:600}h3{font-size:var(--fs-md);font-weight:600}p{margin:0 0 var(--space-3)}a{color:var(--primary)}a:hover{color:var(--primary-hover)}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px}.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:8px;z-index:1000;background:var(--surface);padding:8px 12px;border-radius:var(--radius-sm)}.skip-link:focus{left:8px}.muted{color:var(--text-secondary)}.small{font-size:var(--fs-sm)}.num{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-sm)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.app{display:flex;min-height:100vh}.sidebar{align-self:flex-start;width:var(--sidebar-w);background:var(--primary-dark);color:#fff;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;color:#fff;text-decoration:none}.brand-logo{width:34px;height:34px;border-radius:9px;background:#fff;color:var(--primary);display:grid;place-items:center;font-weight:800}.brand-name{font-weight:700;font-size:var(--fs-lg);letter-spacing:.02em}.brand-sub{font-size:var(--fs-xs);opacity:.8}.nav{list-style:none;margin:0;padding:8px 10px 20px;display:flex;flex-direction:column;gap:2px}.nav-section{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;opacity:.7;padding:14px 12px 4px}.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#e6edfb;text-decoration:none;font-weight:500;min-height:40px;border-left:3px solid transparent}.nav a:hover{background:#ffffff14;color:#fff}.nav a.active{background:#ffffff24;color:#fff;border-left-color:#93c5fd}.nav a:focus-visible{outline-color:#93c5fd}.nav-icon{width:20px;text-align:center;opacity:.9}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-5);min-height:60px;flex-wrap:wrap}.topbar .grow{flex:1}.topbar .menu-btn{display:none}.content{padding:var(--space-5);max-width:1400px;width:100%;margin:0 auto}.backdrop{display:none}@media (max-width: 960px){.sidebar{position:fixed;left:0;top:0;z-index:50;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.backdrop.open{display:block;position:fixed;inset:0;background:#0f1b3366;z-index:40}.topbar .menu-btn{display:inline-flex}.content{padding:var(--space-4)}.topbar{padding:8px var(--space-4)}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.page-header h1{margin-bottom:4px}.page-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 var(--space-2);font-size:var(--fs-sm);color:var(--text-secondary)}.breadcrumb li+li:before{content:"›";margin-right:6px;color:var(--border-strong)}.breadcrumb a{color:var(--text-secondary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card+.card{margin-top:var(--space-4)}.grid>.card,.grid>section.card{margin-top:0}.grid+.card,.grid+section.card{margin-top:var(--space-4)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.card-header h2{margin:0}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}.stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:var(--fs-sm);color:var(--text-secondary)}.stat-value{font-size:var(--fs-2xl);font-weight:700;font-variant-numeric:tabular-nums}.stat-hint{font-size:var(--fs-xs);color:var(--text-secondary)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:0}.dl dt{color:var(--text-secondary);font-size:var(--fs-sm)}.dl dd{margin:0;word-break:break-word}@media (max-width: 600px){.dl{grid-template-columns:1fr;gap:2px}.dl dd{margin-bottom:8px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-h);padding:0 16px;border-radius:var(--radius);border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);color:#fff}.btn-secondary{background:var(--surface);color:var(--primary-dark);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--primary-50);color:var(--primary-dark)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#991b1b;color:#fff}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover{background:var(--primary-50)}.btn-sm{min-height:32px;padding:0 10px;font-size:var(--fs-sm);border-radius:8px}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.icon-btn{min-width:var(--control-h);padding:0 10px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4);min-width:0}.field label,.field .label{font-weight:500;font-size:var(--fs-sm)}.req{color:var(--error);margin-left:2px}.hint{font-size:var(--fs-xs);color:var(--text-secondary)}.field-error{font-size:var(--fs-sm);color:var(--error)}.input,.select,.textarea{width:100%;min-height:var(--control-h);padding:8px 12px;font:inherit;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.textarea{min-height:96px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--error)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-secondary);color:var(--text-secondary)}fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin:0 0 var(--space-4)}legend{font-weight:600;padding:0 6px}.radio-group{display:flex;flex-direction:column;gap:6px}.radio,.check{display:flex;align-items:center;gap:10px;min-height:36px;cursor:pointer}.radio input,.check input{width:18px;height:18px;accent-color:var(--primary)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-4)}.form-grid .span-2{grid-column:1 / -1}@media (max-width: 700px){.form-grid{grid-template-columns:minmax(0,1fr)}}.toolbar{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;margin-bottom:var(--space-4)}.toolbar .field{margin-bottom:0;min-width:160px}.toolbar .grow{flex:1;min-width:200px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table th{background:var(--surface-secondary);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);white-space:nowrap}.table tbody tr:hover{background:var(--primary-50)}.table tbody tr:last-child td{border-bottom:0}.table td.actions{text-align:right;white-space:nowrap}@media (max-width: 700px){.table.responsive thead{display:none}.table.responsive tr{display:block;border-bottom:1px solid var(--border);padding:8px 0}.table.responsive td{display:flex;justify-content:space-between;gap:12px;border:0;padding:6px 14px;text-align:right}.table.responsive td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);text-align:left}.table.responsive td.actions{justify-content:flex-end}.table.responsive td.actions:before{content:none}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;white-space:nowrap;border:1px solid transparent}.tone-success{background:var(--success-bg);color:#14532d;border-color:#bbf7d0}.tone-warning{background:var(--warning-bg);color:#78350f;border-color:#fde68a}.tone-error{background:var(--error-bg);color:#7f1d1d;border-color:#fecaca}.tone-info{background:var(--info-bg);color:#0c4a6e;border-color:#bae6fd}.tone-neutral{background:var(--neutral-bg);color:#334155;border-color:#e2e8f0}.tag{display:inline-block;padding:1px 8px;border-radius:6px;background:var(--primary-50);color:var(--primary-dark);font-size:var(--fs-xs);margin:0 4px 4px 0}.alert{border-radius:var(--radius);padding:12px 14px;border:1px solid;margin-bottom:var(--space-4)}.alert-error{background:var(--error-bg);border-color:#fecaca;color:#7f1d1d}.alert-info{background:var(--info-bg);border-color:#bae6fd;color:#0c4a6e}.alert-warning{background:var(--warning-bg);border-color:#fde68a;color:#78350f}.alert-success{background:var(--success-bg);border-color:#bbf7d0;color:#14532d}.empty{text-align:center;padding:var(--space-7) var(--space-4);color:var(--text-secondary)}.empty h3{color:var(--text-primary)}.loading{display:flex;align-items:center;gap:10px;padding:var(--space-5);color:var(--text-secondary)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--primary-light);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;right:16px;bottom:16px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px))}.toast{background:var(--text-primary);color:#fff;padding:12px 16px;border-radius:var(--radius);box-shadow:var(--shadow-lg)}.toast.error{background:var(--error)}.progress{height:10px;background:var(--primary-light);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--primary);transition:width .2s}.meter{height:8px;background:var(--surface-secondary);border-radius:999px;overflow:hidden;min-width:80px}.meter>div{height:100%;background:var(--primary)}.modal-backdrop{position:fixed;inset:0;background:#0f1b3373;z-index:80;display:grid;place-items:center;padding:16px}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(640px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column}.modal.wide{width:min(900px,100%)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0}.modal-body{padding:20px 22px;overflow-y:auto}.modal-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.section-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:var(--space-3);overflow:hidden}.section-block>summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;gap:12px;font-weight:600;background:var(--surface-secondary);min-height:52px}.section-block>summary::-webkit-details-marker{display:none}.section-block>summary:before{content:"▸";color:var(--primary);transition:transform .15s}.section-block[open]>summary:before{transform:rotate(90deg)}.indicator-list{list-style:none;margin:0;padding:0}.indicator-item{display:flex;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--border);text-decoration:none;color:inherit;min-height:56px}.indicator-item:hover{background:var(--primary-50)}.indicator-code{font-weight:700;color:var(--primary-dark);min-width:48px;font-variant-numeric:tabular-nums}.indicator-title{flex:1;min-width:0}.evidence-card{border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;gap:14px;align-items:flex-start;background:var(--surface)}.evidence-card+.evidence-card{margin-top:10px}.evidence-icon{width:40px;height:40px;border-radius:10px;background:var(--primary-light);color:var(--primary-dark);display:grid;place-items:center;font-weight:700;font-size:12px;flex-shrink:0}.evidence-body{flex:1;min-width:0}.evidence-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 600px){.evidence-card{flex-wrap:wrap}.evidence-actions{width:100%}.evidence-actions .btn{flex:1}}.matrix td.code{font-weight:700;color:var(--primary-dark)}.viewer{display:flex;flex-direction:column;height:100vh;background:#525a6b}.viewer-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--primary-dark);color:#fff;flex-wrap:wrap}.viewer-toolbar .btn-secondary{background:#ffffff1a;color:#fff;border-color:#ffffff59}.viewer-toolbar .btn-secondary:hover{background:#fff3;color:#fff}.viewer-toolbar .input{width:64px;min-height:36px;text-align:center}.viewer-title{font-weight:600;flex:1;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-range{background:var(--primary-light);color:var(--primary-dark);padding:8px 14px;font-weight:600;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.viewer-range.outside{background:var(--warning-bg);color:#78350f}.viewer-canvas-wrap{flex:1;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:16px}.viewer-canvas-wrap canvas{background:#fff;box-shadow:var(--shadow-lg);max-width:none}.viewer-page-in-range{outline:4px solid #60a5fa}@media (max-width: 600px){.viewer-canvas-wrap{padding:6px}.viewer-toolbar .hide-sm{display:none}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(160deg,var(--primary-dark),var(--primary) 60%,#3b82f6)}.auth-card{width:min(420px,100%);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px 28px}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-brand .brand-logo{background:var(--primary);color:#fff;width:44px;height:44px;font-size:20px}.auth-card .btn{width:100%}.auth-foot{margin-top:18px;text-align:center;font-size:var(--fs-sm)}.ev-header{background:var(--primary-dark);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:10}.ev-header .grow{flex:1;min-width:0}.ev-content{max-width:900px;margin:0 auto;padding:16px}.ev-readonly{font-size:var(--fs-xs);background:#ffffff26;padding:2px 8px;border-radius:999px}.list-link{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:inherit;min-height:64px;margin-bottom:10px}.list-link:hover{border-color:var(--primary);background:var(--primary-50)}.list-link .chev{margin-left:auto;color:var(--primary);font-size:20px}.notif-btn{position:relative}.notif-count{position:absolute;top:2px;right:2px;background:var(--error);color:#fff;border-radius:999px;font-size:10px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px}.dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:min(380px,calc(100vw - 24px));z-index:60;max-height:70vh;overflow:auto}.dropdown-item{display:block;padding:12px 14px;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.dropdown-item:hover{background:var(--primary-50)}.rel{position:relative}.search-box{position:relative;width:min(420px,100%)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:var(--space-4);overflow-x:auto}.tab{padding:10px 14px;border:0;background:none;font:inherit;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;min-height:44px}.tab[aria-selected=true]{color:var(--primary-dark);border-bottom-color:var(--primary)}.checklist-item{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--border);flex-wrap:wrap}.checklist-item:first-child{border-top:0}.checklist-item .grow{flex:1;min-width:200px}@media (max-width: 600px){.hide-sm{display:none!important}}