:root{--primary:#0f172a;--secondary:#334155;--accent:#2563eb;--sat:1;color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.login{background:linear-gradient(135deg,var(--primary),var(--secondary));min-height:100vh;filter:saturate(var(--sat));place-items:center;display:grid}.login-card{background:#fff;border-radius:22px;width:min(420px,92vw);padding:34px;box-shadow:0 22px 70px #0004}.brandmark,.logo span{background:var(--primary);color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.login h1{margin:14px 0 2px}.login p{color:#64748b;margin-top:0}.login form{gap:9px;margin-top:28px;display:grid}.login input,.gridform input,.gridform select{border:1px solid #d9dee8;border-radius:10px;padding:11px}.login button,.gridform button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 15px;font-weight:700}.error{color:#991b1b;background:#fee2e2;border-radius:8px;padding:9px}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{background:var(--primary);color:#fff;filter:saturate(var(--sat));flex-direction:column;gap:7px;padding:20px 14px;display:flex}.logo{align-items:center;gap:10px;margin-bottom:18px;display:flex}.who{background:#ffffff12;border-radius:12px;margin-bottom:8px;padding:12px}.who b,.who small{display:block}.who small{opacity:.7;margin-top:4px}aside button{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:10px 11px;display:flex}aside button.active{color:#0f172a;background:#fff;font-weight:700}.logout{margin-top:auto}main{min-width:0;padding:26px}header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}header h2{margin:0}.role{background:#e2e8f0;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800}.cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card,.panel{background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:18px;box-shadow:0 6px 24px #0f172a0b}.card small,.card b{display:block}.card b{margin-top:5px;font-size:28px}.panel{margin-top:16px}.panel h3{margin-top:0}.punch{justify-content:space-between;align-items:center;gap:18px;display:flex}.notice{color:#3730a3;background:#eef2ff;border-radius:10px;padding:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #edf1f6;padding:11px 9px;font-size:13px}th{text-transform:uppercase;color:#64748b;font-size:11px}.gridform{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.mini{color:#166534;cursor:pointer;background:#dcfce7;border:0;border-radius:7px;margin-right:4px;padding:6px 8px}.mini.danger{color:#991b1b;background:#fee2e2}@media (width<=900px){.app{grid-template-columns:1fr}aside{flex-direction:row;overflow:auto}.logo,.who{display:none}.logout{margin-top:0;margin-left:auto}main{padding:16px}.cards{grid-template-columns:1fr 1fr}.gridform{grid-template-columns:1fr}.punch{flex-direction:column;align-items:flex-start}}@media (width<=560px){.cards{grid-template-columns:1fr}}.settings-tabs{gap:8px;margin-bottom:4px;display:flex;overflow:auto}.settings-tabs button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dbe2ea;border-radius:9px;padding:9px 12px}.settings-tabs button.active{color:#fff;background:#0f172a}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-grid label{color:#475569;gap:6px;font-size:13px;display:grid}.settings-grid input,.settings-grid select,.settings-grid textarea{border:1px solid #d9dee8;border-radius:9px;padding:10px}.settings-grid textarea{min-height:90px}.span2{grid-column:span 2}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.toggle-row{border:1px solid #e5eaf1;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.savebar{justify-content:flex-end;margin-top:16px;display:flex;position:sticky;bottom:12px}.savebar button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:700}.perm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.perm-card{border:1px solid #e5eaf1;border-radius:12px;gap:7px;padding:12px;display:grid}.perm-card label{gap:7px;font-size:13px;display:flex}.brand-preview{border:1px solid #e5eaf1;border-radius:16px;grid-template-columns:220px 1fr;min-height:320px;display:grid;overflow:hidden}.preview-sidebar{background:var(--primary);color:#fff;flex-direction:column;gap:14px;padding:20px;display:flex}.preview-main{padding:28px}.preview-main button{background:var(--accent);color:#fff;border:0;border-radius:9px;padding:10px 14px}@media (width<=900px){.settings-grid,.toggle-grid,.perm-grid{grid-template-columns:1fr}.span2{grid-column:span 1}.brand-preview{grid-template-columns:1fr}}.muted{color:#64748b;font-size:13px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 20px;display:grid}.asset-card{background:#fff;border:1px solid #e5eaf1;border-radius:12px;gap:10px;padding:14px;display:grid}.asset-preview{color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;place-items:center;min-height:110px;font-size:12px;display:grid;overflow:hidden}.asset-preview img{object-fit:contain;max-width:100%;max-height:120px}.asset-card>input{border:1px solid #d9dee8;border-radius:8px;padding:9px}.upload-btn{color:#fff;cursor:pointer;background:#0f172a;border-radius:9px;justify-content:center;align-items:center;padding:10px 12px;font-weight:700;display:inline-flex}.upload-btn input{display:none}.danger{color:#be123c!important;background:#fff1f2!important}.branding-colors{margin-top:12px}@media (width<=900px){.asset-grid{grid-template-columns:1fr}}.login-logo{object-fit:contain;max-width:180px;max-height:72px;margin-bottom:14px;display:block}.side-logo{object-fit:contain;background:#fff0;border-radius:8px;width:46px;height:46px}.user-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.user-form label{color:#475569;gap:6px;font-size:13px;display:grid}.user-form input,.user-form select{border:1px solid #d9dee8;border-radius:9px;padding:10px}.user-form .checkline{align-items:center;gap:8px;display:flex}.user-form button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:9px;margin-right:8px;padding:10px 14px;font-weight:700}.secondary-btn{color:#334155!important;background:#e2e8f0!important}.credential-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;margin-bottom:14px;padding:14px}.credential-box code{font-size:15px}@media (width<=900px){.user-form{grid-template-columns:1fr}}.attendance-actions{flex-wrap:wrap;gap:10px;display:flex}.attendance-actions button{background:var(--accent);color:#fff;border:0;border-radius:9px;padding:11px 15px;font-weight:700}.attendance-actions button:disabled{opacity:.35}.nav-group{margin-top:10px}.nav-group-title{letter-spacing:.08em;text-transform:uppercase;opacity:.58;padding:10px 14px 5px;font-size:11px;font-weight:700}.role-list,.header-roles{flex-wrap:wrap;gap:5px;display:flex}.role-list{margin-top:6px}.role-chip{background:#ffffff1f;border-radius:999px;align-items:center;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.header-roles{justify-content:flex-end}aside{-webkit-overflow-scrolling:touch;height:100vh;max-height:100vh;overflow:hidden auto}aside nav{min-height:0}.status-chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:4px 9px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.status-active{color:#166534;background:#dcfce7;border-color:#bbf7d0}.status-done{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.status-normal{color:#166534;background:#dcfce7;border-color:#bbf7d0}.status-warning{color:#92400e;background:#fef3c7;border-color:#fde68a}.status-unverified{color:#3730a3;background:#e0e7ff;border-color:#c7d2fe}.status-danger{color:#991b1b;background:#fee2e2;border-color:#fecaca}.gps-map-btn{cursor:pointer;background:var(--accent,#2563eb);color:#fff;white-space:nowrap;border:0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.gps-map-btn:hover{opacity:.9}.employee-dashboard-head{margin-bottom:16px}.employee-dashboard-head h2,.section-head h3{margin:0}.employee-dashboard-head p{margin:5px 0 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-head .muted{margin-top:4px;font-size:13px;display:block}.today-summary{grid-template-columns:2fr repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.today-main,.today-stat,.summary-box,.dashboard-subpanel{background:#fff;border:1px solid #e2e8f0;border-radius:14px}.today-main,.today-stat{padding:16px}.today-main{flex-direction:column;gap:4px;display:flex}.today-main strong{font-size:20px}.today-stat{flex-direction:column;gap:5px;display:flex}.today-stat span,.summary-label,.summary-box span,.mini-summary-row span{color:#64748b;font-size:13px}.today-stat strong{font-size:22px}.monthly-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.summary-box{flex-direction:column;gap:5px;padding:16px;display:flex}.summary-box strong{font-size:28px;line-height:1.1}.summary-box small,.today-main small,.today-stat small{color:#64748b}.dashboard-two-col{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.dashboard-subpanel{padding:16px}.subpanel-title{margin-bottom:14px}.mini-summary-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mini-summary-row>div{background:#f8fafc;border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.mini-summary-row strong{font-size:20px}@media (width<=900px){.today-summary,.monthly-summary-grid{grid-template-columns:1fr 1fr}.dashboard-two-col{grid-template-columns:1fr}}@media (width<=560px){.today-summary,.monthly-summary-grid{grid-template-columns:1fr}}.mobile-topbar,.mobile-overlay{display:none}@media (width<=900px){.app{min-height:100vh;display:block}.app>aside{z-index:1200;background:var(--primary);flex-direction:column;gap:7px;width:270px;height:100dvh;padding:18px 14px;transition:left .22s;display:flex;position:fixed;top:0;left:-290px;overflow:hidden auto;box-shadow:8px 0 30px #0f172a38}.app>aside.mobile-open{left:0}.app>aside .logo{display:flex}.app>aside .who{display:block}.app>aside .nav-group{flex:none;width:100%}.app>aside .nav-group-title{width:100%}.app>aside button{white-space:normal;flex:none;width:100%}.app>aside .logout{width:100%;margin-top:auto;margin-left:0}.mobile-overlay{z-index:1100;background:#0f172a80;display:block;position:fixed;inset:0}.app>main{width:100%;min-width:0;padding:0 14px 24px}.app>main>header{display:none}.mobile-topbar{z-index:1000;background:#fff;border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;gap:10px;min-height:62px;margin:0 -14px 16px;padding:10px 12px;display:flex;position:sticky;top:0;box-shadow:0 3px 12px #0f172a0f}.mobile-menu-btn{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:23px;display:flex}.mobile-topbar-title{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-topbar-title b{color:#172033;white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.mobile-topbar-title small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.mobile-logout-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:0;border-radius:10px;align-items:center;gap:5px;min-height:40px;padding:0 11px;font-size:12px;font-weight:700;display:flex}.cards{grid-template-columns:1fr 1fr;gap:10px}.card,.panel{border-radius:13px;padding:14px}.card b{font-size:22px}.punch{flex-direction:column;align-items:stretch}.gridform{grid-template-columns:1fr}input,select,textarea{width:100%;max-width:100%}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{min-width:700px}}@media (width<=560px){.cards{grid-template-columns:1fr}.mobile-logout-btn span{display:none}.mobile-logout-btn{justify-content:center;width:42px;padding:0}.today-summary,.monthly-summary-grid{grid-template-columns:1fr}.mobile-menu-btn,.mobile-logout-btn{border-radius:10px;width:38px;min-width:38px;height:38px;min-height:38px}.mobile-menu-btn{font-size:21px}.mobile-topbar-title b{font-size:15px}.mobile-topbar-title small{font-size:10px}.app>main{padding-bottom:20px;padding-left:12px;padding-right:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cards>.card{border-radius:14px;flex-direction:column;justify-content:center;min-height:92px;padding:13px 14px;display:flex}.cards>.card small{color:#475569;font-size:13px;line-height:1.25}.cards>.card b{margin-top:8px;font-size:25px;line-height:1}.panel{border-radius:14px;margin-top:12px;padding:15px}.panel h3{margin-bottom:14px;font-size:20px}.punch{gap:12px}.punch button{min-height:48px}.punch>div{max-width:100%}.mobile-topbar{min-height:78px;margin-bottom:12px;padding:28px 10px 8px}.mobile-menu-btn,.mobile-logout-btn{width:38px;min-width:38px;height:38px;min-height:38px}.monthly-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.monthly-summary-grid>*{min-height:100px!important;padding:14px!important}.today-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.cards{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.cards>.card{min-height:90px;padding:13px}.panel{margin-top:12px;padding:14px}.panel h3{font-size:19px;line-height:1.25}.panel .table-wrap{width:100%;overflow-x:auto}.panel .table-wrap table{table-layout:auto;width:100%;min-width:0}.panel .table-wrap th,.panel .table-wrap td{white-space:nowrap;padding:10px 7px;font-size:12px}.panel p,.panel .muted{font-size:12px;line-height:1.4}}.attendance-mobile-history{display:none}.attendance-today{background:#f8fafc;border:1px solid #e5eaf1;border-radius:14px;margin-bottom:16px;padding:14px}.attendance-today-title{margin-bottom:12px;font-weight:800}.attendance-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.attendance-status-card{background:#fff;border:1px solid #e5eaf1;border-radius:12px;padding:12px}.attendance-status-card span,.attendance-history-grid span{color:#64748b;font-size:12px;display:block}.attendance-status-card b{margin-top:5px;font-size:18px;display:block}.attendance-status-line{justify-content:space-between;gap:12px;margin-top:10px;font-size:13px;display:flex}@media (width<=560px){.attendance-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.attendance-actions button{width:100%;min-height:54px;margin:0;padding:10px 8px;font-size:15px}.attendance-desktop-history{display:none}.attendance-mobile-history{display:block}.attendance-history-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;margin-top:12px;padding:14px}.attendance-history-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}.attendance-history-head span{background:#eef2ff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700}.attendance-history-employee{margin-top:10px;font-weight:700}.attendance-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.attendance-history-grid>div{background:#f8fafc;border-radius:10px;padding:10px}.attendance-history-grid b{margin-top:4px;display:block}.attendance-history-footer{color:#64748b;border-top:1px solid #edf1f6;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;font-size:12px;display:flex}}.schedule-mobile-list{display:none}@media (width<=560px){.schedule-desktop-list{display:none}.schedule-mobile-list{display:block}.schedule-mobile-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;margin-top:12px;padding:14px}.schedule-mobile-card.is-off{background:#f8fafc}.schedule-mobile-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:11px;display:flex}.schedule-mobile-head>div{flex-direction:column;gap:4px;min-width:0;display:flex}.schedule-mobile-head b{font-size:15px}.schedule-employee{color:#64748b;font-size:12px}.schedule-status{border-radius:999px;flex:none;padding:5px 9px;font-size:11px;font-weight:800}.schedule-status.work{color:#166534;background:#dcfce7}.schedule-status.off{color:#475569;background:#e2e8f0}.schedule-mobile-body{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.schedule-info{background:#f8fafc;border-radius:10px;padding:11px}.schedule-info span,.schedule-note span{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.schedule-info b{font-size:14px;display:block}.schedule-note{border-top:1px solid #edf1f6;margin-top:10px;padding-top:10px}.schedule-note b{font-size:13px}.schedule-mobile-list+.notice{margin-top:12px}.section-head{align-items:flex-start;gap:10px}.gridform{gap:10px;grid-template-columns:1fr!important}.gridform label{width:100%}.gridform input,.gridform select{width:100%;min-height:46px}.gridform .mini{width:100%;min-height:44px;margin:0}.panel .notice{font-size:12px;line-height:1.45}.panel .table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5eaf1;border-radius:12px;width:100%;position:relative;overflow-x:auto}.panel .table-wrap table{border-collapse:collapse;min-width:620px}.panel .table-wrap th{z-index:2;background:#f8fafc;padding:9px 7px;font-size:10px;position:sticky;top:0}.panel .table-wrap td{vertical-align:top;padding:10px 7px;font-size:12px}.panel .table-wrap th:first-child,.panel .table-wrap td:first-child{z-index:1;background:#fff;min-width:90px;font-weight:700;position:sticky;left:0}.panel .table-wrap th:first-child{z-index:3;background:#f8fafc}.panel .table-wrap::-webkit-scrollbar{height:7px}.panel .table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.section-head .muted{margin-top:3px;font-size:11px;display:block}}.request-mobile-history{display:none}@media (width<=560px){.request-desktop-history{display:none}.request-mobile-history{display:block}.panel form.gridform{gap:11px}.panel form.gridform select,.panel form.gridform input{min-height:48px;font-size:14px}.panel form.gridform button{width:100%;min-height:48px;font-size:15px}.request-history-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;margin-top:12px;padding:14px}.request-history-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.request-history-head span{color:#3730a3;background:#eef2ff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.request-history-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.request-history-grid>div{background:#f8fafc;border-radius:10px;padding:10px}.request-history-grid span,.request-history-section span,.request-history-notes span{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.request-history-grid b,.request-history-section b,.request-history-notes b{font-size:13px}.request-history-section{margin-top:10px}.request-history-notes{border-top:1px solid #edf1f6;grid-template-columns:1fr;gap:8px;margin-top:10px;padding-top:10px;display:grid}}.overtime-mobile-history{display:none}@media (width<=560px){.overtime-desktop-history{display:none}.overtime-mobile-history{display:block}.overtime-history-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;margin-top:12px;padding:14px}.overtime-history-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.overtime-history-head span{color:#3730a3;background:#eef2ff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.overtime-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.overtime-history-grid>div{background:#f8fafc;border-radius:10px;padding:10px}.overtime-history-grid span,.overtime-history-section span,.overtime-history-notes span{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.overtime-history-grid b,.overtime-history-section b,.overtime-history-notes b{font-size:12px}.overtime-history-section{margin-top:10px}.overtime-history-notes{border-top:1px solid #edf1f6;grid-template-columns:1fr;gap:8px;margin-top:10px;padding-top:10px;display:grid}.settings-grid{grid-template-columns:1fr!important;gap:11px!important}.settings-grid label{color:#475569;gap:6px;font-size:12px}.settings-grid input,.settings-grid select,.settings-grid textarea{border-radius:10px;width:100%;min-height:48px;padding:11px 12px;font-size:14px}.settings-grid input:disabled{color:#475569;opacity:1;-webkit-text-fill-color:#475569;background:#f8fafc}.savebar{width:100%;margin-top:14px;position:static}.savebar button{border-radius:10px;width:100%;min-height:48px;font-size:15px}.panel>h3{margin-bottom:10px}.panel>.muted{margin-top:0}}.employees-mobile-list{display:none}@media (width<=560px){.employees-desktop-list{display:none}.employees-mobile-list{display:block}.employee-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;margin-top:12px;padding:14px}.employee-card-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.employee-card-head>div{flex-direction:column;gap:3px;min-width:0;display:flex}.employee-card-head b{font-size:15px}.employee-card-head>div>span{color:#64748b;font-size:11px}.employee-status{border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:800}.employee-status.active{color:#166534;background:#dcfce7}.employee-status.inactive{color:#991b1b;background:#fee2e2}.employee-card-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.employee-card-grid>div{background:#f8fafc;border-radius:10px;min-width:0;padding:10px}.employee-card-grid span,.employee-card-email span{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.employee-card-grid b,.employee-card-email b{overflow-wrap:anywhere;font-size:12px;display:block}.employee-card-email{border-top:1px solid #edf1f6;margin-top:10px;padding-top:10px}}.approval-mobile{display:none}@media (width<=560px){.approval-desktop{display:none}.approval-mobile{display:block}.approval-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;margin-top:12px;padding:14px}.approval-card-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.approval-card-head>div{flex-direction:column;gap:3px;min-width:0;display:flex}.approval-card-head b{font-size:15px}.approval-card-head span{color:#64748b;font-size:11px}.approval-stage{background:#eef2ff;border-radius:999px;flex:none;padding:5px 8px;font-weight:800;color:#3730a3!important;font-size:10px!important}.approval-period{margin-top:11px}.approval-period span,.approval-detail span{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.approval-period b,.approval-detail b{font-size:12px}.approval-detail{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;display:grid}.approval-detail-3{grid-template-columns:repeat(3,minmax(0,1fr))}.approval-detail>div{background:#f8fafc;border-radius:9px;min-width:0;padding:9px}.approval-actions{border-top:1px solid #edf1f6;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:12px;display:grid}.approval-actions button{color:#166534;background:#dcfce7;border:0;border-radius:10px;min-height:46px;font-weight:800}.approval-actions button.danger{color:#991b1b;background:#fee2e2}}.gps-mobile-list{display:none}@media (width<=560px){.gps-desktop-list{display:none}.gps-mobile-list{display:block}.gps-mobile-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;margin-top:12px;padding:14px}.gps-mobile-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.gps-mobile-head>div{flex-direction:column;gap:3px;min-width:0;display:flex}.gps-mobile-head b{font-size:15px}.gps-mobile-head>div>span{color:#64748b;font-size:11px}.gps-mobile-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.gps-mobile-grid>div{background:#f8fafc;border-radius:10px;min-width:0;padding:10px}.gps-mobile-grid span,.gps-mobile-location span{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.gps-mobile-grid b,.gps-mobile-location b{overflow-wrap:anywhere;font-size:12px;display:block}.gps-mobile-grid small{color:#94a3b8;margin-top:3px;font-size:10px;display:block}.gps-mobile-location{border-top:1px solid #edf1f6;margin-top:10px;padding-top:10px}.gps-mobile-status-row{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.gps-mobile-status-row .gps-map-btn{min-height:40px;padding:0 12px}}.report-mobile-list{display:none}@media (width<=560px){.report-desktop-list{display:none}.report-mobile-list{display:block}.report-employee-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;margin-top:12px;padding:14px}.report-employee-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.report-employee-head>div{flex-direction:column;gap:3px;min-width:0;display:flex}.report-employee-head b{font-size:15px}.report-employee-head>div>span{color:#64748b;font-size:11px}.report-suspect{border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:800}.report-suspect.normal{color:#166534;background:#dcfce7}.report-suspect.warning{color:#92400e;background:#fef3c7}.report-employee-meta,.report-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.report-employee-meta>div,.report-stat-grid>div{background:#f8fafc;border-radius:9px;min-width:0;padding:9px}.report-employee-meta span,.report-stat-grid span{color:#64748b;margin-bottom:4px;font-size:10px;display:block}.report-employee-meta b,.report-stat-grid b{overflow-wrap:anywhere;font-size:12px;display:block}.report-late-minute{color:#64748b;border-top:1px solid #edf1f6;margin-top:10px;padding-top:10px;font-size:12px}}.users-mobile-list{display:none}.user-table-actions{flex-wrap:wrap;gap:6px;display:flex}@media (width<=560px){.users-desktop-list{display:none}.users-mobile-list{display:block}.user-mobile-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;margin-top:12px;padding:14px}.user-mobile-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.user-mobile-head>div{flex-direction:column;gap:3px;min-width:0;display:flex}.user-mobile-head b{overflow-wrap:anywhere;font-size:15px}.user-mobile-head>div>span{color:#64748b;overflow-wrap:anywhere;font-size:11px}.user-active-chip{border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:800}.user-active-chip.active{color:#166534;background:#dcfce7}.user-active-chip.inactive{color:#991b1b;background:#fee2e2}.user-mobile-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.user-mobile-grid>div{background:#f8fafc;border-radius:10px;min-width:0;padding:10px}.user-mobile-grid span,.user-mobile-role span{color:#64748b;margin-bottom:4px;font-size:10px;display:block}.user-mobile-grid b,.user-mobile-role b{overflow-wrap:anywhere;font-size:12px;display:block}.user-mobile-role{background:#f8fafc;border-radius:10px;margin-top:10px;padding:10px}.user-mobile-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.user-mobile-actions button{width:100%;min-height:42px}.user-mobile-actions button:only-child{grid-column:1/-1}}