*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f8fa;color:#0b2433}a,button,select{cursor:pointer}input,select,textarea{font:inherit}header{height:72px;background:#fff;border-bottom:1px solid #e2e8ec;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:20}header,header div{display:flex;align-items:center}header div{gap:18px}header b{font-size:20px;color:#102d52}.muted,header span{color:#70808c}.headerActions{display:flex}.clock,button{background:#13a6ad;color:#fff;border:0;border-radius:10px;padding:12px 20px;font-weight:700}.hamb{display:none;background:transparent;color:#102d52;font-size:24px;padding:6px}.shell{display:flex;min-height:calc(100vh - 72px)}nav{width:220px;background:#102d52;padding:25px 14px;z-index:30}nav a{display:block;color:#c8d5e3;padding:13px 16px;margin:4px 0;border-radius:8px}.active{background:#13a6ad!important;color:#fff!important}.content{padding:32px;flex:1 1;max-width:1400px;width:calc(100% - 220px)}.content h1{margin-bottom:6px}.grid,.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin-top:28px}.empty,.feed article,.grid article,.list article,.stats article,.timeCard{background:#fff;border:1px solid #e2e8ec;border-radius:14px;padding:20px;box-shadow:0 3px 14px #102d5210}.stats strong{display:block;font-size:32px;margin:10px 0;color:#102d52}.stats em{font-size:13px;color:#13a6ad}.grid{grid-template-columns:repeat(2,1fr)}.grid h2{font-size:18px}.grid p{padding:8px 0;border-bottom:1px solid #edf1f3}progress{width:100%;accent-color:#13a6ad}.timeCard{margin-top:28px;text-align:center;max-width:620px}.status{display:inline-block;padding:8px 14px;border-radius:30px;background:#eef2f4;color:#667680;font-weight:700}.status.online{background:#e4f7f5;color:#087d83}.timer{display:block;font-size:48px;color:#102d52;margin:24px}.actions{display:flex;gap:12px;justify-content:center}.secondary{background:#102d52}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#102d52,#13a6ad)}.card{width:min(390px,90vw);background:#fff;padding:38px;border-radius:20px;text-align:center}.logo{width:64px;height:64px;border-radius:16px;background:#13a6ad;color:#fff;font-weight:900;display:grid;place-items:center;margin:auto;font-size:22px}.card input{width:100%;padding:14px;margin:8px 0;border:1px solid #ccd6dc;border-radius:9px}.card button{width:100%;margin-top:10px}.card small{display:block;color:#87939b;margin-top:16px}.card small a{color:#0d8d94;font-weight:700}.errorText{color:#b53232;font-size:13px}.globalError{position:fixed;top:80px;right:18px;z-index:80;background:#fff0ef;color:#9f2f2b;padding:12px 16px;border:1px solid #f2c7c4;border-radius:10px;box-shadow:0 6px 20px #0002}.formGrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;grid-gap:10px;gap:10px;background:#fff;border:1px solid #e2e8ec;border-radius:14px;padding:14px;margin:24px 0}.crmForm{grid-template-columns:repeat(4,1fr)}.crmForm button{grid-column:span 4}.formGrid input,.formGrid select,.messageForm input,.tableWrap select{width:100%;padding:11px 12px;border:1px solid #ccd8de;border-radius:9px;background:#fff;color:#173247}.formGrid button{white-space:nowrap}.list{display:grid;grid-gap:10px;gap:10px}.list article{display:flex;align-items:center;justify-content:space-between;gap:20px}.list article p{margin:5px 0 0;color:#71818b}.list select{padding:9px;border:1px solid #ccd8de;border-radius:8px;background:#fff}.tableWrap{overflow:auto;margin-top:24px;border:1px solid #e0e7eb;border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;min-width:820px}td,th{text-align:left;padding:13px 14px;border-bottom:1px solid #edf1f3;font-size:14px}th{background:#f7fafb;color:#5f717c;font-size:12px;text-transform:uppercase}.messageForm{display:flex;gap:10px;margin:22px 0}.messageForm input{flex:1 1}.feed{display:grid;grid-gap:10px;gap:10px}.feed article b{color:#102d52}.feed article span{float:right;color:#8a989f;font-size:12px}.feed article p{margin-bottom:0}.pill{background:#e6f7f7;color:#087d83;border-radius:999px;padding:6px 10px;font-size:12px}.attendanceShell{max-width:1400px;margin:0 auto;padding:28px 20px 70px}.attendanceTop{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.attendanceTop a{color:#0d8d94;text-decoration:none;font-weight:700}.attendanceTop h1{font-size:38px;margin:12px 0 6px}.attendanceTop p{margin:0;color:#70808c}.roleBadge{background:#102d52;color:#fff;padding:8px 13px;border-radius:999px;text-transform:capitalize;font-weight:700}.attendanceStats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin:24px 0}.attendanceCard,.attendanceStats article{background:#fff;border:1px solid #dfe7eb;border-radius:16px;padding:20px;box-shadow:0 3px 14px #102d520d}.attendanceStats span{color:#70808c}.attendanceStats strong{display:block;font-size:32px;color:#102d52;margin-top:8px}.attendanceCard{margin:18px 0}.attendanceCard h2{margin-top:0}.attendanceCard.warning{border-color:#efd39a;background:#fffaf0}.attendanceFilters,.attendanceForm{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.attendanceFilters input,.attendanceFilters select,.attendanceForm input,.attendanceForm select{width:100%;padding:12px;border:1px solid #ccd8de;border-radius:9px;background:#fff;color:#173247}.attendanceForm button{grid-column:span 4}.attendanceMsg{color:#0d8d94;font-weight:700}.reportHead{display:flex;align-items:center;justify-content:space-between;gap:16px}.reportHead p{color:#70808c}.attendanceTableWrap{overflow:auto;margin-top:16px;border:1px solid #e0e7eb;border-radius:12px}.attendanceTableWrap table{min-width:900px}.attendanceStatus{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize}.attendanceStatus.present{background:#e5f7ef;color:#13724d}.attendanceStatus.absent{background:#fff0ef;color:#a33737}.attendanceStatus.late{background:#fff7df;color:#976e00}.attendanceStatus.excused{background:#eef3ff;color:#4660a8}.emptyAttendance{padding:22px;color:#70808c}.bottomNav,.overlay{display:none}.workspaceTopbar{position:fixed;left:240px;right:0;top:0;height:68px;background:#fff;border-bottom:1px solid #e3e8ec;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:60;box-shadow:0 2px 10px #102d5208}.workspaceMenuBtn{display:none;background:#fff;color:#102d52;border:1px solid #dce4e8;padding:9px 12px}.workspaceBrand{display:flex;align-items:center;gap:12px}.workspaceBrand b{font-size:18px;color:#102d52}.workspaceBrand span{font-size:12px;background:#edf7f7;color:#087d83;padding:5px 9px;border-radius:999px;font-weight:700}.workspaceUser{display:flex;align-items:center;gap:10px;color:#5f717c}.workspaceRole{background:#102d52;color:#fff;padding:5px 9px;border-radius:999px;text-transform:capitalize;font-size:12px;font-weight:700}.workspaceSidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:#102d52;z-index:70;padding:22px 14px 18px;display:flex;flex-direction:column;box-shadow:6px 0 22px #102d5212}.workspaceSideBrand{display:flex;align-items:baseline;gap:8px;padding:6px 10px 20px;color:#fff}.workspaceSideBrand b{font-size:24px}.workspaceSideBrand span{color:#a9bdcf;font-size:14px}.workspaceSidebar nav{width:auto;background:transparent;padding:0;overflow:auto;flex:1 1}.workspaceSidebar nav a{color:#d7e1ea;padding:11px 13px;margin:3px 0;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600}.workspaceSidebar nav a:hover{background:#183b61}.workspaceSidebar nav a.workspaceActive{background:#13a6ad;color:#fff;box-shadow:inset 0 0 0 1px #ffffff22}.workspaceLogout{width:100%;background:#183b61;margin-top:14px}.workspaceOverlay{display:none}.workspaceTopbar~main:not(.login){margin-left:240px;padding-top:68px;min-height:100vh}.workspaceTopbar~main:not(.login)>.shell>nav,.workspaceTopbar~main:not(.login)>header{display:none}.workspaceTopbar~main:not(.login)>.shell{min-height:auto}.workspaceTopbar~main:not(.login)>.shell>.content{width:100%;max-width:none}.workspaceTopbar~main:not(.login)>.bottomNav{display:none!important}.workspaceTopbar~.attendanceShell,.workspaceTopbar~main.attendanceShell{margin-left:240px;padding-top:96px}.workspaceTopbar~main.content{margin-left:240px;padding-top:100px;width:auto;max-width:none}.workspaceTopbar~main>.content{width:100%;max-width:none}@media(max-width:1000px){.formGrid{grid-template-columns:1fr 1fr}.formGrid button{grid-column:span 2}.crmForm{grid-template-columns:1fr 1fr}.crmForm button{grid-column:span 2}.attendanceFilters,.attendanceForm{grid-template-columns:1fr 1fr}.attendanceForm button{grid-column:span 2}}@media(max-width:800px){header{padding:0 18px}.hamb{display:block}.headerActions>span,header span{display:none}nav{position:fixed;left:-260px;top:72px;bottom:0;transition:.2s;width:250px}nav.open{left:0}.overlay{display:block;position:fixed;inset:72px 0 0;background:#0007;z-index:25}.content{padding:24px 20px 100px;width:100%}.grid,.stats{grid-template-columns:1fr 1fr}.bottomNav{display:flex;position:fixed;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid #dce4e8;z-index:22;justify-content:space-around;padding:7px 4px calc(7px + env(safe-area-inset-bottom))}.bottomNav button{background:transparent;color:#657580;padding:4px 10px;font-size:20px}.bottomNav small{display:block;font-size:10px;margin-top:3px}.bottomNav .clockMini{color:#13a6ad}.clock{padding:11px 14px}.attendanceStats{grid-template-columns:1fr 1fr}.attendanceTop h1{font-size:30px}.reportHead{align-items:flex-start;flex-direction:column}.workspaceSidebar{left:-260px;transition:.2s;width:250px}.workspaceSidebar.open{left:0}.workspaceTopbar{left:0;height:64px;padding:0 14px}.workspaceMenuBtn{display:block}.workspaceUser>span:first-child{display:none}.workspaceOverlay{display:block;position:fixed;inset:0;background:#0008;z-index:65}.workspaceTopbar~.attendanceShell,.workspaceTopbar~main.attendanceShell,.workspaceTopbar~main.content,.workspaceTopbar~main:not(.login){margin-left:0;padding-top:84px}.workspaceBrand b{font-size:16px}.workspaceBrand span{display:none}}@media(max-width:520px){.grid,.stats{grid-template-columns:1fr}.content h1{font-size:28px}.stats article{min-height:130px}.timer{font-size:40px}.actions{flex-direction:column}.actions button{width:100%}.crmForm,.formGrid{grid-template-columns:1fr}.crmForm button,.formGrid button{grid-column:auto}.list article,.messageForm{flex-direction:column}.list article{align-items:flex-start}.list select{width:100%}.attendanceFilters,.attendanceForm,.attendanceStats{grid-template-columns:1fr}.attendanceForm button{grid-column:auto}.attendanceTop{flex-direction:column}.roleBadge{align-self:flex-start}.workspaceTopbar{padding:0 10px}.workspaceRole{font-size:11px;padding:4px 7px}}@media (max-width:800px){nav{overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(110px + env(safe-area-inset-bottom));max-height:calc(100dvh - 72px);height:calc(100dvh - 72px);touch-action:pan-y}nav,nav.open{overflow-y:auto}nav a{flex-shrink:0}.overlay{touch-action:none}}.workspaceSearchWrap{position:relative;flex:1 1;max-width:560px;margin:0 24px}.workspaceSearchWrap input{width:100%;height:44px;border:1px solid #d9e3e8;border-radius:15px;padding:0 17px;background:#f7fafb;color:#173247;outline:none;transition:.2s}.workspaceSearchWrap input:focus{background:#fff;border-color:#13a6ad;box-shadow:0 0 0 4px #13a6ad16}.workspaceSearchResults{position:absolute;top:50px;left:0;right:0;background:#fff;border:1px solid #dfe7eb;border-radius:16px;box-shadow:0 18px 45px #102d5228;overflow:hidden;z-index:100}.workspaceSearchResults a{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;text-decoration:none;color:#173247;border-bottom:1px solid #edf1f3}.workspaceSearchResults a:hover{background:#f2faf9}.workspaceSearchResults span{display:flex;flex-direction:column;gap:3px}.workspaceSearchResults small{color:#7b8b95;font-size:11px}.workspaceSearchResults strong{color:#13a6ad}.workspaceSearchResults p{margin:0;padding:16px;color:#71818b}.workspaceGroupedNav{padding-top:8px!important}.workspaceNavGroup{margin-bottom:9px}.workspaceGroupToggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#8fa8ba;padding:9px 12px;border-radius:9px;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.workspaceGroupToggle:hover{background:#173a5e;color:#fff}.workspaceNavGroup>div{padding:1px 0 5px}.workspaceNavGroup a{padding:10px 13px!important;margin:2px 0!important;font-size:13px!important;border-left:3px solid transparent}.workspaceNavGroup a.workspaceActive{background:#ffffff12!important;color:#fff!important;border-left-color:#42d1c7;box-shadow:none!important}.workspaceSideBrand{align-items:center!important;gap:10px!important;padding:4px 8px 18px!important}.workspaceSideBrand>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.workspaceSideBrand>div:nth-child(2) b{font-size:14px!important}.workspaceSideBrand>div:nth-child(2) span{font-size:11px!important}.workspaceLogoMark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#22b8b4,#6574e8);font-size:12px;font-weight:900;color:#fff}.workspaceClose{display:none;margin-left:auto;background:#ffffff10;color:#fff;padding:7px 11px;font-size:22px}.menuText{display:none}.menuGlyph{font-size:20px}.stats article{position:relative;overflow:hidden;border-radius:20px!important}.stats article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}.stats article:first-child:before{background:#4b8df8}.stats article:nth-child(2):before{background:#e8a326}.stats article:nth-child(3):before{background:#8b6ce8}.stats article:nth-child(4):before{background:#35a96b}.stats article:first-child{background:linear-gradient(135deg,#fff 58%,#eaf8ff)}.stats article:nth-child(2){background:linear-gradient(135deg,#fff 58%,#fff6df)}.stats article:nth-child(3){background:linear-gradient(135deg,#fff 58%,#f3edff)}.stats article:nth-child(4){background:linear-gradient(135deg,#fff 58%,#eaf9f1)}.stats em{display:inline-flex!important;font-style:normal!important;font-weight:700!important;border-radius:999px;padding:6px 10px;background:#eef8f8}.grid>a:nth-child(4n+1) article{border-top:4px solid #4b8df8}.grid>a:nth-child(4n+2) article{border-top:4px solid #8b6ce8}.grid>a:nth-child(4n+3) article{border-top:4px solid #e8a326}.grid>a:nth-child(4n+4) article{border-top:4px solid #35a96b}@media(max-width:900px){.workspaceSearchWrap{margin:0 10px;max-width:none}.workspaceUser{display:none}.workspaceClose{display:block}.workspaceMenuBtn{display:flex!important;align-items:center;gap:7px!important;border-radius:13px!important;padding:9px 12px!important}.menuText{display:inline;font-size:12px;font-weight:800}}@media(max-width:620px){.workspaceSearchWrap{margin-left:4px;margin-right:0}.workspaceSearchWrap input{height:40px;font-size:13px}.workspaceBrand{display:none}.workspaceTopbar{gap:6px}.workspaceSearchResults{position:fixed;left:12px;right:12px;top:60px}.workspaceMenuBtn{min-width:74px!important;justify-content:center}.stats article{min-height:145px!important}.content{padding-left:18px!important;padding-right:18px!important}}