:root{--green-950:#07271d;--green-900:#0b3528;--green-800:#10513b;--green-700:#176b4b;--green-600:#1d835b;--green-100:#daf2e7;--green-50:#effaf5;--gold-500:#d9aa38;--gold-400:#edc762;--gold-100:#fbf0d2;--ink:#15221d;--muted:#68756f;--line:#dfe7e2;--surface:#fff;--page:#f5f8f6;--danger:#c43e45;--warning:#b57008;--blue:#3475b8;--shadow:0 12px 34px rgba(13,54,40,.08);--radius:18px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--page);font-family:var(--font);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.hidden{display:none!important}.grow{flex:1}.wrap{flex-wrap:wrap}.icon{width:20px;height:20px;display:inline-block;flex:none}.eyebrow{display:block;color:var(--green-700);font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:5px}.eyebrow.light{color:#c7e6d8}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--gold-400),var(--gold-500));color:var(--green-950);font-weight:900;letter-spacing:-.05em;box-shadow:0 8px 20px rgba(218,171,57,.22)}.brand-mark-small{width:40px;height:40px;border-radius:12px;font-size:13px}.btn{border:1px solid transparent;border-radius:11px;min-height:42px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--green-800);color:#fff;box-shadow:0 7px 18px rgba(16,81,59,.17)}.btn-primary:hover{background:var(--green-700)}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn-secondary:hover{border-color:#b7c8bf;background:#fafcfb}.btn-gold{background:var(--gold-400);color:var(--green-950)}.btn-ghost-light{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}.btn-danger-outline{background:#fff;border-color:#efc2c5;color:var(--danger)}.btn-block{width:100%}.btn-large{min-height:52px;font-size:15px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:12px;font-weight:750;color:#425149}.field input,.field select,.field textarea{width:100%;border:1px solid #d5dfd9;background:#fff;border-radius:11px;padding:10px 12px;color:var(--ink);outline:none;transition:.15s;min-height:43px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green-600);box-shadow:0 0 0 3px rgba(29,131,91,.11)}.field input:disabled{background:#f0f3f1;color:#87918c}.field small{font-size:11px;color:var(--muted)}.field.compact{min-width:140px}.field.compact input,.field.compact select{min-height:40px;padding:8px 10px}.check-field{display:flex;align-items:center;gap:9px;min-height:43px;font-weight:650;color:#405149}.check-field input{accent-color:var(--green-700);width:17px;height:17px}.input-suffix{display:flex;border:1px solid #d5dfd9;border-radius:11px;overflow:hidden}.input-suffix input{border:0!important;border-radius:0!important;box-shadow:none!important}.input-suffix span{padding:11px;background:#f3f6f4;color:var(--muted);font-size:12px}.form-grid{display:grid;gap:15px}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.stack-form{display:flex;flex-direction:column;gap:15px}.form-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.form-actions form{display:inline-flex}.form-pad{padding:6px 22px 22px}.form-section-title{margin:24px 0 11px;font-size:12px;color:var(--green-800);font-weight:850;border-bottom:1px solid var(--line);padding-bottom:7px}.card{background:var(--surface);border:1px solid #e2e9e5;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.card-head h3{margin:0;font-size:18px}.card-head>.icon{color:var(--green-700)}.alert{padding:12px 15px;border-radius:11px;margin:0 0 15px;border:1px solid}.alert-error{background:#fff1f1;color:#8e262d;border-color:#f1c6c9}.alert-success{background:#effaf5;color:#176b4b;border-color:#bde3d2}.alert-warning{background:#fff8e8;color:#885807;border-color:#f0d493}.badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:850;letter-spacing:.03em;white-space:nowrap}.badge-success{background:#ddf5e9;color:#147149}.badge-warning{background:#fff0ca;color:#956006}.badge-danger{background:#ffe1e3;color:#a92f37}.badge-info{background:#e3f0fb;color:#286495}.badge-neutral{background:#edf1ef;color:#53615a}.mini-note{background:var(--green-50);border:1px solid var(--green-100);color:#416457;padding:10px 12px;border-radius:10px;font-size:12px;margin-top:14px}.empty-cell{text-align:center!important;padding:45px!important;color:var(--muted)}.empty-state{text-align:center;color:var(--muted);padding:42px 20px}.empty-state .icon{width:34px;height:34px;color:#93a39b}.empty-state h3{color:var(--ink);margin:9px 0 0}.empty-state p{margin:5px 0}.text-link{font-size:12px;color:var(--green-700);font-weight:750}.topbar{min-height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:15px;padding:0 max(24px,calc((100vw - 1500px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.app-brand{display:flex;align-items:center;gap:10px;min-width:210px}.app-brand>span:last-child{display:flex;flex-direction:column}.app-brand strong{font-size:14px}.app-brand small{font-size:10px;color:var(--muted);max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav{display:flex;align-items:center;gap:3px;flex:1;overflow-x:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.nav-link{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:9px;color:#56645d;font-size:12px;font-weight:700;white-space:nowrap}.nav-link .icon{width:16px;height:16px}.nav-link:hover{background:#f0f5f2;color:var(--green-800)}.nav-link.active{background:var(--green-800);color:#fff}.nav-section{font-size:9px;font-weight:900;letter-spacing:.14em;color:#99a49e;padding:0 5px}.profile-menu{position:relative}.profile-button{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:6px;cursor:pointer;text-align:left}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--green-100);color:var(--green-800);font-weight:900;flex:none}.avatar-large{width:62px;height:62px;border-radius:17px;font-size:22px}.profile-copy{display:flex;flex-direction:column;max-width:120px}.profile-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy small{font-size:9px;color:var(--muted)}.chevron{color:var(--muted)}.profile-dropdown{display:none;position:absolute;right:0;top:55px;width:180px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:6px}.profile-dropdown.open{display:block}.profile-dropdown a{display:block;padding:10px;border-radius:8px;font-size:12px;font-weight:700}.profile-dropdown a:hover{background:#f2f6f4}.danger-link{color:var(--danger)}.nav-toggle{display:none;background:transparent;border:0;padding:8px}.main-content{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:28px 0 55px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:21px}.page-head h1{font-size:28px;letter-spacing:-.035em;margin:0}.page-head p{margin:4px 0 0;color:var(--muted)}.app-footer{border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:11px;padding:17px max(24px,calc((100vw - 1500px)/2));display:flex;justify-content:space-between}.hero-card{background:radial-gradient(circle at 87% 18%,rgba(237,199,98,.22),transparent 24%),linear-gradient(120deg,var(--green-950),var(--green-700));border-radius:22px;color:#fff;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 18px 40px rgba(7,39,29,.16);overflow:hidden}.hero-card h2{margin:4px 0 5px;font-size:25px}.hero-card p{margin:0;color:#d8e9e1}.hero-actions{display:flex;gap:10px;margin-top:20px}.time-orb{width:150px;height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 12px rgba(255,255,255,.035)}.time-orb strong{font-size:34px;letter-spacing:-.05em}.time-orb span{font-size:11px;color:#c9ded4}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0}.stat-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e3eae6;border-radius:15px;padding:17px;box-shadow:0 6px 20px rgba(13,54,40,.05)}.stat-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;flex:none}.stat-icon.green{background:#dcf3e8;color:var(--green-700)}.stat-icon.gold{background:var(--gold-100);color:#a1700f}.stat-icon.orange{background:#ffead7;color:#b45d1a}.stat-icon.blue{background:#e2effb;color:#3475b8}.stat-card div{display:flex;flex-direction:column}.stat-card small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.stat-card strong{font-size:24px;line-height:1.2}.stat-card strong.stat-text{font-size:17px}.stat-card span{font-size:10px;color:#8a958f}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px;margin-bottom:18px}.bar-chart{height:230px;display:flex;align-items:flex-end;gap:10px;padding-top:18px}.bar-column{height:100%;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:5px}.bar-track{width:min(34px,68%);height:165px;background:#eef3f0;border-radius:8px 8px 3px 3px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;min-height:4px;background:linear-gradient(var(--green-600),var(--green-800));border-radius:8px 8px 3px 3px;position:relative;overflow:hidden}.bar-late{position:absolute;bottom:0;left:0;right:0;background:var(--gold-400)}.bar-value{font-size:10px;font-weight:800}.bar-column small{font-size:10px;color:var(--muted)}.legend-dot{font-size:10px;color:var(--muted)}.legend-dot:before{content:"";display:inline-block;width:8px;height:8px;background:var(--green-700);border-radius:50%;margin-right:5px}.schedule-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf1ef;padding:12px 0}.schedule-row span{color:var(--muted)}.table-card{padding:0}.table-card>.card-head{padding:20px 22px 0}.table-wrap{width:100%;overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:820px}.table-wrap th{text-align:left;padding:11px 14px;background:#f4f7f5;color:#68766f;text-transform:uppercase;font-size:9px;letter-spacing:.08em;white-space:nowrap}.table-wrap td{padding:12px 14px;border-bottom:1px solid #edf1ef;font-size:12px;vertical-align:middle}.table-wrap td>small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.table-wrap tbody tr:hover{background:#fbfdfc}.table-actions{display:flex;align-items:center;gap:5px}.icon-button{width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;place-items:center;cursor:pointer}.icon-button.danger{color:var(--danger);border-color:#f0d0d2}.filter-card{margin-bottom:16px}.filter-row{display:flex;align-items:flex-end;gap:10px}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.scan-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px}.scanner-card{padding:18px}.scanner-frame{aspect-ratio:16/9;min-height:320px;max-height:540px;background:#09120f;border-radius:15px;overflow:hidden;position:relative}.scanner-frame video{width:100%;height:100%;object-fit:cover}.scanner-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;background:radial-gradient(circle,#163f30,#09120f)}.scanner-placeholder .icon{width:52px;height:52px;color:var(--gold-400);margin-bottom:12px}.scanner-placeholder span{font-size:12px;color:#aabbb4}.scan-line{position:absolute;left:15%;right:15%;top:50%;height:2px;background:var(--gold-400);box-shadow:0 0 15px var(--gold-400);animation:scan 2.3s ease-in-out infinite}.camera-badge{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.58);color:#fff;border-radius:99px;padding:5px 10px;font-size:10px}.scanner-controls{display:flex;gap:9px;margin:14px 0}.divider{display:flex;align-items:center;color:#9aa59f;font-size:10px;gap:10px;margin:12px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.scan-result{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:11px;margin-top:10px}.scan-result.success{border-color:#9ed4bd;background:var(--green-50)}.result-dot{width:10px;height:10px;border-radius:50%;background:#a6b0ab}.scan-result.success .result-dot{background:var(--green-600);box-shadow:0 0 0 5px var(--green-100)}.scan-result div{display:flex;flex-direction:column}.scan-result small{color:var(--muted)}.scan-sidebar{display:flex;flex-direction:column;gap:14px}.attendance-timeline{padding:4px}.timeline-item{display:flex;gap:12px}.timeline-marker{width:14px;height:14px;border-radius:50%;border:3px solid #d7e1dc;background:#fff;margin-top:6px;z-index:1}.timeline-item.done .timeline-marker{background:var(--green-600);border-color:#bfe6d4}.timeline-item div{display:flex;flex-direction:column}.timeline-item small{color:var(--muted)}.timeline-item strong{font-size:23px}.timeline-item span{font-size:11px;color:var(--muted)}.timeline-line{height:35px;border-left:2px dashed #dbe3df;margin-left:6px}.gps-card{background:#fafffc}.gps-pulse{width:10px;height:10px;border-radius:50%;background:var(--green-600);box-shadow:0 0 0 6px var(--green-100)}.gps-status{font-weight:700}.gps-details{display:grid;grid-template-columns:1fr 1fr;margin:13px 0 0}.gps-details div{display:flex;flex-direction:column}.gps-details dt{font-size:10px;color:var(--muted)}.gps-details dd{margin:0;font-size:11px;font-weight:750}.security-note{display:flex;gap:8px;color:var(--muted);font-size:11px;padding:6px}.security-note .icon{width:17px;color:var(--green-700)}.guide-card{margin-top:18px}.guide-card h3{margin-top:0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-grid>div{display:flex;gap:12px}.guide-grid>div>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--gold-100);color:#8b610d;font-weight:900}.guide-grid p{margin:0;display:flex;flex-direction:column;color:var(--muted);font-size:12px}.guide-grid strong{color:var(--ink)}.request-list{max-height:620px;overflow:auto}.request-item{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:14px 0}.request-item:first-child{padding-top:0}.request-item div{display:flex;flex-direction:column}.request-item span,.request-item small{font-size:11px;color:var(--muted)}.request-item p{font-size:12px;margin:7px 0}.profile-summary{display:flex;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.profile-summary h3{margin:0}.profile-summary p{margin:2px 0 7px;color:var(--muted)}.user-cell{display:flex;align-items:center;gap:9px}.user-cell div{display:flex;flex-direction:column}.user-cell small{color:var(--muted);font-size:9px}.form-disclosure{padding:0;margin-bottom:16px;overflow:hidden}.form-disclosure>summary{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.form-disclosure>summary::-webkit-details-marker{display:none}.form-disclosure>summary span:first-child{display:flex;flex-direction:column}.summary-action{color:var(--green-700);font-size:11px;font-weight:800}.import-box{border-top:1px solid var(--line);padding:13px 20px}.import-box summary{font-weight:750;cursor:pointer;font-size:12px}.import-box form{padding-top:12px}.location-layout{grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr)}.location-list{display:flex;flex-direction:column;gap:14px}.location-card{padding:18px}.location-top{display:flex;align-items:flex-start;gap:12px}.location-top h3{margin:0}.location-top p{margin:2px 0;color:var(--muted);font-size:11px}.location-meta{display:grid;grid-template-columns:1.4fr .7fr .6fr;gap:10px;margin:15px 0;padding:12px;background:#f6f9f7;border-radius:10px}.location-meta span{display:flex;flex-direction:column}.location-meta small{color:var(--muted);font-size:9px}.location-meta strong{font-size:11px}.barcode-page{max-width:900px;margin:0 auto;text-align:center;padding:42px}.print-brand{display:flex;align-items:center;gap:12px;text-align:left}.print-brand>div{display:flex;flex-direction:column}.print-brand small{color:var(--muted)}.barcode-title{margin:35px 0 20px}.barcode-title h2{font-size:30px;margin:4px 0}.barcode-title p{color:var(--muted)}.barcode-canvas{background:#fff;border:1px dashed #b9c8c0;border-radius:15px;padding:25px;overflow:hidden}.barcode-svg{width:100%;max-height:185px}.barcode-instructions{display:flex;flex-direction:column;margin:22px 0;color:var(--muted)}.barcode-instructions strong{color:var(--ink)}.barcode-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.cards-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shift-time{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--green-50);border-radius:12px;padding:18px}.shift-time strong{font-size:24px}.shift-time span{color:var(--muted)}.detail-list{margin:12px 0}.detail-list div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:750}.tab-row{display:flex;gap:7px;margin-bottom:16px}.tab{padding:9px 15px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:750;font-size:12px}.tab.active{background:var(--green-800);color:#fff;border-color:var(--green-800)}.request-admin-list{display:flex;flex-direction:column;gap:13px}.request-admin-card{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.request-admin-main{display:flex;flex-direction:column;gap:12px}.request-admin-main>p{margin:0}.leave-type{display:flex;flex-direction:column}.request-admin-side{border-left:1px solid var(--line);padding-left:20px}.decision-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}.compact-stats .stat-card{min-height:102px}.system-info{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.system-info div{display:flex;justify-content:space-between;padding:6px 0;font-size:11px}.system-info span{color:var(--muted)}.holiday-list{margin-top:18px}.holiday-list>div{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:12px 0}.holiday-list>div>div{display:flex;flex-direction:column}.holiday-list small{color:var(--muted);font-size:10px}.date-box{width:42px;height:44px;background:var(--green-50);color:var(--green-800);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-box strong{line-height:1}.date-box small{text-transform:uppercase}.secure-note{font-size:11px;color:var(--muted);background:#f3f7f5;padding:10px;border-radius:9px;text-align:center}.login-body{background:#eaf1ed;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr)}.login-visual{background:linear-gradient(120deg,rgba(5,34,24,.97),rgba(17,102,72,.82)),radial-gradient(circle at 70% 25%,#d9aa38,transparent 30%);position:relative;display:flex;align-items:center;padding:8vw}.login-visual:after{content:"";position:absolute;right:8%;bottom:12%;width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.03),0 0 0 90px rgba(255,255,255,.02)}.login-overlay{position:relative;z-index:1;max-width:640px;color:#fff}.login-overlay .brand-mark{margin-bottom:38px}.login-overlay .eyebrow{color:var(--gold-400)}.login-overlay h1{font-size:clamp(40px,5.2vw,72px);line-height:1.03;letter-spacing:-.055em;margin:10px 0 20px}.login-overlay>p{font-size:17px;color:#ccdfd6;max-width:560px}.trust-row{display:flex;gap:42px;margin-top:45px}.trust-row span{display:flex;flex-direction:column}.trust-row strong{color:var(--gold-400);font-size:16px}.trust-row small{color:#b9d2c7}.login-card{background:#fff;display:flex;justify-content:center;flex-direction:column;padding:clamp(35px,6vw,90px);box-shadow:-20px 0 60px rgba(7,39,29,.12);z-index:2}.login-copy h2{font-size:32px;margin:0}.login-copy p{color:var(--muted);margin:5px 0 25px}.login-form{display:flex;flex-direction:column;gap:17px}.password-wrap{display:flex;border:1px solid #d5dfd9;border-radius:11px;overflow:hidden}.password-wrap input{border:0!important;border-radius:0!important;box-shadow:none!important}.password-wrap button{border:0;background:#f1f5f3;color:var(--green-700);font-size:11px;font-weight:800;padding:0 13px;cursor:pointer}.mobile-brand{display:none}.login-footer{text-align:center;margin-top:25px;color:#9aa49f;font-size:10px}.installer-body{background:#e8f0ec;min-height:100vh}.installer-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.75fr) minmax(560px,1.25fr)}.installer-brand{background:linear-gradient(145deg,var(--green-950),var(--green-700));color:#fff;padding:70px clamp(35px,6vw,90px);display:flex;justify-content:center;flex-direction:column;position:sticky;top:0;height:100vh}.installer-brand .eyebrow{color:var(--gold-400);margin-top:35px}.installer-brand h1{font-size:42px;line-height:1.08;letter-spacing:-.04em;margin:8px 0 18px}.installer-brand p{color:#c9ddd4}.installer-points{display:flex;flex-direction:column;gap:8px;margin-top:25px;color:#dcebe4}.installer-card{background:#fff;padding:45px clamp(30px,5vw,80px)}.section-heading h2{font-size:30px;margin:8px 0}.section-heading p{color:var(--muted)}.step-pill{background:var(--gold-100);color:#8d620a;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:850}.success-panel{text-align:center;max-width:520px;margin:20vh auto}.success-icon{display:grid;place-items:center;margin:0 auto 20px;width:70px;height:70px;border-radius:50%;background:var(--green-100);color:var(--green-700);font-size:35px;font-weight:900}.success-panel h2{font-size:32px}.success-panel p{color:var(--muted);margin-bottom:25px}@keyframes scan{0%,100%{top:25%;opacity:.5}50%{top:75%;opacity:1}} @media(max-width:1250px){.topbar{padding:0 18px}.app-brand{min-width:auto}.app-brand small,.profile-copy,.chevron{display:none}.nav-link span{display:none}.nav-link{padding:10px}.nav-section{display:none}.main-content{width:calc(100% - 36px)}.cards-grid-3{grid-template-columns:repeat(2,1fr)}} @media(max-width:850px){.topbar{min-height:64px}.nav-toggle{display:grid;place-items:center;margin-left:auto}.topnav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:12px;max-height:75vh;overflow:auto;align-items:stretch;flex-direction:column}.topnav.open{display:flex}.nav-link span{display:inline}.nav-link{padding:11px}.nav-section{display:block;padding:9px 10px 3px}.profile-menu{margin-left:0}.main-content{width:calc(100% - 24px);padding-top:18px}.page-head h1{font-size:23px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.scan-layout,.two-column,.location-layout{grid-template-columns:1fr}.scan-sidebar{display:grid;grid-template-columns:1fr 1fr}.scan-sidebar>.btn,.scan-sidebar>.security-note{grid-column:span 2}.cards-grid-3{grid-template-columns:1fr}.request-admin-card{grid-template-columns:1fr}.request-admin-side{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-card{min-height:100vh;max-width:540px;width:100%;margin:auto}.mobile-brand{display:block;color:var(--green-700);font-weight:900;margin-bottom:35px}.installer-shell{grid-template-columns:1fr}.installer-brand{position:relative;height:auto;padding:45px 25px}.installer-brand h1{font-size:32px}.installer-card{padding:30px 24px}.form-grid.cols-3{grid-template-columns:repeat(2,1fr)}.col-span-3{grid-column:span 2}} @media(max-width:560px){body{font-size:13px}.topbar{padding:0 12px}.brand-mark-small{width:36px;height:36px}.main-content{width:calc(100% - 18px)}.page-head p{font-size:12px}.hero-card{padding:23px;align-items:flex-start}.hero-card h2{font-size:20px}.time-orb{display:none}.hero-actions{flex-wrap:wrap}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px;gap:9px}.stat-icon{width:36px;height:36px}.stat-card strong{font-size:19px}.stat-card span{display:none}.dashboard-grid{gap:10px}.card{padding:16px;border-radius:14px}.table-card{padding:0}.table-card>.card-head{padding:16px 16px 0}.bar-chart{height:205px}.filter-row{align-items:stretch;flex-direction:column}.filter-row .btn{width:100%}.field.compact{width:100%}.form-grid.cols-2,.form-grid.cols-3{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}.form-pad{padding:5px 16px 17px}.scan-sidebar{display:flex}.scanner-frame{min-height:240px}.guide-grid{grid-template-columns:1fr}.guide-card{display:none}.location-meta{grid-template-columns:1fr 1fr}.location-meta span:first-child{grid-column:span 2}.barcode-page{padding:22px 14px}.barcode-title h2{font-size:24px}.cards-grid-3{gap:10px}.app-footer{padding:14px 12px;flex-direction:column;gap:3px}.login-card{padding:28px 22px}.login-copy h2{font-size:27px}.installer-brand{display:none}.installer-card{padding:24px 16px}.installer-shell{display:block}.trust-row{gap:15px}.profile-summary{align-items:flex-start}.request-item{align-items:flex-start}.compact-stats .stat-card{min-height:86px}} @media print{.topbar,.page-head,.app-footer,.no-print{display:none!important}.main-content{width:100%;padding:0}.app-body{background:#fff}.barcode-page{box-shadow:none;border:0;max-width:100%;padding:20mm}.barcode-canvas{border:0}.barcode-svg{max-height:250px}} .people-grid,.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.full-grid{grid-column:1/-1}.person-card{padding:18px;display:flex;flex-direction:column;gap:15px}.person-card-top{display:flex;align-items:flex-start;gap:13px}.person-card-top h3{margin:8px 0 1px;font-size:17px}.person-card-top p{margin:0;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.person-badges{display:flex;gap:5px;flex-wrap:wrap}.person-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#f6f9f7;border-radius:11px;padding:12px}.person-meta>div{display:flex;flex-direction:column;min-width:0}.person-meta small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.person-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:2px}.program-card{position:relative;overflow:hidden}.program-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--green-600),var(--gold-400))}.program-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.program-code{font-size:12px;font-weight:900;color:var(--green-800);background:var(--green-50);border-radius:8px;padding:5px 9px}.program-card h3{font-size:18px;min-height:54px;margin:3px 0 18px}.program-stats{display:grid;grid-template-columns:.65fr 1.35fr;gap:8px;padding:12px;background:#f6f9f7;border-radius:10px}.program-stats>div{display:flex;flex-direction:column}.program-stats strong{font-size:13px}.program-stats span{font-size:9px;color:var(--muted)}.sync-origin{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;margin-top:13px}.sync-origin .icon{width:14px;height:14px;color:var(--green-700)}.neo-status-card{display:flex;align-items:center;gap:17px;border-radius:20px;padding:23px 26px;color:#fff;margin-bottom:17px;box-shadow:0 14px 34px rgba(7,39,29,.14)}.neo-status-card.connected{background:radial-gradient(circle at 85% 0,rgba(237,199,98,.2),transparent 30%),linear-gradient(120deg,var(--green-950),var(--green-700))}.neo-status-card.disconnected{background:linear-gradient(120deg,#45544d,#75817b)}.neo-status-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.12)}.neo-status-icon .icon{width:28px;height:28px}.neo-status-card h2{margin:0;font-size:23px}.neo-status-card p{margin:3px 0 0;color:#d6e6de;font-size:12px}.neo-status-pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:7px 12px;font-size:10px;font-weight:850;white-space:nowrap}.neo-layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:17px;margin-bottom:17px}.neo-test-form{border-top:1px solid var(--line);padding-top:14px;margin-top:4px}.sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sync-card{display:flex;flex-direction:column;gap:13px}.sync-card h3{margin:3px 0;font-size:18px}.sync-card p{margin:0;color:var(--muted);font-size:12px}.sync-card form{margin-top:auto}.sync-card-wide{grid-column:span 2;display:flex;align-items:center;flex-direction:row;background:linear-gradient(110deg,#fff,var(--gold-100))}.sync-card-wide form{margin:0}.sync-log-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sync-log-card{border:1px solid var(--line);border-radius:13px;padding:14px;background:#fbfdfc}.sync-log-top{display:flex;align-items:center;gap:7px}.sync-log-top strong{font-size:12px}.sync-log-top>small{margin-left:auto;color:var(--muted);font-size:9px}.sync-numbers{display:grid;grid-template-columns:repeat(4,1fr);margin:13px 0;background:#f1f6f3;border-radius:9px;padding:9px}.sync-numbers span{display:flex;align-items:center;flex-direction:column;border-right:1px solid #dce6e0}.sync-numbers span:last-child{border:0}.sync-numbers strong{font-size:15px}.sync-numbers small{font-size:8px;color:var(--muted)}.sync-log-card p{min-height:36px;margin:7px 0;font-size:10px;color:#53625b}.sync-log-card>small{font-size:9px;color:var(--muted)} @media(max-width:1250px){.people-grid,.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-log-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:850px){.neo-layout{grid-template-columns:1fr}.neo-status-card{align-items:flex-start}.neo-status-pill{margin-left:auto}.sync-log-grid{grid-template-columns:1fr}} @media(max-width:560px){.people-grid,.program-grid,.sync-grid{grid-template-columns:1fr}.sync-card-wide{grid-column:span 1;align-items:flex-start;flex-direction:column}.person-meta{grid-template-columns:1fr}.person-card-footer{align-items:flex-start;gap:10px;flex-direction:column}.neo-status-card{padding:19px;flex-wrap:wrap}.neo-status-pill{margin:0}.neo-status-icon{width:42px;height:42px}.neo-status-card h2{font-size:19px}.program-card h3{min-height:auto}.sync-numbers{padding:7px}} .registration-body{min-height:100vh;background:#edf3ef}.registration-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr)}.registration-brand{height:100vh;position:sticky;top:0;padding:48px clamp(35px,6vw,90px);display:flex;justify-content:space-between;flex-direction:column;color:#fff;background:radial-gradient(circle at 80% 15%,rgba(237,199,98,.2),transparent 28%),linear-gradient(140deg,var(--green-950),var(--green-700))}.registration-logo{display:flex;align-items:center;gap:13px}.registration-logo>span:last-child{display:flex;flex-direction:column}.registration-logo strong{font-size:19px}.registration-logo small{color:#c7ddd3}.registration-brand h1{font-size:clamp(36px,4.4vw,58px);line-height:1.04;letter-spacing:-.05em;margin:10px 0 18px}.registration-brand p{font-size:15px;color:#d0e2da;max-width:540px}.registration-brand>small{color:#aec8bc}.registration-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.registration-steps span{display:flex;align-items:center;gap:7px;font-size:11px;color:#d7e6df}.registration-steps strong{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:var(--gold-400);color:var(--green-950)}.registration-card{background:#fff;padding:48px clamp(30px,7vw,100px);display:flex;justify-content:center;flex-direction:column}.registration-card>.stack-form,.registration-heading,.registration-card>.alert{width:100%;max-width:720px;margin-left:auto;margin-right:auto}.registration-heading{margin-bottom:23px}.registration-heading h2{font-size:31px;margin:3px 0}.registration-heading p{margin:0;color:var(--muted)}.agreement-field{align-items:flex-start;background:#f4f8f6;border-radius:10px;padding:11px}.form-switch{text-align:center;color:var(--muted);font-size:12px}.form-switch a{color:var(--green-700);font-weight:800}.trap-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.registration-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;padding:23px 27px;border-radius:19px;background:radial-gradient(circle at 80% 0,rgba(237,199,98,.2),transparent 30%),linear-gradient(120deg,var(--green-950),var(--green-700));box-shadow:0 14px 34px rgba(7,39,29,.13)}.registration-admin-hero h2{font-size:23px;margin:0}.registration-admin-hero p{margin:4px 0 0;color:#d5e6de;font-size:11px}.registration-toggle{display:flex;align-items:center;gap:10px}.switch{position:relative;width:48px;height:27px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#788781;border-radius:99px;cursor:pointer;transition:.2s}.switch span:before{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--gold-400)}.switch input:checked+span:before{transform:translateX(21px)}.registration-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.registration-review-card{display:flex;flex-direction:column;gap:14px}.registration-review-top{display:flex;gap:12px}.registration-review-top h3{margin:7px 0 0;font-size:17px}.registration-review-top p{margin:0;color:var(--muted);font-size:11px}.registration-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-radius:10px;background:#f6f9f7}.registration-details>div{display:flex;flex-direction:column;min-width:0}.registration-details small{font-size:9px;color:var(--muted);text-transform:uppercase}.registration-details strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.registration-origin{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;border-bottom:1px solid var(--line);padding-bottom:11px}.review-result{background:var(--green-50);border-radius:10px;padding:11px;font-size:10px;color:var(--muted);margin-top:auto}.review-result p{margin:5px 0 0;color:var(--ink)}.update-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;border-radius:20px;padding:27px 30px;margin-bottom:17px;background:radial-gradient(circle at 85% 15%,rgba(237,199,98,.26),transparent 25%),linear-gradient(115deg,var(--green-950),var(--green-700));box-shadow:0 15px 38px rgba(7,39,29,.14)}.update-hero h2{font-size:27px;margin:0}.update-hero p{margin:4px 0 0;color:#d4e5dd}.version-orb{display:grid;place-items:center;width:105px;height:105px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);font-size:21px;font-weight:900}.update-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;margin-bottom:16px}.update-warning{display:flex;align-items:flex-start;gap:10px;background:var(--gold-100);border:1px solid #eed38c;border-radius:11px;padding:12px;margin-bottom:16px}.update-warning .icon{color:#9e6f10}.update-warning div{display:flex;flex-direction:column}.update-warning span{font-size:10px;color:#745a28}.upload-dropzone{border:2px dashed #b8cbc1;border-radius:14px;min-height:155px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#f8fbf9;cursor:pointer;text-align:center;padding:20px}.upload-dropzone:hover{border-color:var(--green-600);background:var(--green-50)}.upload-dropzone input{position:absolute;opacity:0;pointer-events:none}.upload-dropzone .icon{width:35px;height:35px;color:var(--green-700)}.upload-dropzone span{font-size:10px;color:var(--muted)}.requirement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.requirement-grid>div{display:flex;align-items:center;gap:5px;background:#f4f7f5;padding:8px;border-radius:8px;font-size:9px}.requirement-grid .ok span{color:var(--green-600)}.requirement-grid .fail span{color:var(--danger)}.backup-column{display:flex;flex-direction:column;gap:16px}.backup-list>div{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:10px 0}.backup-list>div:first-child{border-top:0}.backup-list>div>div{display:flex;flex-direction:column;min-width:0}.backup-list strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backup-list small{font-size:9px;color:var(--muted)}.backup-list .stat-icon{width:34px;height:34px}.update-rules h3{margin:0}.update-rules ul{padding-left:18px;margin:12px 0 0;color:var(--muted);font-size:11px}.update-rules li{margin:7px 0}.update-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.update-history-card{border:1px solid var(--line);background:#fbfdfc;border-radius:12px;padding:13px}.update-history-top{display:flex;align-items:center;gap:7px}.update-history-top strong{font-size:11px}.update-history-top small{margin-left:auto;color:var(--muted);font-size:8px}.update-history-card p{min-height:35px;color:#55645d;font-size:10px}.update-history-card>div:last-child{display:flex;justify-content:space-between;color:var(--muted);font-size:8px} @media(max-width:1250px){.registration-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.update-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:850px){.registration-shell{grid-template-columns:1fr}.registration-brand{position:relative;height:auto;min-height:360px}.registration-card{padding:35px 24px}.update-layout{grid-template-columns:1fr}.registration-admin-hero{align-items:flex-start;flex-direction:column}.registration-review-grid{grid-template-columns:1fr}} @media(max-width:560px){.registration-brand{padding:30px 20px;min-height:310px}.registration-logo .brand-mark{width:43px;height:43px}.registration-brand h1{font-size:31px}.registration-steps{gap:5px}.registration-steps span{font-size:9px;flex-direction:column;align-items:flex-start}.registration-card{padding:28px 16px}.registration-heading h2{font-size:25px}.registration-card .form-grid.cols-2{grid-template-columns:1fr}.registration-card .col-span-2{grid-column:span 1}.update-hero{padding:22px}.version-orb{display:none}.requirement-grid{grid-template-columns:1fr 1fr}.update-history-grid{grid-template-columns:1fr}.registration-details{grid-template-columns:1fr}} /* Minimal primary navigation v1.2.1 */ .topbar{min-height:68px;gap:12px;background:rgba(255,255,255,.95)} .topnav{justify-content:flex-start;gap:4px;overflow:visible} .nav-link,.nav-group-button{min-height:38px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:0;border-radius:10px;color:#56645d;background:transparent;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer;transition:.16s ease} .nav-link .icon,.nav-group-button .icon{width:16px;height:16px} .nav-link:hover,.nav-group-button:hover{background:#f0f5f2;color:var(--green-800)} .nav-link.active,.nav-group.active>.nav-group-button{background:var(--green-800);color:#fff;box-shadow:0 5px 13px rgba(16,81,59,.14)} .nav-group{position:relative} .nav-caret{margin-left:1px;font-size:13px;line-height:1;transition:transform .18s} .nav-group.open .nav-caret{transform:rotate(180deg)} .nav-dropdown{display:none;position:absolute;top:calc(100% + 10px);left:0;width:270px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(13,54,40,.15)} .nav-group:last-child .nav-dropdown{left:auto;right:0} .nav-group.open .nav-dropdown{display:grid;gap:2px;animation:nav-in .16s ease-out} .nav-dropdown-title{padding:7px 9px 5px;color:#89958f;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase} .nav-dropdown-link{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:8px;border-radius:10px} .nav-dropdown-link:hover{background:#f3f7f5} .nav-dropdown-link.active{background:var(--green-50);color:var(--green-800)} .nav-dropdown-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef4f1;color:var(--green-700)} .nav-dropdown-icon .icon{width:16px;height:16px} .nav-dropdown-link>span:last-child{display:flex;min-width:0;flex-direction:column} .nav-dropdown-link strong{font-size:11px} .nav-dropdown-link small{color:var(--muted);font-size:9px} .nav-toggle{border-radius:9px;color:var(--green-800)} @keyframes nav-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}} @media(max-width:1250px){.nav-link span{display:inline}.nav-group-button span{display:inline}} @media(min-width:851px) and (max-width:1050px){.nav-link>span,.nav-group-button>span:not(.nav-caret){display:none}.nav-dropdown-link>span:last-child{display:flex}.nav-link,.nav-group-button{padding:10px}} @media(max-width:850px){.topnav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:10px 12px 14px;max-height:calc(100vh - 64px);overflow:auto;align-items:stretch;flex-direction:column}.topnav.open{display:flex}.nav-link,.nav-group-button{width:100%;justify-content:flex-start;padding:11px}.nav-link span,.nav-group-button span{display:inline}.nav-group-button .nav-caret{margin-left:auto}.nav-group{width:100%}.nav-dropdown{position:static;width:100%;margin:4px 0 7px;padding:6px;border:0;border-radius:11px;box-shadow:none;background:#f5f8f6}.nav-dropdown-title{display:none}.nav-dropdown-link{grid-template-columns:31px minmax(0,1fr);padding:7px}.nav-dropdown-icon{width:31px;height:31px;background:#fff}.nav-dropdown-link>span:last-child{display:flex}} /* Branding, letterhead, and Excel report v1.3.0 */ .brand-mark-logo{overflow:hidden;background:#fff;border:1px solid rgba(16,81,59,.12);padding:4px} .brand-mark-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit} .login-overlay>.brand-mark-logo{margin-bottom:38px} .mobile-brand{align-items:center;gap:9px} .mobile-brand strong{font-size:14px} .export-actions{display:flex;align-items:center;gap:7px} .filter-help{flex-basis:100%;margin:11px 0 0;color:var(--muted);font-size:10px} .letterhead-layout{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);gap:18px;align-items:start} .letterhead-form-card>.card-head .icon{color:var(--green-700)} .logo-upload-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px dashed #b8cbc1;border-radius:13px;background:#f8fbf9} .logo-upload-copy{display:flex;flex-direction:column;min-width:0} .logo-upload-copy .eyebrow{margin:0} .logo-upload-copy strong{font-size:13px} .logo-upload-copy small{max-width:360px;color:var(--muted);font-size:10px} .logo-file-button{position:relative;overflow:hidden} .logo-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer} .remove-logo{align-items:flex-start;padding:10px;border-radius:10px;background:#fff6f6;color:#8e3a3f} .letterhead-preview-card{position:sticky;top:86px;background:linear-gradient(145deg,#fff,#f3f7f5)} .letterhead-paper{min-height:530px;padding:38px 34px;background:#fff;border:1px solid #dce5e0;border-radius:5px;box-shadow:0 15px 35px rgba(13,54,40,.1)} .letterhead-header{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:18px;min-height:105px} .letterhead-logo-box{width:84px;height:84px;display:grid;place-items:center;border-radius:14px;background:#f1f6f3;color:var(--green-800);font-size:20px;font-weight:900;overflow:hidden} .letterhead-logo-box img{width:100%;height:100%;object-fit:contain;background:#fff} .letterhead-copy{display:flex;align-items:center;flex-direction:column;text-align:center;line-height:1.22} .letterhead-copy>span{min-height:14px;font-size:10px;font-weight:800;letter-spacing:.06em} .letterhead-copy>strong{color:var(--green-800);font-size:clamp(19px,2vw,27px);letter-spacing:-.02em;text-transform:uppercase} .letterhead-copy>b{font-size:11px;letter-spacing:.05em} .letterhead-copy>small{max-width:650px;color:#526159;font-size:9px;white-space:pre-line} .letterhead-rule{height:6px;margin:16px 0 24px;border-top:3px solid var(--green-900);border-bottom:1px solid var(--gold-500)} .letterhead-report-title{display:flex;align-items:center;flex-direction:column;text-align:center;margin-bottom:22px} .letterhead-report-title strong{font-size:14px} .letterhead-report-title span{color:var(--muted);font-size:10px} .letterhead-table-sample{display:grid;grid-template-columns:1fr 1.6fr 1.3fr 1fr;background:var(--green-800);color:#fff;border-radius:7px;overflow:hidden} .letterhead-table-sample span{padding:10px;border-right:1px solid rgba(255,255,255,.18);font-size:8px;font-weight:800;text-align:center} .letterhead-paper>p{margin:15px 0 0;color:var(--muted);font-size:9px;text-align:center} @media(max-width:980px){.letterhead-layout{grid-template-columns:1fr}.letterhead-preview-card{position:static}} @media(max-width:850px){.mobile-brand{display:flex}.export-actions{width:100%}.export-actions .btn{flex:1}.filter-help{margin-top:5px}} @media(max-width:560px){.logo-upload-panel{align-items:flex-start;flex-direction:column}.logo-file-button{width:100%}.letterhead-paper{min-height:430px;padding:24px 14px}.letterhead-header{grid-template-columns:58px minmax(0,1fr);gap:9px}.letterhead-logo-box{width:56px;height:56px;border-radius:10px}.letterhead-copy>strong{font-size:15px}.letterhead-copy>b{font-size:8px}.letterhead-copy>small{font-size:7px}.letterhead-rule{margin:12px 0 18px}.letterhead-table-sample span{padding:8px 3px;font-size:7px}} /* Face attendance, profile photos, personal barcodes, and exact ID-card printing v1.7.4 */ .avatar-photo{overflow:hidden;background:#fff} .avatar-photo img{display:block;width:100%;height:100%;object-fit:cover} .profile-photo-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;margin-bottom:18px;border:1px dashed #b8cbc1;border-radius:13px;background:#f8fbf9} .profile-photo-form>div{display:flex;flex-direction:column} .profile-photo-form strong{font-size:13px} .profile-photo-form small{max-width:440px;color:var(--muted);font-size:10px} .profile-photo-form .eyebrow{margin:0} .profile-data-form{padding-top:2px} .photo-file-button{position:relative;overflow:hidden} .photo-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer} .remove-photo{grid-column:1/-1;min-height:auto;color:var(--danger);font-size:11px} .face-scan-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.7fr);gap:18px} .face-camera-card{padding:18px} .face-camera{position:relative;overflow:hidden;min-height:470px;aspect-ratio:4/3;border-radius:16px;background:#07140f} .face-camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)} .face-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;color:#fff;background:radial-gradient(circle at 50% 38%,#1b503b,#081711)} .face-placeholder .icon{width:54px;height:54px;margin-bottom:13px;color:var(--gold-400)} .face-placeholder span{max-width:330px;color:#b8cec4;font-size:12px} .face-guide{position:absolute;left:50%;top:50%;width:min(43%,280px);height:min(72%,370px);transform:translate(-50%,-50%);border:2px solid rgba(237,199,98,.82);border-radius:48%;box-shadow:0 0 0 999px rgba(1,12,8,.2),0 0 22px rgba(237,199,98,.23);pointer-events:none} .face-controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px} .face-preview{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:14px;padding:12px;border:1px solid #bfe0d1;border-radius:13px;background:var(--green-50)} .face-preview img{width:86px;height:86px;object-fit:cover;border-radius:11px;transform:scaleX(-1)} .face-preview>div{display:flex;flex-direction:column} .face-preview small{color:var(--muted);font-size:10px} .face-sidebar{display:flex;flex-direction:column;gap:14px} .face-account-card .profile-summary{margin:0;padding:0;border:0} .face-account-card .profile-summary h3{font-size:17px} .reference-status{display:flex;align-items:center;gap:9px;margin-top:16px;padding:11px;border-radius:11px} .reference-status.ready{background:var(--green-50);color:var(--green-800)} .reference-status.missing{background:#fff7e8;color:#8a5c09} .reference-status>.icon{width:20px} .reference-status>div{display:flex;flex:1;flex-direction:column} .reference-status span{font-size:10px;color:var(--muted)} .consent-field{align-items:flex-start;min-height:auto;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:11px} .face-evidence-links{display:flex;gap:8px} .employee-list-tools,.barcode-print-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .barcode-print-toolbar{justify-content:flex-end;margin-bottom:16px} .barcode-print-toolbar .tab-row{margin:0 auto} .staff-barcode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .staff-barcode-single{grid-template-columns:minmax(0,620px);justify-content:center} .staff-barcode-card{display:flex;min-height:0;aspect-ratio:105/74;flex-direction:column;padding:24px;border:1px solid #cfdad4;border-radius:18px;background:#fff;box-shadow:var(--shadow);break-inside:avoid;page-break-inside:avoid} .staff-card-brand{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:2px solid var(--green-800)} .staff-card-brand .brand-mark{width:48px;height:48px;border-radius:13px} .staff-card-brand>div{display:flex;flex-direction:column} .staff-card-brand strong{font-size:13px;text-transform:uppercase} .staff-card-brand small{font-size:9px;color:var(--muted)} .staff-card-person{display:flex;align-items:center;gap:15px;margin:18px 0 13px} .staff-card-photo{width:92px;height:108px;border-radius:13px;font-size:25px} .staff-card-person h2{margin:6px 0 1px;font-size:21px;line-height:1.18} .staff-card-person p{margin:0;color:var(--muted);font-size:11px} .staff-card-meta{display:grid;grid-template-columns:.65fr 1fr 1.25fr;gap:7px;margin:0 0 14px} .staff-card-meta>div{display:flex;min-width:0;flex-direction:column;padding:10px;border-radius:10px;background:#f5f8f6} .staff-card-meta dt{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em} .staff-card-meta dd{overflow:hidden;margin:0;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap} .staff-card-barcode{margin-top:auto;padding:12px 10px 5px;border:1px dashed #b8c8c0;border-radius:11px;overflow:hidden;text-align:center} .staff-card-barcode .barcode-svg{width:100%;max-height:112px} .staff-card-note{margin:8px 0 0;color:var(--muted);font-size:8px;text-align:center} .barcode-color-settings{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:center;gap:22px;margin-bottom:16px;padding:17px 20px} .barcode-color-settings h3{margin:0;font-size:17px} .barcode-color-settings p{margin:3px 0 0;color:var(--muted);font-size:10px} .barcode-color-form{display:flex;align-items:flex-end;justify-content:flex-end;gap:9px;flex-wrap:wrap} .barcode-color-picker{position:relative;display:flex;align-items:center;gap:8px;min-height:41px;padding:5px 10px 5px 6px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-size:10px;font-weight:800} .barcode-color-picker input{width:31px;height:29px;padding:0;border:0;border-radius:7px;background:transparent;cursor:pointer} .barcode-color-picker input::-webkit-color-swatch-wrapper{padding:0} .barcode-color-picker input::-webkit-color-swatch{border:0;border-radius:6px} .barcode-color-picker input::-moz-color-swatch{border:0;border-radius:6px} .barcode-hex-field{min-width:116px} .barcode-hex-field input{width:116px;text-transform:uppercase} .barcode-color-presets{display:flex;align-items:center;gap:5px;padding-bottom:7px} .barcode-color-presets button{width:25px;height:25px;padding:0;border:2px solid #fff;border-radius:8px;background:var(--preset);box-shadow:0 0 0 1px #cbd6d0;cursor:pointer} .barcode-color-presets button:hover,.barcode-color-presets button.active{transform:scale(1.08);box-shadow:0 0 0 2px var(--green-700)} .barcode-page[data-barcode-color-preview],.staff-barcode-card[data-barcode-color-preview]{color:var(--barcode-ink);background:var(--barcode-bg);-webkit-print-color-adjust:exact;print-color-adjust:exact} .barcode-page[data-barcode-color-preview] .print-brand small,.barcode-page[data-barcode-color-preview] .barcode-title p,.barcode-page[data-barcode-color-preview] .barcode-instructions,.staff-barcode-card[data-barcode-color-preview] .staff-card-brand small,.staff-barcode-card[data-barcode-color-preview] .staff-card-person p,.staff-barcode-card[data-barcode-color-preview] .staff-card-note{color:var(--barcode-ink);opacity:.72} .barcode-page[data-barcode-color-preview] .barcode-instructions strong{color:var(--barcode-ink)} .barcode-page[data-barcode-color-preview] .barcode-title .eyebrow{color:var(--barcode-ink);opacity:.78} .staff-barcode-card[data-barcode-color-preview] .staff-card-brand{border-color:var(--barcode-ink)} .staff-barcode-card[data-barcode-color-preview] .staff-card-meta{color:#15221d} @media(max-width:980px){.face-scan-layout{grid-template-columns:1fr}.face-camera{min-height:390px}.staff-barcode-grid{grid-template-columns:1fr}.employee-list-tools{width:100%}} @media(max-width:980px){.barcode-color-settings{grid-template-columns:1fr}.barcode-color-form{justify-content:flex-start}} @media(max-width:560px){.profile-photo-form{grid-template-columns:1fr}.profile-photo-form .btn{width:100%}.face-camera{min-height:330px}.face-guide{width:48%;height:70%}.face-preview{grid-template-columns:65px minmax(0,1fr)}.face-preview img{width:65px;height:65px}.face-preview .btn{grid-column:1/-1}.barcode-print-toolbar{align-items:stretch;flex-direction:column}.barcode-print-toolbar .tab-row{width:100%;margin:0}.barcode-print-toolbar .tab{flex:1;text-align:center}.staff-barcode-card{min-height:450px;padding:18px}.staff-card-photo{width:76px;height:90px}.staff-card-person h2{font-size:18px}} @media(max-width:560px){.barcode-color-settings{padding:15px}.barcode-color-form{align-items:stretch;flex-direction:column}.barcode-color-picker{justify-content:center}.barcode-hex-field input{width:100%}.barcode-color-presets{justify-content:center;padding:3px 0}.barcode-color-form>.btn{width:100%}} @media print{ @page{size:A4 landscape;margin:10mm} @page id-card{size:A4 landscape;margin:10mm} .staff-barcode-grid{page:id-card;display:grid!important;width:100%!important;grid-template-columns:repeat(2,105mm)!important;gap:7mm!important;align-items:start!important;justify-content:center!important} .staff-barcode-single{grid-template-columns:105mm!important;justify-content:center!important} .staff-barcode-card{display:grid!important;width:105mm!important;height:74mm!important;min-width:105mm!important;max-width:105mm!important;min-height:74mm!important;max-height:74mm!important;aspect-ratio:auto!important;grid-template-rows:9mm 21mm 11mm 18mm 3mm;row-gap:1mm;padding:3.5mm;border:1px solid #687b72;border-radius:2.5mm;box-shadow:none;overflow:hidden} .staff-barcode-card:nth-child(4n){break-after:page;page-break-after:always} .staff-card-brand{height:9mm;padding:0 0 1.2mm} .staff-card-brand .brand-mark{width:8mm;height:8mm;border-radius:1.5mm;font-size:7pt} .staff-card-brand strong{font-size:8pt;line-height:1.1} .staff-card-brand small{font-size:5.5pt;line-height:1.1} .staff-card-person{height:21mm;gap:3mm;margin:0} .staff-card-photo{width:17mm;height:20mm;border-radius:1.5mm;font-size:13pt} .staff-card-person .badge{padding:1mm 2mm;font-size:5.5pt} .staff-card-person h2{margin:1mm 0 0;font-size:11pt;line-height:1.05} .staff-card-person p{font-size:6.5pt;line-height:1.1} .staff-card-meta{height:11mm;gap:1.4mm;margin:0} .staff-card-meta>div{height:11mm;padding:1.4mm 2mm;border-radius:1.5mm} .staff-card-meta dt{font-size:5pt;line-height:1} .staff-card-meta dd{font-size:7pt;line-height:1.25} .staff-card-barcode{height:18mm;margin:0;padding:1.5mm 2mm .5mm;border-radius:1.5mm} .staff-card-barcode .barcode-svg{height:15.5mm;max-height:15.5mm} .staff-card-note{height:3mm;margin:0;font-size:5pt;line-height:3mm} } /* Home attendance without radius limit v1.9.8 */ .home-mode-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;padding:20px 22px;border:1px solid rgba(255,255,255,.16);border-radius:18px;color:#fff;background:linear-gradient(125deg,#0d5b42,#173f32 64%,#8a6819);box-shadow:0 18px 42px rgba(10,66,47,.18)} .home-mode-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:15px;color:var(--gold-400);background:rgba(255,255,255,.1)} .home-mode-icon .icon{width:27px;height:27px}.home-mode-banner h2{margin:2px 0 3px;font-size:24px}.home-mode-banner p{max-width:760px;margin:0;color:#d5e9df;font-size:11px}.home-mode-banner>.badge{background:#e8fff4;color:#116246} .home-today-card{display:flex;flex-direction:column;gap:0}.home-today-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px}.home-today-row:last-child{border-bottom:0}.home-today-row span{color:var(--muted)}.home-today-row strong{text-align:right}.home-scan-layout textarea[data-home-note]{resize:vertical} .external-mode-banner{background:linear-gradient(125deg,#164e63,#173f32 62%,#997019)}.external-task-fields{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.external-task-fields textarea{resize:vertical} /* Blended Learning attendance without radius limit v1.9.9 */ .blended-mode-banner{background:linear-gradient(125deg,#1e3a8a,#334155 58%,#0f766e)}.blended-task-fields{border-color:#d8e2f3;background:linear-gradient(145deg,#f8fbff,#fff)} @media(max-width:650px){.home-mode-banner{grid-template-columns:auto minmax(0,1fr);padding:17px}.home-mode-banner>.badge{grid-column:1/-1;width:max-content}.home-mode-banner h2{font-size:20px}.home-mode-icon{width:44px;height:44px}} /* Lecturer history reports, biodata, and signatures v1.9.0 */ .lecturer-report-tabs{display:flex;gap:7px;margin-bottom:16px}.lecturer-report-tabs .tab{background:#fff}.lecturer-report-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px;padding:16px 18px}.lecturer-report-toolbar .lecturer-picker{min-width:min(440px,100%)}.lecturer-report-empty{min-height:320px}.lecturer-history-report-page{width:100%;max-width:1040px;margin:0 auto;padding:38px 42px;border:1px solid #dbe4df;border-radius:7px;background:#fff;box-shadow:0 18px 45px rgba(13,54,40,.09)} .lecturer-report-letterhead{display:grid;grid-template-columns:84px minmax(0,1fr) 84px;align-items:center;gap:16px;min-height:94px}.lecturer-report-letterhead:after{content:"";display:block}.lecturer-report-logo{display:flex;justify-content:center}.lecturer-report-logo .brand-mark{width:76px;height:76px;border-radius:15px}.lecturer-report-letterhead-copy{display:flex;align-items:center;flex-direction:column;text-align:center;line-height:1.22}.lecturer-report-letterhead-copy>span{font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.lecturer-report-letterhead-copy>strong{color:var(--green-800);font-size:25px;letter-spacing:-.025em;text-transform:uppercase}.lecturer-report-letterhead-copy>b{font-size:10px;letter-spacing:.055em}.lecturer-report-letterhead-copy>small{max-width:650px;color:#526159;font-size:8px;white-space:normal}.lecturer-report-rule{height:7px;margin:14px 0 20px;border-top:3px solid var(--green-900);border-bottom:1px solid var(--gold-500)} .lecturer-report-title{text-align:center}.lecturer-report-title h2{margin:0;font-size:18px;text-decoration:underline;text-underline-offset:4px}.lecturer-report-title>div{display:flex;justify-content:center;gap:20px;margin-top:6px;color:var(--muted);font-size:9px}.lecturer-report-biodata{margin:22px 0 20px;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fbfdfc,#f3f8f5)}.lecturer-report-person{display:flex;align-items:center;gap:14px;padding-bottom:15px;border-bottom:1px solid var(--line)}.lecturer-report-photo{width:76px;height:88px;border-radius:11px;font-size:24px}.lecturer-report-photo img{width:100%;height:100%;object-fit:cover}.lecturer-report-person h3{margin:0;font-size:20px}.lecturer-report-person p{margin:2px 0 7px;color:var(--muted);font-size:10px}.lecturer-biodata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:13px 0 0}.lecturer-biodata-grid>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:8px;padding:6px 0;border-bottom:1px dashed #dfe7e2}.lecturer-biodata-grid dt{color:var(--muted);font-size:9px}.lecturer-biodata-grid dd{margin:0;font-size:10px;font-weight:750} .lecturer-report-section-title{display:flex;align-items:center;gap:10px;margin:0 0 9px}.lecturer-report-section-title>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:var(--green-700);background:var(--green-50)}.lecturer-report-section-title h3{margin:0;font-size:15px}.lecturer-report-section-title>b{margin-left:auto;padding:4px 8px;border-radius:99px;color:var(--green-700);background:var(--green-50);font-size:9px}.lecturer-report-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.lecturer-report-table-wrap table{width:100%;min-width:800px;border-collapse:collapse}.lecturer-report-table-wrap th{padding:9px 8px;color:#fff;background:var(--green-800);font-size:8px;letter-spacing:.04em;text-align:left;text-transform:uppercase}.lecturer-report-table-wrap td{padding:9px 8px;border-bottom:1px solid #e7ece9;font-size:9px;vertical-align:top}.lecturer-report-table-wrap tbody tr:nth-child(even){background:#f8faf9}.lecturer-report-table-wrap td:first-child,.lecturer-report-table-wrap th:first-child{text-align:center}.lecturer-report-table-wrap .empty-cell{text-align:center;padding:25px;color:var(--muted)} .lecturer-report-signatures{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:32px 35px 0}.lecturer-signature-box{display:flex;min-height:170px;align-items:center;flex-direction:column;text-align:center;font-size:10px}.lecturer-signature-box>b{margin-top:2px}.lecturer-signature-box .signature-space{display:flex;width:150px;height:76px;align-items:center;justify-content:center}.lecturer-signature-box .signature-space img{width:135px;height:68px;object-fit:contain;mix-blend-mode:multiply}.lecturer-signature-box>strong{min-width:180px;border-bottom:1px solid #27352f;font-size:11px}.lecturer-signature-box>small{margin-top:3px;color:#4b5a52;font-size:8px}.lecturer-report-footnote{display:flex;justify-content:space-between;margin-top:18px;padding-top:7px;border-top:1px solid var(--line);color:var(--muted);font-size:7px} .signature-current{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8faf9}.signature-current img{width:130px;height:62px;object-fit:contain;background:#fff}.letterhead-signature-sample{display:flex;width:210px;align-items:center;flex-direction:column;margin:24px 10px 0 auto;font-size:8px}.letterhead-signature-sample img{width:100px;height:48px;object-fit:contain}.letterhead-signature-sample strong{min-width:145px;border-bottom:1px solid #2b3832;text-align:center}.letterhead-signature-sample small{font-size:7px} @media(max-width:900px){.lecturer-report-toolbar{align-items:stretch;flex-direction:column}.lecturer-report-toolbar .filter-row{align-items:stretch}.lecturer-report-toolbar .lecturer-picker{min-width:100%}.lecturer-history-report-page{padding:27px 24px}.lecturer-biodata-grid{grid-template-columns:1fr}.lecturer-report-signatures{gap:25px;margin-left:0;margin-right:0}} @media(max-width:650px){.lecturer-report-tabs{display:grid;grid-template-columns:1fr 1fr}.lecturer-report-tabs .tab{text-align:center}.lecturer-report-toolbar .filter-row,.lecturer-report-toolbar .field,.lecturer-report-toolbar .btn,.lecturer-report-toolbar>.form-actions{width:100%}.lecturer-report-toolbar>.form-actions .btn{flex:1}.lecturer-history-report-page{padding:20px 14px}.lecturer-report-letterhead{grid-template-columns:55px minmax(0,1fr)}.lecturer-report-letterhead:after{display:none}.lecturer-report-logo .brand-mark{width:52px;height:52px;border-radius:10px}.lecturer-report-letterhead-copy>strong{font-size:16px}.lecturer-report-letterhead-copy>b{font-size:7px}.lecturer-report-letterhead-copy>small{font-size:6px}.lecturer-report-title h2{font-size:14px}.lecturer-report-title>div{align-items:center;flex-direction:column;gap:1px}.lecturer-report-person{align-items:flex-start}.lecturer-biodata-grid>div{grid-template-columns:120px minmax(0,1fr)}.lecturer-report-signatures{grid-template-columns:1fr;gap:20px}.signature-current{align-items:flex-start;flex-direction:column}} @media print{ @page{size:A4 portrait;margin:11mm} .lecturer-history-report-page{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}.lecturer-report-letterhead{grid-template-columns:22mm minmax(0,1fr) 22mm;min-height:23mm}.lecturer-report-logo .brand-mark{width:20mm;height:20mm;border-radius:3mm}.lecturer-report-letterhead-copy>strong{font-size:16pt}.lecturer-report-letterhead-copy>span,.lecturer-report-letterhead-copy>b{font-size:7pt}.lecturer-report-letterhead-copy>small{font-size:5.5pt}.lecturer-report-rule{height:2mm;margin:3mm 0 5mm}.lecturer-report-title h2{font-size:12pt}.lecturer-report-title>div{font-size:6.5pt}.lecturer-report-biodata{margin:5mm 0;padding:4mm;border-radius:2mm;break-inside:avoid}.lecturer-report-photo{width:18mm;height:21mm}.lecturer-report-person{gap:3mm;padding-bottom:3mm}.lecturer-report-person h3{font-size:12pt}.lecturer-report-person p{font-size:6.5pt}.lecturer-biodata-grid{gap:0 5mm;margin-top:2.5mm}.lecturer-biodata-grid>div{grid-template-columns:34mm minmax(0,1fr);padding:1.3mm 0}.lecturer-biodata-grid dt,.lecturer-biodata-grid dd{font-size:6.5pt}.lecturer-report-section-title{margin-bottom:2mm}.lecturer-report-section-title>span{width:8mm;height:8mm}.lecturer-report-section-title h3{font-size:9pt}.lecturer-report-table-wrap{overflow:visible;border-radius:1mm}.lecturer-report-table-wrap table{min-width:0}.lecturer-report-table-wrap thead{display:table-header-group}.lecturer-report-table-wrap th{padding:2mm 1.5mm;font-size:5.5pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}.lecturer-report-table-wrap td{padding:2mm 1.5mm;font-size:6pt}.lecturer-report-table-wrap tr{break-inside:avoid}.lecturer-report-signatures{gap:20mm;margin:8mm 8mm 0;break-inside:avoid}.lecturer-signature-box{min-height:36mm;font-size:7pt}.lecturer-signature-box .signature-space{width:35mm;height:17mm}.lecturer-signature-box .signature-space img{width:32mm;height:16mm}.lecturer-signature-box>strong{min-width:43mm;font-size:7pt}.lecturer-signature-box>small{font-size:5.5pt}.lecturer-report-footnote{margin-top:3mm;font-size:5pt} } /* NeoFeeder lecturer employment histories v1.7.4 */ .neo-diagnostic-note{display:flex;align-items:flex-start;gap:9px;margin:-4px 0 17px} .neo-diagnostic-note .icon{width:17px;height:17px;color:var(--green-700);flex:none;margin-top:1px} .neo-diagnostic-note code{padding:1px 4px;border-radius:5px;background:#e2f2ea;color:var(--green-900);font-size:10px} .functional-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .functional-history-card{display:flex;min-width:0;flex-direction:column;gap:15px;padding:19px} .functional-person{display:flex;align-items:center;gap:12px} .functional-person .avatar-large{width:54px;height:54px;border-radius:14px;font-size:18px} .functional-person h3{margin:5px 0 0;font-size:16px;line-height:1.2} .functional-person p{overflow:hidden;margin:3px 0 0;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap} .functional-position{display:flex;min-height:92px;flex-direction:column;justify-content:center;padding:15px;border:1px solid var(--green-100);border-radius:13px;background:linear-gradient(135deg,var(--green-50),#fff)} .functional-position .eyebrow{margin:0 0 4px} .functional-position strong{font-size:19px;line-height:1.2;color:var(--green-900)} .functional-position small{margin-top:5px;color:#9a6a0b;font-size:10px;font-weight:800} .rank-position{border-color:#efd99d;background:linear-gradient(135deg,var(--gold-100),#fff)} .rank-position strong{color:#70500f} .rank-position .eyebrow{color:#9a6a0b} .functional-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0} .functional-details>div{display:flex;min-width:0;flex-direction:column;padding:10px;border-radius:10px;background:#f5f8f6} .functional-details dt{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em} .functional-details dd{overflow:hidden;margin:2px 0 0;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap} .functional-history-card .sync-origin{margin-top:auto} @media(max-width:1100px){.functional-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.functional-history-grid{grid-template-columns:1fr}.functional-history-card{padding:16px}.functional-position{min-height:78px}.functional-position strong{font-size:17px}} /* Complete lecturer and employee user directory v1.7.4 */ .account-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 25px;background:linear-gradient(135deg,#fff,var(--green-50))} .account-directory-toolbar h2{margin:0;font-size:21px} .account-directory-toolbar p{max-width:760px;margin:4px 0 0;color:var(--muted);font-size:12px} .account-filter{width:100%;flex-wrap:wrap} .account-filter .field.grow{min-width:260px} .account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .account-card{display:flex;min-width:0;flex-direction:column;gap:15px;padding:19px} .account-card-head{display:flex;align-items:center;gap:12px;min-width:0} .account-card-head .avatar-large{width:56px;height:56px;border-radius:15px;font-size:19px} .account-card-head h3{overflow:hidden;margin:5px 0 0;font-size:16px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap} .account-card-head p{overflow:hidden;margin:3px 0 0;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap} .account-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0} .account-meta>div{display:flex;min-width:0;flex-direction:column;padding:10px;border-radius:10px;background:#f5f8f6} .account-meta dt{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em} .account-meta dd{overflow:hidden;margin:2px 0 0;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap} .account-access{border:1px solid var(--line);border-radius:12px;background:#fbfdfc;overflow:hidden} .account-access>summary{display:flex;align-items:center;gap:9px;padding:12px;cursor:pointer;list-style:none} .account-access>summary::-webkit-details-marker{display:none} .account-access>summary>.icon{width:18px;color:var(--green-700)} .account-access>summary>span{display:flex;min-width:0;flex:1;flex-direction:column} .account-access>summary strong{font-size:11px} .account-access>summary small{color:var(--muted);font-size:9px} .account-access>summary>b{color:var(--green-700);font-size:18px} .account-access[open]>summary>b{transform:rotate(45deg)} .account-access>form{padding:12px;border-top:1px solid var(--line);background:#fff} .account-access .field>span{font-size:10px} .account-access .field input,.account-access .field select{min-height:39px;padding:8px 10px;font-size:11px} .account-card-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;padding-top:2px} .account-card-footer .btn{min-height:36px;padding:7px 10px;font-size:10px} @media(max-width:1180px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.account-directory-toolbar{align-items:flex-start;flex-direction:column}.account-grid{grid-template-columns:1fr}.account-card-footer{align-items:stretch;flex-direction:column}.account-card-footer>.form-actions,.account-card-footer>form,.account-card-footer>form .btn{width:100%}.account-card-footer>.form-actions .btn{flex:1}} @media(max-width:560px){.account-filter .field.grow{min-width:0}.account-meta{grid-template-columns:1fr}.account-directory-toolbar{padding:18px}.account-directory-toolbar .form-actions,.account-directory-toolbar .btn{width:100%}} /* Modern list view for user directory v1.9.2 */ .account-summary-bar{display:flex;overflow:hidden;margin-bottom:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)} .account-summary-bar>div{display:flex;min-width:0;flex:1;align-items:center;gap:9px;padding:15px 18px} .account-summary-bar>div+div{border-left:1px solid var(--line)} .account-summary-bar .summary-icon{display:flex;width:34px;height:34px;flex:none;align-items:center;justify-content:center;border-radius:10px} .account-summary-bar .summary-icon .icon{width:17px;height:17px} .account-summary-bar .summary-icon.green{color:var(--green-700);background:var(--green-50)} .account-summary-bar .summary-icon.blue{color:#286b8e;background:#eef7fc} .account-summary-bar .summary-icon.gold{color:#9a6a0b;background:var(--gold-100)} .account-summary-bar small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase} .account-summary-bar strong{margin-left:auto;color:var(--green-900);font-size:21px} .account-summary-bar em{display:none;color:var(--muted);font-size:8px;font-style:normal} .user-list-card{overflow:hidden;padding:0} .user-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 21px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#f6faf8)} .user-list-heading h3{margin:1px 0 0;font-size:17px} .user-modern-list{display:flex;flex-direction:column} .user-list-item{transition:background .18s ease} .user-list-item+.user-list-item{border-top:1px solid var(--line)} .user-list-item:hover{background:#fbfdfc} .user-list-main{display:flex;min-width:0;align-items:center;gap:18px;padding:17px 20px} .user-list-person{display:flex;min-width:250px;flex:1.45 1 290px;align-items:center;gap:12px} .user-list-person .avatar-large{width:50px;height:50px;flex:none;border-radius:14px;font-size:18px} .user-list-person>div{min-width:0} .user-list-person h3{overflow:hidden;margin:5px 0 0;font-size:15px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap} .user-list-person p{overflow:hidden;margin:3px 0 0;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap} .user-list-data{display:flex;min-width:135px;flex:.72 1 155px;flex-direction:column} .user-list-data small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.055em} .user-list-data strong{overflow:hidden;margin-top:3px;font-size:11px;text-overflow:ellipsis;white-space:nowrap} .user-list-data span{overflow:hidden;margin-top:2px;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap} .user-list-organization{min-width:190px;flex:1 1 230px} .user-list-activity{min-width:145px;flex:.75 1 165px} .user-list-state{display:flex;min-width:82px;justify-content:center} .user-list-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:6px} .user-list-actions form{display:flex;margin:0} .user-list-actions .btn{min-height:34px;padding:6px 9px;font-size:9px} .user-list-access{border-top:1px dashed #d9e4de;background:#f8fbf9} .user-list-access>summary{display:flex;align-items:center;gap:9px;padding:9px 20px;color:var(--green-700);cursor:pointer;list-style:none} .user-list-access>summary::-webkit-details-marker{display:none} .user-list-access>summary>.icon{width:16px;height:16px} .user-list-access>summary>span{display:flex;min-width:0;flex:1;align-items:center;gap:8px} .user-list-access>summary strong{font-size:10px} .user-list-access>summary small{color:var(--muted);font-size:9px} .user-list-access>summary>b{font-size:18px;transition:transform .18s ease} .user-list-access[open]>summary>b{transform:rotate(45deg)} .user-access-form{padding:15px 20px 18px;border-top:1px solid var(--line);background:#fff} .user-access-form .cols-4{grid-template-columns:repeat(4,minmax(0,1fr))} .user-access-form .field>span{font-size:9px} .user-access-form .field input,.user-access-form .field select{min-height:40px;padding:8px 10px;font-size:11px} .user-access-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px} .user-access-submit .check-field{margin:0} @media(max-width:1180px){.account-summary-bar{flex-wrap:wrap}.account-summary-bar>div{min-width:50%}.account-summary-bar>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.account-summary-bar>div:nth-child(4){border-top:1px solid var(--line)}.user-list-main{flex-wrap:wrap}.user-list-person{min-width:calc(50% - 10px);flex-basis:calc(50% - 10px)}.user-list-organization{min-width:calc(50% - 10px);flex-basis:calc(50% - 10px)}.user-list-data:not(.user-list-organization){flex:1 1 150px}.user-list-state{margin-left:auto}.user-access-form .cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.account-summary-bar{flex-direction:column}.account-summary-bar>div{width:100%;min-width:100%}.account-summary-bar>div+div,.account-summary-bar>div:nth-child(3),.account-summary-bar>div:nth-child(4){border-top:1px solid var(--line);border-left:0}.account-summary-bar em{display:block}.user-list-heading{align-items:flex-start;flex-direction:column}.user-list-main{align-items:flex-start;gap:13px;padding:16px}.user-list-person,.user-list-organization,.user-list-data:not(.user-list-organization){width:100%;min-width:100%;flex-basis:100%}.user-list-state{margin-left:0}.user-list-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.user-list-actions .btn{flex:1}.user-list-actions form{flex:1}.user-list-actions form .btn{width:100%}.user-list-access>summary{padding:11px 16px}.user-list-access>summary>span{align-items:flex-start;flex-direction:column;gap:1px}.user-access-form{padding:14px 16px}.user-access-form .cols-4{grid-template-columns:1fr}.user-access-submit{align-items:stretch;flex-direction:column}.user-access-submit .btn{width:100%}} /* Password-protected user Excel export v1.9.8 */ .secure-users-export-card{padding:0;overflow:hidden} .secure-users-export-card>.account-filter{padding:20px 22px} .secure-export-panel{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:22px;padding:20px 22px;border-top:1px solid var(--line);background:linear-gradient(135deg,var(--green-50),#fff)} .secure-export-copy{display:flex;min-width:0;align-items:center;gap:13px} .secure-export-copy h3{margin:0;font-size:16px} .secure-export-copy p{max-width:520px;margin:3px 0 0;color:var(--muted);font-size:10px} .secure-export-copy .eyebrow{margin:0 0 2px} .secure-export-icon{display:grid;width:46px;height:46px;flex:none;place-items:center;border-radius:13px;color:#fff;background:var(--green-800);box-shadow:0 7px 18px rgba(16,81,59,.17)} .secure-export-icon .icon{width:22px;height:22px} .secure-export-form{display:grid;grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto;align-items:end;gap:10px} .secure-export-form .password-wrap{background:#fff} .secure-export-form .password-wrap input{min-width:0;padding:8px 10px;font-size:11px} .secure-export-form .password-wrap button{padding:0 10px} .secure-export-button{min-height:40px} .export-requirement-warning{padding:0 22px 14px;color:var(--danger)} @media(max-width:1100px){.secure-export-panel{grid-template-columns:1fr}.secure-export-form{grid-template-columns:1fr 1fr auto}} @media(max-width:700px){.secure-users-export-card>.account-filter{padding:17px}.secure-export-panel{padding:17px}.secure-export-form{grid-template-columns:1fr}.secure-export-form .field,.secure-export-form .btn{width:100%}} /* Password visibility and secure Login As v1.9.8 */ .password-wrap{width:100%} .password-wrap input{min-width:0;flex:1} .login-as-panel{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(380px,1.05fr);align-items:center;gap:22px;margin-bottom:16px;padding:20px 22px;background:linear-gradient(135deg,#fff8e5,#fff)} .login-as-copy{display:flex;min-width:0;align-items:center;gap:13px} .login-as-copy h3{margin:0;font-size:16px} .login-as-copy p{max-width:570px;margin:3px 0 0;color:var(--muted);font-size:10px} .login-as-icon{display:grid;width:46px;height:46px;flex:none;place-items:center;border-radius:13px;color:#72500c;background:var(--gold-100)} .login-as-icon .icon{width:22px;height:22px} .login-as-form{display:grid;grid-template-columns:minmax(250px,1fr) auto;align-items:end;gap:10px} .login-as-form .btn{min-height:40px} .impersonation-banner{position:sticky;top:64px;z-index:38;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px clamp(18px,4vw,52px);color:#513700;background:#ffe49b;border-bottom:1px solid #e2ba4c;box-shadow:0 8px 22px rgba(80,55,0,.13)} .impersonation-banner>div{display:flex;align-items:center;gap:10px} .impersonation-banner .icon{width:20px;height:20px;flex:none} .impersonation-banner span{display:flex;flex-direction:column} .impersonation-banner strong{font-size:12px} .impersonation-banner small{font-size:9px;color:#745817} .impersonation-banner form{margin:0} .impersonation-banner .btn{min-height:34px;padding:6px 11px;font-size:10px} @media(max-width:1000px){.login-as-panel{grid-template-columns:1fr}} @media(max-width:700px){.login-as-panel{padding:17px}.login-as-form{grid-template-columns:1fr}.login-as-form .btn{width:100%}.impersonation-banner{top:58px;align-items:stretch;flex-direction:column;gap:8px}.impersonation-banner .btn{width:100%}} /* Selected credential reset and encrypted download v1.9.8 */ .credential-export-panel{margin-bottom:16px;padding:0;overflow:hidden} .credential-export-panel>summary{display:flex;align-items:center;gap:12px;padding:18px 22px;cursor:pointer;list-style:none;background:linear-gradient(135deg,#fff,#f8fbf9)} .credential-export-panel>summary::-webkit-details-marker{display:none} .credential-export-panel>summary>.grow{display:flex;min-width:0;flex-direction:column} .credential-export-panel>summary strong{font-size:14px} .credential-export-panel>summary small{margin-top:2px;color:var(--muted);font-size:10px} .credential-export-panel>summary>b{color:var(--green-700);font-size:22px;transition:transform .18s ease} .credential-export-panel[open]>summary>b{transform:rotate(45deg)} .credential-summary-icon{display:grid;width:40px;height:40px;flex:none;place-items:center;border-radius:12px;color:#fff;background:var(--green-800)} .credential-summary-icon .icon{width:19px;height:19px} .credential-export-form{display:flex;flex-direction:column;gap:17px;padding:19px 22px 22px;border-top:1px solid var(--line)} .credential-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #ead08a;border-radius:11px;color:#6c500e;background:#fff9e8} .credential-warning>.icon{width:19px;height:19px;flex:none} .credential-warning p{display:flex;flex-direction:column;margin:0;font-size:11px} .credential-warning span{margin-top:2px;color:#80671f;font-size:10px} .credential-picker{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fbfdfc} .credential-picker-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line);background:#f2f7f4} .credential-picker-head>div{display:flex;flex-direction:column} .credential-picker-head strong{font-size:11px} .credential-picker-head small{color:var(--muted);font-size:9px} .credential-picker-head .check-field{margin:0} .credential-user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:290px;overflow:auto;padding:7px} .credential-user-option{display:block;min-width:0;padding:5px} .credential-user-option>input{position:absolute;opacity:0;pointer-events:none} .credential-user-option>span{display:flex;min-width:0;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:.16s ease} .credential-user-option>span>.avatar{width:34px;height:34px;flex:none;font-size:12px} .credential-user-option>span>span{display:flex;min-width:0;flex-direction:column} .credential-user-option strong,.credential-user-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .credential-user-option strong{font-size:10px} .credential-user-option small{margin-top:2px;color:var(--muted);font-size:8px} .credential-user-option>input:checked+span{border-color:var(--green-600);background:var(--green-50);box-shadow:0 0 0 2px var(--green-100)} .credential-user-option>input:focus-visible+span{outline:2px solid var(--green-600);outline-offset:1px} .credential-selection-count{margin:0;padding:8px 13px;border-top:1px solid var(--line);color:var(--green-700);font-size:9px;font-weight:800;text-align:right} .credential-security-fields{align-items:start} .credential-submit{display:flex;align-items:center;justify-content:space-between;gap:18px} .credential-submit .check-field{max-width:720px;margin:0} .credential-submit .btn{flex:none} @media(max-width:1050px){.credential-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.credential-security-fields{grid-template-columns:1fr 1fr}.credential-security-fields>.field:first-child{grid-column:1/-1}} @media(max-width:700px){.credential-export-panel>summary,.credential-export-form{padding:16px}.credential-user-grid,.credential-security-fields{grid-template-columns:1fr}.credential-security-fields>.field:first-child{grid-column:auto}.credential-picker-head,.credential-submit{align-items:stretch;flex-direction:column}.credential-submit .btn{width:100%}} /* Daily performance, supervisor points, and monthly payroll v1.8.0 */ .performance-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px;padding:16px 18px} .performance-toolbar h3{margin:0}.performance-toolbar .filter-row{flex-wrap:wrap}.report-print-head{display:none} .performance-hero,.payroll-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px;padding:26px 29px;border-radius:20px;color:#fff;background:radial-gradient(circle at 84% 10%,rgba(237,199,98,.27),transparent 27%),linear-gradient(118deg,var(--green-950),var(--green-700));box-shadow:0 16px 36px rgba(7,39,29,.14)} .performance-hero h2,.payroll-hero h2{margin:1px 0 4px;font-size:28px;letter-spacing:-.035em}.performance-hero p,.payroll-hero p{margin:0;color:#d3e6dd;font-size:12px} .performance-orb{display:flex;width:104px;height:104px;flex:none;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(255,255,255,.23);border-radius:50%;background:rgba(255,255,255,.08)}.performance-orb strong{font-size:28px;line-height:1}.performance-orb span{margin-top:4px;color:#d3e6dd;font-size:9px;text-transform:uppercase} .my-payroll-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px;background:linear-gradient(135deg,#fff,var(--gold-100))}.my-payroll-card>div{display:flex;align-items:center;gap:13px}.my-payroll-card h3{margin:0;font-size:22px}.my-payroll-card p{margin:2px 0 0;color:var(--muted);font-size:11px}.my-payroll-card>div:last-child{align-items:flex-end;flex-direction:column}.my-payroll-card>div:last-child small{color:var(--muted);font-size:9px} .performance-grid,.performance-review-grid,.payroll-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.performance-card,.review-work-card,.payroll-card{display:flex;min-width:0;flex-direction:column;gap:13px;padding:18px}.performance-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.performance-card-top h3,.review-work-copy h3{margin:0;font-size:17px;line-height:1.25}.performance-card>p,.review-work-copy>p{display:-webkit-box;overflow:hidden;margin:0;color:#526159;font-size:11px;-webkit-box-orient:vertical;-webkit-line-clamp:5}.performance-category{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:var(--green-50);color:var(--green-700);font-size:10px;font-weight:850}.performance-category .icon{width:14px;height:14px} .performance-output{display:flex;flex-direction:column;padding:10px 11px;border-left:3px solid var(--gold-400);border-radius:0 9px 9px 0;background:#fff9e9}.performance-output small{color:#88713d;font-size:8px;text-transform:uppercase}.performance-output strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap} .performance-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0}.performance-meta>div{display:flex;min-width:0;flex-direction:column;padding:9px;border-radius:9px;background:#f4f7f5}.performance-meta dt{color:var(--muted);font-size:8px;text-transform:uppercase}.performance-meta dd{margin:1px 0 0;font-size:13px;font-weight:900}.supervisor-note{padding:10px 11px;border:1px solid var(--green-100);border-radius:10px;background:var(--green-50)}.supervisor-note small{color:var(--green-700);font-size:8px;font-weight:800;text-transform:uppercase}.supervisor-note p{margin:3px 0 0;font-size:10px}.performance-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.performance-card-footer .btn{min-height:36px;padding:7px 10px;font-size:10px} .review-person,.payroll-person{display:flex;align-items:center;gap:11px}.review-person .avatar-large,.payroll-person .avatar-large{width:52px;height:52px;border-radius:14px;font-size:18px}.review-person h3,.payroll-person h3{overflow:hidden;margin:5px 0 0;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.review-person p,.payroll-person p{overflow:hidden;margin:2px 0 0;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.review-date{align-self:flex-start;color:var(--muted);font-size:9px}.review-work-copy{display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:12px;background:#fbfdfc}.review-work-card .decision-form{padding-top:12px;border-top:1px solid var(--line)}.evidence-link{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border:1px dashed #b8cbc1;border-radius:9px;color:var(--green-700);font-size:10px;font-weight:800}.evidence-link .icon{width:15px;height:15px} .category-layout{display:grid;grid-template-columns:minmax(280px,.66fr) minmax(0,1.34fr);align-items:start;gap:17px}.category-form-card{position:sticky;top:90px}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-card{display:flex;min-width:0;flex-direction:column;gap:15px}.category-card>div:first-child{display:flex;align-items:center;gap:12px}.category-card h3{margin:5px 0 0;font-size:16px}.category-card p{margin:2px 0 0;color:var(--muted);font-size:10px}.category-points{display:flex;align-items:baseline;gap:7px;padding:14px;border-radius:11px;background:linear-gradient(135deg,var(--green-50),#fff)}.category-points strong{font-size:27px;color:var(--green-800)}.category-points span{color:var(--muted);font-size:10px} .payroll-hero{margin-bottom:18px}.payroll-hero>.form-actions{justify-content:flex-end}.payroll-period-form{display:flex;gap:7px}.payroll-period-form input{min-height:42px;padding:8px 10px;border:1px solid rgba(255,255,255,.35);border-radius:10px;color:#fff;background:rgba(255,255,255,.08);color-scheme:dark}.payroll-tools{margin-bottom:16px}.payroll-tools>div:first-child{margin-bottom:15px}.payroll-tools h3{margin:0}.payroll-tools p{margin:3px 0 0;color:var(--muted);font-size:11px}.payroll-profile-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.payroll-profile-person{display:flex;align-items:baseline;gap:8px}.payroll-profile-person strong{font-size:16px}.payroll-profile-person span{color:var(--muted);font-size:10px} .payroll-total{display:flex;flex-direction:column;padding:15px;border-radius:12px;color:#fff;background:linear-gradient(125deg,var(--green-900),var(--green-700))}.payroll-total small{color:#bdd8cb;font-size:8px;text-transform:uppercase}.payroll-total strong{font-size:22px}.payroll-total span{color:#cfe2d9;font-size:9px}.payroll-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.payroll-breakdown>div{display:flex;flex-direction:column;padding:9px;border-radius:9px;background:#f4f7f5}.payroll-breakdown dt{color:var(--muted);font-size:8px}.payroll-breakdown dd{margin:2px 0 0;font-size:11px;font-weight:850}.payroll-bank{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--gold-100);border-radius:10px;background:#fffaf0}.payroll-bank .icon{color:#a67616}.payroll-bank div{display:flex;min-width:0;flex-direction:column}.payroll-bank small,.payroll-bank span{color:var(--muted);font-size:8px}.payroll-bank strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.payroll-update-form{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)} @media(max-width:1180px){.performance-grid,.performance-review-grid,.payroll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-layout{grid-template-columns:1fr}.category-form-card{position:static}} @media(max-width:850px){.performance-toolbar{align-items:stretch;flex-direction:column}.performance-toolbar>.form-actions{width:100%}.performance-toolbar>.form-actions .btn{flex:1}.category-grid{grid-template-columns:1fr}.payroll-hero{align-items:flex-start;flex-direction:column}.payroll-hero>.form-actions{width:100%;justify-content:flex-start}} @media(max-width:650px){.performance-grid,.performance-review-grid,.payroll-grid{grid-template-columns:1fr}.performance-hero{align-items:flex-start;padding:22px}.performance-orb{width:80px;height:80px}.performance-hero h2,.payroll-hero h2{font-size:23px}.my-payroll-card{align-items:flex-start;flex-direction:column}.my-payroll-card>div:last-child{align-items:flex-start}.performance-toolbar .filter-row,.performance-toolbar .field,.performance-toolbar .btn{width:100%}.performance-meta{grid-template-columns:1fr 1fr}.payroll-hero>.form-actions,.payroll-hero>.form-actions form,.payroll-hero>.form-actions .btn{width:100%}.payroll-period-form{flex-direction:column}.payroll-period-form input{width:100%}.payroll-breakdown{grid-template-columns:1fr}.category-layout .form-grid.cols-3,.payroll-profile-form.form-grid.cols-3{grid-template-columns:1fr}.category-layout .col-span-2,.category-layout .col-span-3,.payroll-profile-form .col-span-3{grid-column:span 1}} @media print{ @page{size:A4 portrait;margin:12mm} .report-print-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:7mm;padding-bottom:4mm;border-bottom:2px solid #173f32}.report-print-head>div:last-child{display:flex;align-items:flex-end;flex-direction:column;text-align:right}.report-print-head>div:last-child span{font-size:8pt;font-weight:800;letter-spacing:.08em}.report-print-head>div:last-child strong{font-size:12pt}.report-print-head>div:last-child small{font-size:7pt;color:#59665f} .performance-hero,.payroll-hero{padding:5mm;border-radius:2mm;box-shadow:none;break-inside:avoid}.performance-orb{width:22mm;height:22mm}.performance-stats,.performance-toolbar,.my-payroll-card{break-inside:avoid}.performance-grid,.performance-review-grid,.payroll-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4mm!important}.performance-card,.review-work-card,.payroll-card{gap:2mm;padding:4mm;border-radius:2mm;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.performance-card>p,.review-work-copy>p{display:block;overflow:visible;font-size:7pt}.performance-card-top h3,.review-work-copy h3{font-size:9pt}.performance-meta dd{font-size:8pt}.performance-meta dt,.supervisor-note small{font-size:5pt}.performance-output strong,.supervisor-note p{font-size:7pt}.performance-card-footer .btn,.evidence-link{display:none!important}.review-work-card .decision-form,.payroll-update-form,.payroll-tools{display:none!important}.review-person .avatar-large,.payroll-person .avatar-large{width:12mm;height:12mm}.payroll-total{-webkit-print-color-adjust:exact;print-color-adjust:exact}.payroll-total strong{font-size:12pt}.payroll-breakdown dd{font-size:7pt}.stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:2mm}.stat-card{padding:3mm;box-shadow:none}.stat-icon{width:9mm;height:9mm}.stat-card strong{font-size:12pt}.stat-card span,.stat-card small{font-size:5pt} }