@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";.year-admin-actions{color:#7c8793;background:#fff;border:1px solid #e8ebef;border-radius:9px;justify-content:flex-end;align-items:center;gap:7px;margin:-8px 0 16px;padding:8px 10px;font-size:10px;display:flex}.year-admin-actions span{margin-right:auto}.year-admin-actions .icon-btn{width:29px;height:29px}.demco-logo{object-fit:contain;border-radius:6px;flex:none;display:block}.side-brand{gap:9px;padding-left:4px;padding-right:4px}.side-brand>div{flex:1;min-width:0}.side-brand b{white-space:nowrap;letter-spacing:0;font-size:15px}.side-brand small{letter-spacing:.75px;font-size:8px}.side-logo{aspect-ratio:602/190;object-fit:contain;max-width:90px;box-shadow:none;border-radius:3px;width:90px!important;height:auto!important}.login-logo{border-radius:8px;width:180px;height:57px;margin:4px 0 20px;box-shadow:0 7px 24px #d9ae3b30}.mobile-backdrop{display:none}.report-overlay{z-index:80;background:#f0f2f4;padding:22px 18px;position:fixed;inset:0;overflow:auto}.report-toolbar{color:#617080;align-items:center;gap:10px;max-width:850px;margin:0 auto 14px;font-size:12px;display:flex}.report-toolbar strong{margin-right:auto}.report-document{color:#263445;background:#fff;max-width:850px;min-height:90vh;margin:0 auto;padding:48px 58px;box-shadow:0 8px 35px #13223618}.report-title{text-align:center;border-bottom:1px solid #dfe3e7;justify-content:center;align-items:center;gap:18px;margin-bottom:20px;padding-bottom:18px;display:flex}.report-title img{object-fit:contain;border-radius:6px;width:125px;height:40px}.report-title b{font-size:14px}.report-title h1{margin:5px 0;font-size:17px;font-weight:600}.report-title p{color:#617080;margin:0;font-size:11px}.report-section{margin:19px 0}.report-section h2{border-bottom:1px solid #e5e8eb;margin:0 0 9px;padding:0 0 7px;font-size:13px}.report-answer{break-inside:avoid;padding:6px 0}.report-answer b{font-size:11px;font-weight:500;line-height:1.7;display:block}.report-answer p{white-space:pre-wrap;color:#424f5d;margin:2px 0 0;font-size:11px;line-height:1.7}.report-note{border-top:1px solid #ddd;margin-top:20px;padding-top:12px;font-size:10px;line-height:1.8}.report-signature{text-align:right;break-inside:avoid;margin-top:42px;font-size:11px;line-height:2}.report-signer-name{color:#1558bd;font-weight:500}.report-submitted{text-align:left;color:#7c8793;margin-top:20px;font-size:9px;display:block}@media print{.page-heading{text-align:center;border-bottom:1px solid #bbb;margin-bottom:14px;padding-bottom:12px;display:block!important}.page-heading:before{content:"บริษัท เด็มโก้ จำกัด (มหาชน)";color:#111;margin-bottom:7px;font-size:15px;font-weight:600;display:block}.page-heading h1{margin:0 0 4px;color:#111!important;font-size:18px!important}.page-heading p{color:#333;font-size:10px}.page-heading .year-select{color:#111;border:0;margin-top:6px;padding:0;font-size:11px;display:inline-flex}.page-heading .year-select svg{display:none}.page-heading .year-select select{appearance:none;color:#111;font-size:11px}.page-heading .eyebrow{display:none}.info-banner{color:#222;background:#fff;border:0;border-bottom:1px solid #bbb;border-radius:0;margin:0 0 12px;padding:0 0 8px;display:block!important}.info-banner svg,.info-banner b{display:none}.info-banner p{color:#222;margin:0;font-size:10px}}@media (width<=720px){.sidebar{overscroll-behavior:contain;width:min(270px,80vw);max-height:100dvh;padding:max(18px,env(safe-area-inset-top)) 14px 16px;left:calc(-1*min(270px,80vw));overflow-y:auto}.sidebar.open{left:0;box-shadow:12px 0 30px #15223545}.mobile-backdrop{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d192885;border:0;animation:.18s ease-out fade-in;display:block;position:fixed;inset:0}.sidebar{z-index:30}.year-admin-actions{flex-wrap:wrap;gap:5px}.year-admin-actions span{flex-basis:100%;margin-bottom:3px}.year-admin-actions select{flex:1;max-width:100%;font-size:10px}.report-overlay{padding:10px}.report-toolbar{flex-wrap:wrap}.report-toolbar strong{flex-basis:100%}.report-document{min-height:0;padding:25px 18px}.report-title{gap:10px}.report-title img{width:98px;height:32px}.report-title h1{font-size:14px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.assignment-card{margin-bottom:16px}.assignment-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 18px 18px;display:grid}.assignment-option{cursor:pointer;border:1px solid #e7ebef;border-radius:9px;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:flex}.assignment-option:hover{background:#fffcf4;border-color:#d3aa38}.assignment-option>input,.required-toggle input{accent-color:#b58a17;flex:none;width:16px;height:16px}.assignment-option>span:first-of-type{flex:1;min-width:0;display:grid}.assignment-option b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.assignment-option small{color:#82909d;font-size:10px}.assignment-option .status{flex:none}.pin-btn{white-space:nowrap;padding:6px 9px;font-size:11px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b192a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.question-modal{background:#fff;border-radius:16px;gap:14px;width:min(620px,100%);max-height:min(92vh,900px);padding:24px;display:grid;overflow:auto;box-shadow:0 24px 70px #05162b40}.modal-heading{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.modal-heading h2{margin:3px 0;font-size:20px}.modal-heading p{color:#7c8793;margin:3px 0 0;font-size:12px}.question-modal>label:not(.required-toggle){color:#455365;gap:6px;font-size:12px;font-weight:600;display:grid}.question-modal input:not([type=checkbox]),.question-modal textarea,.question-modal select{color:#263445;width:100%;font:inherit;background:#fff;border:1px solid #dfe4e9;border-radius:8px;outline:none;padding:10px 11px;font-size:13px}.question-modal input:focus,.question-modal textarea:focus,.question-modal select:focus{border-color:#c19a2b;box-shadow:0 0 0 3px #c19a2b20}.question-modal textarea{resize:vertical;line-height:1.6}.question-modal .required-toggle{color:#455365;align-items:center;gap:9px;font-size:12px;display:flex}.modal-actions{justify-content:flex-end;gap:9px;padding-top:6px;display:flex}.modal-actions .btn{align-items:center;gap:7px;display:flex}@media (width<=720px){.assignment-list{grid-template-columns:1fr;padding:0 12px 12px}.assignment-card .card-heading{flex-wrap:wrap;align-items:flex-start}.question-modal{padding:18px}.pin-btn{gap:0;font-size:0}.pin-btn svg{width:16px;height:16px}}.print-certificate{display:none}@media screen{.report-overlay .print-certificate{max-width:850px;margin:0 auto;display:block}.report-overlay .print-sheet{color:#172334;background:#fff;padding:32px 40px;box-shadow:0 8px 35px #13223618}.report-overlay .print-header{border-bottom:1px solid #d6ad45;grid-template-columns:115px 1fr;align-items:center;gap:16px;padding-bottom:12px;display:grid}.report-overlay .print-header img{aspect-ratio:602/190;object-fit:contain;width:105px;height:auto}.report-overlay .print-header>div{text-align:center}.report-overlay .print-header b{color:#526071;font-size:12px}.report-overlay .print-header h1{margin:4px 0;font-size:17px;font-weight:600;line-height:1.35}.report-overlay .print-header small{color:#9a7a2e;letter-spacing:1.3px;font-size:8px}.report-overlay .print-meta{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 10px;display:grid}.report-overlay .print-meta>div{border-bottom:1px solid #cfd5dc;grid-template-columns:110px 1fr;align-items:end;gap:8px;padding:5px 6px;display:grid}.report-overlay .print-meta small{color:#718094;font-size:10px}.report-overlay .print-meta b{font-size:12px;font-weight:500}.report-overlay .print-group{margin:6px 0 0}.report-overlay .print-group h2{color:#29384a;background:#f2f5f8;border-left:3px solid #d4a934;margin:0 0 4px;padding:5px 7px;font-size:12px;line-height:1.3}.report-overlay .print-row{border-bottom:1px solid #e2e6ea;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:8px;padding:5px 3px;display:grid}.report-overlay .print-question{align-items:flex-start;gap:6px;min-width:0;display:flex}.report-overlay .print-question>span{color:#a47a18;flex:none;min-width:23px;font-size:9px;font-weight:600}.report-overlay .print-question>div{font-size:10px;line-height:1.4}.report-overlay .print-question>div>b{color:#344354;font-weight:600}.report-overlay .print-answer{color:#354355;border:1px solid #d9dee3;border-radius:8px;align-items:flex-start;gap:6px;min-height:24px;padding:4px 7px;font-size:9px;line-height:1.35;display:flex}.report-overlay .print-answer i{background:#111;border:1px solid #111;border-radius:50%;flex:none;width:8px;height:8px;margin-top:2px}.report-overlay .print-note{color:#596675;border:1px solid #d9dee3;border-radius:6px;margin:9px 0 0;padding:7px 9px;font-size:9px;line-height:1.5}.report-overlay .print-signatures{text-align:center;justify-content:flex-end;margin:20px 50px 0 0;display:flex}.report-overlay .sign-block{color:#111;gap:3px;width:235px;display:grid}.report-overlay .print-signatures .sign-line{justify-content:center;align-items:baseline;gap:4px;display:flex}.report-overlay .print-signatures span,.report-overlay .print-signatures b,.report-overlay .print-signatures small,.report-overlay .print-signatures .signer-name{color:#111;font-size:10px}}@media print{@page{size:A4 portrait;margin:8mm}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important}.print-certificate{color:#172334;font-family:Kanit,Arial,sans-serif;font-size:7.4pt;line-height:1.25;display:block!important}.print-certificate *{box-sizing:border-box}.print-sheet{width:100%;margin:0 auto}.print-header{border-bottom:1.1pt solid #d6ad45;grid-template-columns:29mm 1fr;align-items:center;gap:4mm;padding:0 0 3mm;display:grid}.print-header img{aspect-ratio:602/190;object-fit:contain;width:27mm;height:auto}.print-header>div{text-align:center}.print-header b{color:#526071;font-size:8pt}.print-header h1{margin:1mm 0;font-size:11pt;font-weight:600;line-height:1.25}.print-header small{color:#9a7a2e;letter-spacing:1pt;font-size:5.8pt}.print-meta{grid-template-columns:1fr 1fr;gap:3mm;margin:2.5mm 0 2mm;display:grid}.print-meta>div{border:0;border-bottom:.5pt solid #cfd5dc;grid-template-columns:28mm 1fr;align-items:end;gap:2mm;padding:1mm 1.5mm;display:grid}.print-meta small{color:#718094;font-size:6.3pt}.print-meta b{font-size:7.5pt;font-weight:500}.print-group{break-inside:auto;margin:1.4mm 0 0}.print-group h2{color:#29384a;break-after:avoid;background:#f2f5f8;border-left:2pt solid #d4a934;margin:0 0 .7mm;padding:1mm 1.5mm;font-size:7.6pt;line-height:1.2}.print-row{break-inside:avoid;border-bottom:.35pt solid #e2e6ea;grid-template-columns:minmax(0,1fr) 53mm;align-items:center;gap:2.2mm;padding:1mm .5mm;display:grid}.print-question{align-items:flex-start;gap:1.5mm;min-width:0;display:flex}.print-question>span{color:#a47a18;flex:none;min-width:5mm;font-size:6pt;font-weight:600}.print-question>div{font-size:7pt;line-height:1.25}.print-question>div>b{color:#344354;font-weight:600}.print-answer{color:#354355;border:.45pt solid #d9dee3;border-radius:2mm;align-items:flex-start;gap:1.2mm;min-height:5.2mm;padding:.8mm 1.2mm;font-size:6.6pt;line-height:1.2;display:flex}.print-answer i{background:#111;border:.55pt solid #111;border-radius:50%;flex:none;width:2.4mm;height:2.4mm;margin-top:.1mm}.print-note{color:#596675;border:.5pt solid #d9dee3;border-radius:1.5mm;margin:2mm 0 0;padding:1.5mm 2mm;font-size:6.3pt;line-height:1.3}.print-signatures{text-align:center;break-inside:avoid;justify-content:flex-end;margin:5mm 10mm 0 0;display:flex}.sign-block{color:#111;gap:.6mm;width:62mm;display:grid}.print-signatures .sign-line{justify-content:center;align-items:baseline;gap:1mm;display:flex}.print-signatures span{color:#111;font-size:7pt}.print-signatures b{letter-spacing:.1mm;color:#111;font-size:7pt;font-weight:400}.print-signatures small{color:#111;font-size:7pt}.print-signatures .signer-name{color:#111;font-size:7pt;font-weight:400}:is(body:has(.print-certificate) .app-shell,body:has(.print-certificate) .main,body:has(.print-certificate) .page){width:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important}.sidebar,.topbar,.footer,.page>.notice,.page>.error{display:none!important}body:has(.print-certificate) .page>:not(.print-certificate):not(.report-overlay){display:none!important}body:has(.report-overlay) .report-overlay{z-index:auto;background:#fff;padding:0;display:block;position:static;inset:auto;overflow:visible}body:has(.report-overlay) .report-toolbar{display:none!important}body:has(.report-overlay) .report-overlay .print-sheet{max-width:none;min-height:0;box-shadow:none;margin:0;padding:0}}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.block{display:block}.table{display:table}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{color:#172334;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f7f9;font-family:Kanit,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{color:#e9edf2;background:#101d2d;flex-direction:column;flex:none;width:256px;min-height:100vh;padding:23px 16px 16px;display:flex}.side-brand{border-bottom:1px solid #293648;align-items:center;gap:12px;padding:0 10px 28px;display:flex}.brand-mark{color:#172334;background:linear-gradient(145deg,#e8ae36,#f5ce74);border-radius:18px;place-items:center;width:60px;height:60px;font-size:38px;font-style:italic;font-weight:700;display:grid;box-shadow:0 8px 24px #d4a13b35}.brand-mark.small{border-radius:12px;width:38px;height:38px;font-size:25px}.side-brand b{letter-spacing:.4px;font-size:17px}.side-brand b span{color:#e6b94e}.side-brand small{color:#8796a8;letter-spacing:1px;margin-top:2px;font-size:9px;display:block}.side-label{color:#8190a3;letter-spacing:1.4px;text-transform:uppercase;margin:25px 12px 10px;font-size:10px;font-weight:600}.side-link{color:#b8c2cf;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;height:45px;margin:3px 0;padding:0 13px;font-size:13px;transition:all .18s;display:flex}.side-link:hover{color:#fff;background:#1c2a3b}.side-link.active{color:#182232;background:#eab943;font-weight:600;box-shadow:0 5px 16px #ddaa3a20}.side-link i{color:#152235;background:#d3a53e;border-radius:20px;margin-left:auto;padding:0 7px;font-size:10px;font-style:normal}.side-spacer{flex:1}.side-help{color:#e9b94a;background:#19283a;border:1px solid #2d3c4f;border-radius:11px;gap:10px;margin:10px 0 13px;padding:12px;display:flex}.side-help b{color:#e5eaf0;font-size:11px;display:block}.side-help small{color:#8493a5;font-size:9px}.side-logout{color:#b8c2cf;background:0 0;border:0;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.side-logout:hover{color:#fff}.side-copy{text-align:center;color:#647488;padding-top:8px;font-size:9px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e9ecf0;justify-content:space-between;align-items:center;height:72px;padding:0 36px;display:flex;position:sticky;top:0}.crumb{color:#788392;letter-spacing:.4px;font-size:11px}.crumb span{color:#c1c7ce;padding:0 9px}.top-user{align-items:center;gap:10px;display:flex}.top-user b{font-size:12px;font-weight:600;display:block}.top-user small{color:#87919c;font-size:10px;display:block}.avatar{color:#af7910;background:#fff6df;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:600;display:grid}.page{flex:1;width:min(1180px,100%);margin:0 auto;padding:32px 36px 48px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:1.4px;color:#b4821b;text-transform:uppercase;font-size:10px;font-weight:600}.page-heading h1{color:#172334;margin:4px 0 6px;font-size:27px;font-weight:600;line-height:1.3}.page-heading p,.muted{color:#84909d}.page-heading p{margin:0;font-size:12px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:500;transition:all .18s;display:inline-flex}.btn.primary{color:#182334;background:#e8b43e;box-shadow:0 4px 10px #d49d2525}.btn.primary:hover{background:#dba72e;transform:translateY(-1px)}.btn.primary:disabled{opacity:.6;cursor:wait}.btn.outline{color:#526071;background:#fff;border-color:#dce1e6}.btn.outline:hover{background:#f5f7f9;border-color:#bcc5cf}.btn.wide{width:100%;height:47px;margin-top:5px}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin:0 0 17px;display:flex}.year-select{color:#74808d;background:#fff;border:1px solid #e2e6eb;border-radius:9px;align-items:center;gap:9px;padding:8px 11px;font-size:11px;display:inline-flex}.year-select svg{color:#b58925}.year-select select{color:#1e2b3a;background:0 0;border:0;outline:0;font-size:12px;font-weight:600}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{background:#fff;border:1px solid #eaedf0;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 2px 8px #1a27330a}.stat-icon{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.stat-icon.gold{color:#bc8a1c;background:#fff5dc}.stat-icon.green{color:#29905b;background:#e8f7ef}.stat-icon.blue{color:#4476c4;background:#eaf2ff}.stat-icon.purple{color:#7954b6;background:#f2edff}.stat-card small{color:#788492;font-size:10px;display:block}.stat-card strong{margin-top:3px;font-size:23px;font-weight:600;display:block}.content-card{background:#fff;border:1px solid #e7ebef;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #17233408}.card-heading{border-bottom:1px solid #eef0f2;justify-content:space-between;align-items:center;padding:18px 21px;display:flex}.card-heading h2{margin:0;font-size:15px;font-weight:600}.card-heading p{color:#8a95a0;margin:3px 0 0;font-size:11px}.pill{color:#a77a15;background:#fff7e4;border-radius:20px;padding:5px 10px;font-size:10px}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}th{text-transform:uppercase;letter-spacing:.5px;color:#83909d;background:#fafbfc;border-bottom:1px solid #edf0f2;padding:11px 17px;font-size:10px;font-weight:500}td{color:#596675;border-bottom:1px solid #f0f2f4;padding:13px 17px;font-size:11px}tbody tr:last-child td{border-bottom:0}td b{color:#263445;font-weight:500}td small.block{margin-top:3px;font-size:10px;display:block}.status{white-space:nowrap;border-radius:20px;padding:4px 9px;font-size:10px;display:inline-flex}.status.done{color:#268253;background:#e9f7ef}.status.pending{color:#a77919;background:#fff5df}.question-list{flex-direction:column;gap:9px;display:flex}.question-row{background:#fff;border:1px solid #e8ebef;border-radius:11px;align-items:flex-start;gap:15px;padding:15px 16px;display:flex}.q-num{color:#a77c20;background:#fff6df;border-radius:9px;flex:none;place-items:center;width:33px;height:33px;font-size:11px;font-weight:600;display:grid}.q-copy{flex:1;min-width:0}.q-section{text-transform:uppercase;letter-spacing:.6px;color:#b0811b;font-size:9px;font-weight:600}.q-copy h3{color:#273545;margin:4px 0;font-size:12px;font-weight:500;line-height:1.8}.q-copy h3 small{font-size:11px;font-weight:400}.q-meta{color:#929da7;font-size:9px}.row-actions{align-items:center;gap:5px;display:flex}.icon-btn{color:#73808c;background:#f5f7f8;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.icon-btn:hover{color:#1b2a3a;background:#e9edf1}.icon-btn.danger:hover{color:#c23d35;background:#fff0ef}.searchbox{color:#909ba7;background:#fff;border:1px solid #e2e6eb;border-radius:9px;align-items:center;gap:8px;width:min(360px,100%);padding:0 11px;display:flex}.searchbox input{color:#263445;border:0;outline:0;width:100%;height:38px;font-size:11px}.footer{text-align:center;color:#87919a;background:#fff;border-top:1px solid #e9ecf0;padding:16px 30px;font-size:10px}.footer span{color:#d1aa4c;padding:0 5px}.notice,.error{border-radius:9px;align-items:center;gap:9px;margin-bottom:16px;padding:12px 14px;font-size:12px;display:flex}.notice{color:#287749;background:#eaf7ef;border:1px solid #d4eddf}.error{color:#a23c33;background:#fff0ee;border:1px solid #f3d7d3}.page-error button{color:inherit;background:0 0;border:0;margin-left:auto}.info-banner,.submitted-banner{color:#ad811d;background:#fff9e9;border:1px solid #f0e1b3;border-radius:11px;align-items:flex-start;gap:13px;margin:16px 0;padding:15px 17px;display:flex}.info-banner b,.submitted-banner b{color:#51411f;font-size:12px}.info-banner p,.submitted-banner p{color:#817457;margin:4px 0 0;font-size:11px;line-height:1.8}.submitted-banner{color:#328256;background:#ebf8f0;border-color:#d4eddd;align-items:center}.submitted-banner .btn{margin-left:auto}.form-progress{background:#fff;border:1px solid #e8ebef;border-radius:10px;margin:18px 0;padding:14px 17px}.form-progress>div:first-child{color:#647180;justify-content:space-between;margin-bottom:9px;font-size:10px;display:flex}.form-progress b{color:#2c3949;font-size:11px}.progress-track{background:#edf0f2;border-radius:5px;height:4px;overflow:hidden}.progress-track i{background:#e4b13d;height:100%;transition:width .3s;display:block}.cert-form{background:#fff;border:1px solid #e8ebef;border-radius:12px;padding:25px 30px;box-shadow:0 2px 8px #17233408}.form-section+.form-section{border-top:1px solid #edf0f2;margin-top:24px;padding-top:22px}.section-heading{align-items:center;gap:10px;margin-bottom:17px;display:flex}.section-heading span{color:#a87b1b;background:#fff4d9;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:600}.section-heading h2{margin:0;font-size:15px;font-weight:600}.form-question{border-bottom:1px solid #f0f2f4;padding:13px 0}.form-question:last-child{border-bottom:0}.question-label{color:#334253;margin-bottom:8px;font-size:12px;font-weight:500;line-height:1.8;display:block}.question-label em{color:#d2473e;margin-left:4px;font-style:normal}.choice-list{gap:7px;display:grid}.choice{cursor:pointer;color:#617080;border:1px solid #e7eaed;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;font-size:11px;transition:all .15s;display:flex}.choice.selected{color:#394657;background:#fffbef;border-color:#d7ad4c}.choice input{opacity:0;position:absolute}.radio-dot{background:#fff;border:1px solid #c3cbd2;border-radius:50%;flex:none;width:15px;height:15px}.choice.selected .radio-dot{border:5px solid #d5a52e}.form-question input:not([type=radio]),.form-question textarea{color:#253345;background:#fff;border:1px solid #dfe4e8;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:12px}.form-question input:focus,.form-question textarea:focus{border-color:#d4aa44;box-shadow:0 0 0 3px #edc75a20}.form-question textarea{resize:vertical}.cert-note{background:#f8f9fa;border-radius:9px;margin-top:20px;padding:14px 15px}.cert-note b{font-size:11px}.cert-note p{color:#6e7986;margin:4px 0 0;font-size:10px;line-height:1.8}.signature{display:none}.form-actions{justify-content:flex-end;margin:15px 0 20px;display:flex}.hamb,.mobile-close{display:none}.loading{color:#75808b;place-items:center;min-height:100vh;font-size:13px;display:grid}.login-shell{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:#111e2e;flex-direction:column;justify-content:center;align-items:flex-start;padding:10vh 9vw;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-240px;right:-180px;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff05}.brand-word{letter-spacing:1px;margin-top:22px;font-size:28px;font-weight:700}.brand-word span{color:#e7b63e;font-size:14px}.brand-caption{color:#b3bdc9;font-size:12px}.brand-line{background:#e9b63f;width:50px;height:3px;margin:27px 0}.login-brand h1{margin:0;font-size:30px;font-weight:500;line-height:1.5}.login-brand>p{color:#acb8c6;max-width:400px;font-size:13px;line-height:1.9}.brand-foot{letter-spacing:1.5px;color:#76869a;margin-top:70px;font-size:9px}.login-panel{place-items:center;padding:36px;display:grid}.login-card{width:min(390px,100%)}.login-card h2{margin:7px 0 0;font-size:26px;font-weight:600}.login-card>.muted{margin:3px 0 25px;font-size:12px}.login-card label{color:#596675;margin:16px 0;font-size:11px;display:block}.login-card input{border:1px solid #dfe4e8;border-radius:8px;outline:none;width:100%;height:45px;margin-top:7px;padding:0 12px;font-size:12px;display:block}.login-card input:focus{border-color:#d4aa44;box-shadow:0 0 0 3px #edc75a20}.secure-note{color:#86919d;justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:10px;display:flex}.login-company{text-align:center;color:#73808c;font-size:9px;line-height:1.8;position:absolute;bottom:28px}.login-company span{color:#a2aab2}.login-panel{position:relative}.login-company{left:0;right:0}@media (width<=1000px){.sidebar{width:225px}.page{padding:26px 24px}.topbar{padding:0 24px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.sidebar{z-index:30;width:260px;transition:left .22s;position:fixed;top:0;bottom:0;left:-270px;box-shadow:12px 0 30px #15223530}.sidebar.open{left:0}.mobile-close{color:#c3cbd4;background:0 0;border:0;margin-left:auto;display:grid}.hamb{color:#405064;background:0 0;border:0;place-items:center;padding:5px;display:grid}.topbar{justify-content:flex-start;gap:12px;height:60px;padding:0 14px}.crumb{flex:1;font-size:9px}.top-user{gap:7px}.top-user b{font-size:10px}.top-user small{font-size:9px}.avatar{width:31px;height:31px}.page{padding:23px 15px 35px}.page-heading{flex-direction:column;align-items:flex-start;gap:13px}.page-heading h1{font-size:22px}.page-heading p{font-size:11px;line-height:1.7}.stat-grid{gap:9px}.stat-card{gap:10px;padding:12px}.stat-icon{width:36px;height:36px}.stat-card strong{font-size:19px}.stat-card small{font-size:9px}.toolbar{flex-wrap:wrap}.cert-form{padding:18px 15px}.section-heading h2{font-size:13px}.question-label{font-size:11px}.choice{font-size:10px;line-height:1.6}.submitted-banner{flex-wrap:wrap}.submitted-banner .btn{margin:7px 0 0}.footer{padding:14px;font-size:9px}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:25px}.login-company{bottom:16px}.form-actions .btn{width:100%}}@media print{@page{size:A4;margin:17mm 18mm}body{color:#111;background:#fff!important}.sidebar,.topbar,.footer,.page-heading,.info-banner,.form-progress,.form-actions,.submitted-banner,.print-hide,.toolbar{display:none!important}.app-shell,.main,.page{width:100%;min-height:0;margin:0;padding:0;display:block}.cert-form{box-shadow:none;border:0;padding:0}.form-section{break-inside:avoid}.form-question{break-inside:avoid;padding:8px 0}.section-heading{margin:12px 0}.choice{padding:5px 8px}.signature{text-align:right;margin:38px 0 15px;font-size:12px;line-height:2.2;display:block}.cert-note{background:#fff;border:1px solid #bbb}.cert-note p{color:#222}.form-question input:not([type=radio]),.form-question textarea{border:0;border-bottom:1px solid #999;border-radius:0;padding-left:0}.choice{color:#222;border-color:#ccc}h2,h3{color:#111!important}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}