@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#153448;--ink2:#234b61;--muted:#647785;--bg:#f4f7fa;--line:#e1e8ed;--blue:#236b8e;--blue2:#174b67;--white:#fff;--green:#19734a;--red:#a83d42;--shadow:0 16px 45px rgba(21,52,72,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100vh}button,input,select{font:inherit}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1160px)/2));position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-family:Manrope,sans-serif;font-weight:800;font-size:17px}.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px;letter-spacing:.5px}.shell{width:min(1160px,calc(100% - 40px));margin:42px auto 70px;min-height:calc(100vh - 220px)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(28px,4vw,38px);margin-bottom:8px}h2{font-size:25px;margin-bottom:0}h3{font-size:19px;margin-bottom:5px}.muted{color:var(--muted);line-height:1.55}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--blue);margin-bottom:11px}.auth-card{width:min(440px,100%);margin:6vh auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,5vw,38px);box-shadow:var(--shadow)}.auth-card>p{margin-bottom:24px}.auth-card form{display:grid;gap:9px}.auth-card label,.field label,.share-panel label{font-size:13px;font-weight:700;margin-top:6px}.auth-card input,.field input,.field select,.toolbar input,.toolbar select,.share-row input{width:100%;border:1px solid #d5dfe6;border-radius:10px;background:#fff;color:var(--ink);padding:12px 13px;outline:none;min-height:45px}.auth-card input:focus,.field input:focus,.field select:focus,.toolbar input:focus,.toolbar select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #236b8e18}.button{border:0;border-radius:10px;min-height:42px;padding:10px 15px;font-weight:700;cursor:pointer;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:wait}.button-primary{background:var(--ink);color:#fff}.button-primary:hover{background:var(--ink2)}.button-secondary{background:#eaf2f6;color:var(--ink)}.button-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.full{width:100%;margin-top:9px;min-height:47px}.small{font-size:11px;margin:20px 0 0;line-height:1.6}.form-message{font-size:13px;min-height:18px;margin:5px 0 0}.form-message.error{color:var(--red)}.form-message.success{color:var(--green)}.hidden{display:none!important}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading p{margin-bottom:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px 21px;display:flex;flex-direction:column;gap:8px}.stat-card strong{font-family:Manrope,sans-serif;font-size:25px}.status-good{font-size:14px!important;color:var(--green)}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{flex:1}.toolbar select{width:175px}.staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.staff-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;box-shadow:0 5px 20px rgba(21,52,72,.025)}.staff-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e7f0f5;color:var(--ink);font-family:Manrope,sans-serif;font-weight:800;font-size:19px}.badge{display:inline-flex;border-radius:100px;padding:5px 9px;font-size:10px;font-weight:800}.badge-active{background:#e5f5eb;color:#19734a}.badge-inactive{background:#fcebed;color:#a83d42}.staff-card .muted{margin-bottom:12px;font-size:13px}.staff-code{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--blue);background:#f1f6f9;border-radius:7px;padding:8px 10px;display:inline-block;margin:0 0 14px}.card-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:9px 0;border-top:1px solid #edf1f4}.card-meta span{color:var(--muted)}.card-meta strong{text-align:right;font-weight:600}.card-actions{display:flex;gap:9px;margin-top:15px}.card-actions .button{flex:1;font-size:12px}.empty-state{text-align:center;background:#fff;border:1px dashed #cbd8e0;border-radius:18px;padding:45px 20px}.empty-state p{color:var(--muted)}.empty-icon{width:45px;height:45px;border-radius:14px;background:#eaf2f6;display:grid;place-items:center;font-size:26px;margin:0 auto 15px}.notice{background:#fff8e8;border:1px solid #f0dfb4;border-radius:12px;padding:14px 16px;margin-bottom:20px;color:#6c5520;font-size:13px}.notice p{margin:5px 0 0;line-height:1.6}.notice code{overflow-wrap:anywhere}.staff-dialog{border:0;border-radius:19px;padding:0;width:min(760px,calc(100% - 24px));max-height:92vh;box-shadow:0 25px 80px #0b24384a}.staff-dialog::backdrop{background:#102b3c80;backdrop-filter:blur(3px)}.dialog-form{padding:clamp(20px,4vw,30px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.icon-button{width:37px;height:37px;border:1px solid var(--line);background:white;border-radius:10px;font-size:24px;color:var(--ink);cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label{margin-top:0}.field input[type=file]{font-size:12px;padding:10px}.field-wide{grid-column:1/-1}.hint{font-size:11px;line-height:1.5;color:var(--muted)}.check-row{display:flex!important;align-items:center;gap:9px}.check-row input{width:17px;height:17px;min-height:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.id-profile{max-width:780px;margin:25px auto;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.id-profile-head{padding:23px 27px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.id-profile-head .eyebrow{margin:0}.profile-main{display:flex;align-items:center;gap:22px;padding:27px}.profile-photo{width:120px;height:140px;object-fit:cover;border-radius:13px;border:1px solid var(--line)}.photo-placeholder{display:grid;place-items:center;background:#eaf2f6;font-size:42px;font-weight:800;color:var(--ink)}.profile-main h1{font-size:29px}.profile-designation{color:var(--muted);margin-bottom:12px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;padding:0 27px 25px;gap:0 20px}.profile-fields>div{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding:13px 0}.profile-fields span{font-size:11px;color:var(--muted)}.profile-fields strong{font-size:13px}.profile-footer{border-top:1px solid var(--line);padding:18px 27px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.share-panel{background:#f7fafc;border-top:1px solid var(--line);padding:20px 27px}.share-panel label{display:block;margin:0 0 9px}.share-row{display:flex;gap:9px}.share-row input{min-width:0}.share-panel .hint{margin:8px 0 0}footer{border-top:1px solid var(--line);background:#fff;padding:20px max(22px,calc((100% - 1160px)/2));display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px}
@media(max-width:850px){.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{margin-top:30px}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-card strong{font-size:21px}}
@media(max-width:580px){.topbar{height:62px;padding:0 17px}.shell{width:calc(100% - 28px);margin:25px auto 45px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading>.button{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:1/-1}.toolbar{flex-direction:column}.toolbar select{width:100%}.staff-grid{grid-template-columns:1fr}.staff-card{padding:17px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.profile-main{align-items:flex-start;padding:20px;gap:15px}.profile-photo{width:88px;height:108px;flex-shrink:0}.profile-main h1{font-size:23px;overflow-wrap:anywhere}.profile-fields{padding:0 20px 20px;gap:0 14px}.profile-footer{padding:16px 20px;align-items:stretch;flex-direction:column}.profile-footer .button{width:100%}.id-profile-head{padding:18px 20px}.share-panel{padding:18px 20px}.share-row{flex-direction:column}.share-row .button{width:100%}footer{padding:18px;flex-direction:column;gap:7px}.auth-card{margin:3vh auto}}
@media print{body{background:#fff}.topbar,footer,#backToDashboard,.profile-footer .button,.share-panel{display:none!important}.shell{width:100%;margin:0}.id-profile{box-shadow:none;border:1px solid #aaa;max-width:none;margin:0}.profile-main,.profile-fields{break-inside:avoid}.profile-photo{print-color-adjust:exact}}