:root{color:#eaf0f6;background:#07111d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#eaf0f6;background:radial-gradient(circle at 80% 10%,#17324c 0,#0000 28%),#07111d;margin:0}button,input,select,textarea{font:inherit}.topbar{background:#08131fcc;border-bottom:1px solid #203142;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,6vw);display:flex}.brand{align-items:center;gap:12px;font-size:19px;display:flex}.brand-link,.nav-link,.dashboard-card-link{color:inherit;text-decoration:none}.mark{background:#1b73e8;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.ghost,.primary{color:#eef6ff;cursor:pointer;border:0;border-radius:10px;padding:11px 17px}.ghost{background:#172534}.primary{background:#1b73e8;font-weight:700}.eyebrow{letter-spacing:.18em;color:#67a9ff;font-size:12px;font-weight:800}.hero{max-width:980px;padding:110px max(24px,6vw) 72px}.hero h1{margin:18px 0;font-size:clamp(40px,6vw,72px);line-height:1.03}.hero p,.muted{color:#91a3b3}.grid{grid-template-columns:repeat(4,1fr);gap:14px;padding:0 max(24px,6vw) 34px;display:grid}.grid article,.panel{background:#0d1a27;border:1px solid #203142;border-radius:16px;padding:24px}.grid article{min-height:190px}.grid h2{margin:0 0 14px;font-size:18px}.grid p{color:#91a3b3;margin:0;line-height:1.55}.dashboard-card-link article{height:100%}.card-action{color:#83bcff;margin-top:22px;font-size:13px;font-weight:700;display:inline-block}.pill{color:#83bcff;background:#143151;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#0b1723e8;border:1px solid #203142;border-radius:20px;width:min(100%,440px);padding:34px}.auth-form,.employee-form{flex-direction:column;gap:14px;display:flex}.auth-form label,.employee-form label{color:#b8c5d0;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.auth-form input,.inline-create input,.inline-create select,.employee-form input,.employee-form select{color:#eef6ff;background:#08131f;border:1px solid #2a3e50;border-radius:10px;width:100%;padding:11px 12px}.auth-error,.auth-notice{border-radius:10px;padding:11px 13px;font-size:13px}.auth-error{color:#ffbfc1;background:#34191c;border:1px solid #71373a}.auth-notice{color:#acd5ff;background:#102a42;border:1px solid #28577e}.page-shell{padding:56px max(24px,6vw) 80px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-heading h1{margin:12px 0 8px;font-size:clamp(34px,5vw,56px)}.reference-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.reference-grid.three-col{grid-template-columns:repeat(3,1fr)}.inline-create{gap:10px;display:flex}.admin-layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:18px;margin-top:22px;display:grid}.documents-layout{grid-template-columns:minmax(340px,460px) minmax(0,1fr)}.registry-panel{margin-top:22px}.panel-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.panel-heading h2{margin:0;font-size:18px}.employee-form .check-row{flex-direction:row;align-items:center;gap:10px}.employee-form .check-row input{width:auto}.date-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-actions{gap:10px;display:flex}.form-note{margin:0;font-size:12px;line-height:1.5}.employee-table-wrap{overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;min-width:1080px}.documents-table{min-width:760px}.employee-table th,.employee-table td{text-align:left;vertical-align:top;border-bottom:1px solid #1c2d3d;padding:14px 12px}.employee-table th{text-transform:uppercase;color:#71869a;font-size:12px}.employee-table td{color:#b9c7d2;font-size:14px}.employee-table strong{color:#eef6ff}.row-subtle{color:#71869a;margin-top:4px;font-size:12px}.empty-state{text-align:center!important;color:#71869a!important;padding:30px!important}.mobile-doc-shell{width:min(100%,720px);margin:0 auto;padding:36px 18px 80px}.mobile-doc-shell h1{margin:10px 0 4px;font-size:38px}.mobile-doc-list{flex-direction:column;gap:16px;margin-top:26px;display:flex}.mobile-doc-card{background:#0d1a27;border:1px solid #203142;border-radius:18px;padding:20px}.evidence-hash{color:#71869a;overflow-wrap:anywhere;background:#08131f;border-radius:10px;margin:12px 0;padding:10px;font-size:11px}.evidence-hash code,.evidence-table code{color:#83bcff;overflow-wrap:anywhere;font-size:10px}.document-open{text-align:center;margin:14px 0;text-decoration:none;display:block}.acknowledgement-form{border-top:1px solid #203142;padding-top:16px}.signature-field{flex-direction:column;gap:9px;display:flex}.signature-label{color:#b8c5d0;font-size:13px;font-weight:700}.signature-pad{aspect-ratio:1000/320;color:#111;touch-action:none;background:#fff;border:1px solid #38516a;border-radius:12px;width:100%}.evidence-table{min-width:1180px}.signature-proof summary{cursor:pointer;color:#83bcff;font-weight:700}.signature-preview{background:#fff;border-radius:8px;width:240px;margin:10px 0;padding:8px}.signature-preview svg{color:#111;width:100%;height:auto;display:block}.report-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.report-kpis .panel{flex-direction:column;gap:8px;display:flex}.report-kpis strong{font-size:34px;line-height:1}.overdue-kpi{background:#211315;border-color:#6e3d3d}.report-status{border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700;display:inline-flex}.report-status.pending{color:#8cc1ff;background:#17314b}.report-status.overdue{color:#ffb5ba;background:#3b1b1f}.ai-draft-page{max-width:980px;margin:0 auto}.ai-draft-page>.panel{margin-top:18px}.ai-review-form{flex-direction:column;gap:18px;display:flex}.ai-review-form label{color:#b8c5d0;flex-direction:column;gap:8px;font-size:14px;font-weight:700;display:flex}.ai-review-form input,.ai-review-form textarea{color:#eef6ff;background:#08131f;border:1px solid #2a3e50;border-radius:12px;width:100%;min-width:0;max-width:100%;padding:12px 13px;line-height:1.45;display:block}.ai-review-form textarea{resize:vertical;min-height:108px}.ai-review-form textarea[name=clauses]{min-height:300px}.ai-review-form .ai-review-notes{min-height:210px}.ai-review-actions{flex-wrap:wrap;gap:10px;display:flex}.ai-review-actions button,.ai-approval-form button{color:#eef6ff;cursor:pointer;background:#1b73e8;border:0;border-radius:10px;padding:11px 17px;font-weight:700}.ai-approval-form{flex-direction:column;gap:16px;display:flex}.ai-confirm-row{color:#b8c5d0;align-items:flex-start;gap:10px;line-height:1.45;display:flex}.ai-confirm-row input{flex:none;width:18px;height:18px;margin-top:2px}@media (max-width:900px){.admin-layout,.reference-grid,.reference-grid.three-col,.documents-layout{grid-template-columns:1fr}.grid,.report-kpis{grid-template-columns:1fr 1fr}}@media (max-width:520px){.grid,.report-kpis{grid-template-columns:1fr}.auth-card{padding:26px 22px}.topbar{height:68px;padding:0 18px}.page-shell{padding:30px 18px 60px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:36px}.panel{padding:18px}.inline-create,.form-actions{flex-direction:column}.date-grid{grid-template-columns:1fr}.mobile-doc-shell{padding-top:28px}.mobile-doc-shell h1{font-size:34px}.mobile-doc-card{padding:17px}.mobile-doc-card .primary,.signature-field .ghost{width:100%;min-height:46px}.ai-draft-page .page-heading h1{overflow-wrap:anywhere;font-size:30px;line-height:1.08}.ai-draft-page .panel h2{font-size:24px;line-height:1.15}.ai-review-form{gap:16px}.ai-review-form input,.ai-review-form textarea{padding:13px 12px;font-size:16px}.ai-review-form textarea[name=clauses]{min-height:340px}.ai-review-form .ai-review-notes{min-height:260px}.ai-review-actions{flex-direction:column}.ai-review-actions button,.ai-approval-form button{width:100%;min-height:48px}.ai-confirm-row{font-size:14px}}
.mobile-file-picker{flex-direction:column;gap:10px;margin-top:8px;display:flex}.mobile-file-input-native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mobile-file-pick-button{width:100%;min-height:50px}.mobile-file-name{color:#b8c5d0;overflow-wrap:anywhere;background:#08131f;border:1px solid #2a3e50;border-radius:10px;padding:11px 12px}.mobile-upload-submit{width:100%;min-height:50px}@media (max-width:900px){.inline-upload-form{display:none!important}}
