:root{--surface: #f8f9fb;--surface-lowest: #ffffff;--surface-low: #f3f4f6;--surface-container: #edeef0;--surface-high: #e7e8ea;--surface-highest: #e1e2e4;--on-surface: #191c1e;--on-variant: #444651;--outline: #757682;--outline-variant: #c5c5d3;--primary: #00236f;--primary-container: #1e3a8a;--primary-fixed: #dce1ff;--secondary: #0058be;--secondary-container: #2170e4;--secondary-fixed: #d8e2ff;--tertiary: #3e2400;--tertiary-fixed: #ffddb8;--error: #ba1a1a;--error-container: #ffdad6;--success-bg: #dcfce7;--success-text: #166534;--warning-bg: #fef9c3;--warning-text: #854d0e;--shadow-low: 0 2px 4px rgba(0, 0, 0, .05);--shadow-high: 0 10px 20px rgba(0, 0, 0, .1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--surface);color:var(--on-surface);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:280px;height:100vh;flex:0 0 280px;display:flex;flex-direction:column;gap:24px;padding:24px;background:var(--surface-lowest);box-shadow:var(--shadow-low);z-index:20}.brand{display:flex;align-items:center;gap:8px}.brand-mark{width:40px;height:40px;border-radius:4px;display:grid;place-items:center;background:var(--primary);color:#fff}.brand h1{margin:0;color:var(--primary);font-size:24px;line-height:28px;font-weight:700}.brand p,.muted{color:var(--on-variant)}.brand p{margin:0;font-size:12px;font-weight:600}.nav-list{display:flex;flex-direction:column;gap:4px;flex:1;overflow:auto}.nav-link{display:flex;align-items:center;gap:16px;min-height:48px;padding:12px 16px;border-radius:4px;color:var(--on-variant);transition:.16s ease}.nav-link:hover{background:var(--surface-high);color:var(--primary)}.nav-link.active{background:var(--secondary-fixed);color:#001a42;font-weight:700;box-shadow:var(--shadow-low)}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:15;min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:8px 40px;background:var(--surface);border-bottom:1px solid var(--outline-variant)}.content{width:100%;max-width:1440px;margin:0 auto;padding:40px}.search-wrap{position:relative;width:min(520px,100%)}.search-wrap .material-symbols-outlined{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--primary)}.input,.select,.textarea{width:100%;min-height:40px;padding:9px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:var(--on-surface);outline:none}.search-input{padding-left:40px;border:2px solid var(--outline-variant);background:var(--surface-low);border-radius:8px}.input:focus,.select:focus,.textarea:focus,.search-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #2170e429}.search-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:8px;box-shadow:var(--shadow-high);overflow:hidden;z-index:50}.search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:0;border-bottom:1px solid var(--surface-highest);background:#fff;text-align:left}.search-result:hover{background:var(--surface-low)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px}.page-head h2{margin:0;font-size:32px;line-height:40px;font-weight:600;letter-spacing:0}.page-head p{margin:4px 0 0;color:var(--on-variant);font-size:16px;line-height:24px}.btn{min-height:40px;border-radius:4px;border:1px solid transparent;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;transition:.16s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-low)}.btn-primary:hover{background:var(--primary-container)}.btn-secondary{background:#fff;border-color:var(--secondary);color:var(--secondary)}.btn-secondary:hover{background:var(--secondary-fixed)}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover{background:var(--surface-high)}.icon-btn{width:40px;height:40px;border:0;border-radius:999px;display:inline-grid;place-items:center;background:transparent;color:var(--on-variant)}.icon-btn:hover{background:var(--surface-high);color:var(--primary)}.grid{display:grid;gap:24px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-12{grid-template-columns:repeat(12,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.card{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:8px;box-shadow:var(--shadow-low)}.card-pad{padding:24px}.card h3,.card h4{margin:0}.stat{padding:24px;transition:.16s ease}.stat:hover{border-color:#00236f4d;box-shadow:0 4px 10px #00000014}.stat-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:4px;background:var(--primary-fixed);color:var(--primary)}.label{font-size:12px;line-height:16px;font-weight:700;text-transform:uppercase;color:var(--on-variant);letter-spacing:.01em}.stat-value{margin-top:4px;font-size:32px;line-height:1;font-weight:800}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table thead{background:#f9fafb}.table th{padding:12px 24px;font-size:12px;line-height:16px;font-weight:700;color:var(--on-variant);text-transform:uppercase;white-space:nowrap}.table td{padding:12px 24px;border-top:1px solid var(--surface-highest);font-size:14px;line-height:20px;vertical-align:middle}.table tbody tr:nth-child(2n){background:var(--surface-low)}.table tbody tr:hover{background:var(--surface-highest)}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 8px;font-size:12px;line-height:16px;font-weight:700;white-space:nowrap}.badge-ok{background:var(--success-bg);color:var(--success-text)}.badge-warn{background:var(--warning-bg);color:var(--warning-text)}.badge-error{background:var(--error-container);color:#93000a}.badge-neutral{background:var(--surface-high);color:var(--on-variant)}.badge-blue{background:var(--secondary-fixed);color:#001a42}.avatar{width:36px;height:36px;border-radius:999px;display:inline-grid;place-items:center;background:var(--primary-fixed);color:var(--primary);font-size:12px;font-weight:800;flex:0 0 auto}.row-person{display:flex;align-items:center;gap:8px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--outline-variant);overflow-x:auto;margin-bottom:24px}.tab{padding:0 4px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--on-variant);font-size:14px;font-weight:600;white-space:nowrap}.tab.active{color:var(--primary);border-color:var(--primary);font-weight:800}.progress{height:12px;background:var(--surface-high);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--secondary)}.dropzone{min-height:220px;width:100%;min-width:0;border:2px dashed var(--outline-variant);border-radius:8px;display:grid;place-items:center;text-align:center;background:var(--surface-low);color:var(--on-variant);transition:.16s ease}.dropzone:hover,.dropzone.active{border-color:var(--secondary);background:#d8e2ff73}.upload-content{width:100%;min-width:0;display:grid;justify-items:center;gap:8px;padding:16px}.upload-content p{margin:0}.file-picker{width:100%;max-width:320px;min-width:0;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:8px}.file-picker input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.file-picker .btn{min-height:32px;padding:5px 10px;white-space:nowrap}.file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--on-variant);text-align:left}.modal-backdrop{position:fixed;inset:0;z-index:80;background:#191c1e61;display:grid;place-items:center;padding:24px}.modal{width:min(640px,100%);max-height:min(760px,92vh);overflow:auto;background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:8px;box-shadow:var(--shadow-high)}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--outline-variant)}.modal-actions{border-top:1px solid var(--outline-variant);border-bottom:0;justify-content:flex-end}.modal-body{padding:24px}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:100;display:grid;gap:8px}.toast{min-width:280px;max-width:420px;padding:12px 16px;border-radius:4px;background:#2e3132;color:#f0f1f3;box-shadow:var(--shadow-high);font-size:14px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 420px;background:var(--surface)}.login-art{padding:56px;display:flex;flex-direction:column;justify-content:space-between;background:var(--primary);color:#fff}.login-art h1{font-size:48px;line-height:56px;margin:24px 0 0;letter-spacing:0}.login-panel{display:grid;align-content:center;padding:40px;background:var(--surface-lowest);border-left:1px solid var(--outline-variant)}.document-preview{aspect-ratio:1 / 1.414;width:min(500px,100%);margin:0 auto;background:#fff;color:#333;box-shadow:0 4px 8px #00000024;padding:48px;font-size:10px;position:relative}.certificate-preview{padding:28px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--primary),#b6c4ff,var(--tertiary-fixed)) border-box;border:8px solid transparent}.certificate-border{height:100%;border:1px solid var(--outline-variant);padding:24px;display:flex;flex-direction:column;text-align:center}.certificate-header,.certificate-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.certificate-header{text-align:left;color:var(--primary);border-bottom:2px solid var(--primary);padding-bottom:16px}.certificate-header span{display:block;color:var(--on-variant);margin-top:2px}.certificate-body{flex:1;display:grid;align-content:center;justify-items:center;gap:16px}.certificate-body h2{margin:0;color:var(--primary);font-size:34px;line-height:40px;text-transform:uppercase}.certificate-body p{max-width:360px;margin:0;font-size:13px;line-height:22px}.certificate-score{border:1px solid var(--outline-variant);border-radius:4px;padding:10px 18px;background:var(--surface-low)}.certificate-score span{display:block;color:var(--on-variant);font-size:9px;text-transform:uppercase;font-weight:700}.certificate-score strong{display:block;color:var(--primary);font-size:28px;line-height:32px}.certificate-footer{border-top:1px solid var(--outline-variant);padding-top:20px}.certificate-footer>span:not(.qr-box){min-width:110px;border-top:1px solid #777;padding-top:6px}.qr-box{width:54px;height:54px;border:8px solid #111;display:grid;place-items:center;font-size:8px}.preview-shell{min-height:720px;display:grid;place-items:start center;padding:32px;background:var(--surface-low);border-radius:8px;overflow:auto}.mobile-nav{display:none}@media (max-width: 1080px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-12{grid-template-columns:repeat(6,minmax(0,1fr))}.span-8,.span-9{grid-column:span 6}}@media (max-width: 780px){.sidebar{display:none}.topbar{padding:8px 16px}.content{padding:24px 16px 88px}.page-head{align-items:stretch;flex-direction:column}.page-head h2{font-size:24px;line-height:32px}.grid-4,.grid-3,.grid-12{grid-template-columns:1fr}.span-2,.span-3,.span-4,.span-6,.span-8,.span-9{grid-column:auto}.login-page{grid-template-columns:1fr}.login-art{display:none}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;justify-content:space-around;padding:8px 16px;background:var(--surface);border-top:1px solid var(--outline-variant)}}