:root{--primary:#6750a4;--primary2:#7c64b8;--surface:#fff;--bg:#f6f5fa;--text:#26232b;--muted:#77717f;--line:#e8e3ec;--good:#198754;--bad:#c43d4b;--warn:#e59522;--shadow:0 12px 38px #30234a12;--r:20px}*{box-sizing:border-box}html{font-family:"Times New Roman",Times,serif;color:var(--text);background:var(--bg)}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app{display:grid;grid-template-columns:250px 1fr;grid-template-rows:76px 1fr;min-height:100vh}aside{grid-row:1/3;background:var(--surface);border-left:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.logo{display:flex;align-items:center;gap:10px;padding:0 10px 24px;font-size:20px}.logo span,.brand-mark{display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800;border-radius:14px;width:43px;height:43px}.brand-mark{width:76px;height:76px;border-radius:24px;font-size:26px}nav{display:grid;gap:5px}.nav-btn{border:0;background:none;border-radius:13px;color:var(--muted);padding:12px 14px;text-align:right;width:100%;display:flex;gap:10px;align-items:center}.nav-btn:hover,.nav-btn.active{background:#eee9f7;color:var(--primary)}.aside-foot{margin-top:auto}.danger-text{color:var(--bad)}header{background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}header h2{margin:0;font-size:19px}header small{color:var(--muted)}.user-chip{margin-right:auto;display:flex;align-items:center;gap:9px}.user-chip img,.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--line)}main{padding:26px;overflow:hidden}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.stat{padding:21px;text-align:center}.stat .value{font-size:25px;font-weight:800;color:var(--primary);margin:8px 0}.muted{color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar h3{margin:0 auto 0 0}.primary,.secondary,.danger,.link{border:0;border-radius:12px;padding:11px 18px}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary2)}.secondary{background:#eee9f7;color:var(--primary)}.danger{background:#ffeaec;color:var(--bad)}.link{color:var(--primary);background:none}.icon-btn{border:0;background:none;font-size:22px;color:var(--text)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6750a41c}label{display:grid;gap:7px;color:var(--muted);font-size:13px}form.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.table-wrap{overflow:auto;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 12px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:13px;background:color-mix(in srgb,var(--bg) 75%,var(--surface))}tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:5px 10px;font-size:12px;background:#eee9f7;color:var(--primary)}.badge.online{background:#def7e9;color:var(--good)}.badge.offline{background:#f0edf2;color:var(--muted)}.dot{width:7px;height:7px;background:currentColor;border-radius:50%}.employee-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.employee-card{padding:20px;text-align:center}.employee-card .avatar{width:72px;height:72px}.employee-card h3{margin:10px 0 4px}.money-row{display:flex;justify-content:space-around;border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.money-row b{display:block;margin-top:5px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{display:grid;place-content:center;justify-items:center;background:linear-gradient(145deg,#493477,#8269b8);color:#fff;text-align:center}.login-art h1{font-size:50px;margin:20px 0 5px}.login-card{margin:auto;width:min(420px,88%);padding:35px;display:grid;gap:18px}.login-card h2{margin:0;font-size:28px}.login-card p{margin:-10px 0 5px}dialog{border:0;border-radius:22px;background:var(--surface);color:var(--text);padding:0;width:min(600px,92vw);box-shadow:0 25px 90px #0005}dialog::backdrop{background:#1e172d99;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 20px}.modal-head h3{margin:0}#modalBody{padding:20px;max-height:75vh;overflow:auto}.toast{position:fixed;left:24px;bottom:24px;background:#26232b;color:#fff;padding:13px 20px;border-radius:13px;z-index:100;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast.error{background:var(--bad)}.profile-head{display:flex;align-items:center;gap:18px;padding:24px;text-align:right}.profile-head .avatar{width:90px;height:90px}.empty{padding:45px;text-align:center;color:var(--muted)}.menu{display:none}.dark{--surface:#211f25;--bg:#17151a;--text:#f3eff7;--muted:#aaa3b1;--line:#37323c;--shadow:none}.dark .nav-btn:hover,.dark .nav-btn.active,.dark .secondary{background:#332c40}.dark .badge{background:#332c40}
@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:68px 1fr}aside{position:fixed;right:-270px;width:250px;transition:.25s;box-shadow:0 0 40px #0003}.app.menu-open aside{right:0}.menu{display:block;margin-left:12px}.stats{grid-template-columns:1fr 1fr}header{padding:0 15px}main{padding:16px}.user-chip span{display:none}.login-wrap{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:540px){.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:15px 8px}.stat .value{font-size:20px}form.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.toolbar>*{flex:1}.toolbar h3{flex-basis:100%}}
@media print{aside,header,.toolbar button,.no-print{display:none!important}.app{display:block}.hidden{display:none!important}main{padding:0}.card,.panel,.table-wrap{box-shadow:none;border-color:#bbb}body{background:#fff;color:#000}}
.salary-hero{margin:18px auto;padding:28px;text-align:center;max-width:760px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--primary) 8%,var(--surface)))}.salary-value{font-size:38px;font-weight:800;color:var(--primary);margin:10px 0 22px}.hour-prices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hour-prices span{padding:15px;border-radius:15px;background:var(--bg);display:grid;gap:7px}.hour-prices b{font-size:20px}.monthly-balances{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;margin:0 auto}.month-toolbar{justify-content:center}.month-toolbar h3{margin-left:auto}.month-toolbar label{min-width:220px}@media(max-width:650px){.monthly-balances{grid-template-columns:1fr}.salary-value{font-size:30px}.hour-prices{grid-template-columns:1fr}}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1050px;margin:0 auto}.settings-panel{padding:24px;display:grid;gap:16px;justify-items:center;text-align:center}.settings-panel h3{margin:0 0 4px;color:var(--primary)}.settings-panel label{width:min(100%,360px);text-align:center}.settings-panel input,.settings-panel select{text-align:center}.settings-panel:nth-child(3),.settings-panel.single{grid-column:1/-1;width:min(620px,100%);justify-self:center}.sessions-panel button{width:min(100%,360px)}@media(max-width:700px){.settings-layout{grid-template-columns:1fr}.settings-panel,.settings-panel:nth-child(3),.settings-panel.single{grid-column:1;width:100%}}/* Light-blue professional visual system */
:root{--primary:#258cf4;--primary2:#1177dc;--surface:#ffffff;--bg:#f3f9ff;--text:#17283b;--muted:#66809b;--line:#a8d4fb;--good:#16865b;--bad:#d64555;--warn:#e49a25;--shadow:0 10px 30px rgba(37,140,244,.10);--r:20px}body{background:linear-gradient(145deg,#f8fcff 0%,#edf7ff 100%);background-attachment:fixed}.card,.panel,.table-wrap{border:1.5px solid var(--line);box-shadow:var(--shadow)}.card,.panel{background:linear-gradient(155deg,#fff 0%,#fbfdff 100%);transition:border-color .2s,box-shadow .2s,transform .2s}.card:hover{border-color:#65b3f7;box-shadow:0 14px 36px rgba(37,140,244,.15);transform:translateY(-2px)}aside{border-left:1.5px solid var(--line);box-shadow:-8px 0 30px rgba(37,140,244,.06)}header{border-bottom:1.5px solid var(--line);box-shadow:0 5px 20px rgba(37,140,244,.05)}.logo span,.brand-mark{background:linear-gradient(145deg,#43a5fb,#1681e5);box-shadow:0 7px 18px rgba(37,140,244,.25)}.nav-btn:hover,.nav-btn.active{background:#e7f4ff;color:#0878dc;box-shadow:inset 0 0 0 1px #c4e3ff}.primary{background:linear-gradient(135deg,#3aa3fb,#147edc);box-shadow:0 7px 17px rgba(37,140,244,.22);font-weight:700}.primary:hover{background:linear-gradient(135deg,#2496f6,#086dc7);box-shadow:0 9px 22px rgba(37,140,244,.3)}.secondary{background:#e8f4ff;color:#0878dc;border:1px solid #b9ddfb}.secondary:hover{background:#d9edff;border-color:#75baf4}input,select,textarea{border:1.5px solid #b9dafa;background:#fff}input:focus,select:focus,textarea:focus{border-color:#258cf4;box-shadow:0 0 0 4px rgba(37,140,244,.13)}th{background:#edf7ff;color:#47718f}th,td{border-bottom-color:#d5eafe}.stat{position:relative;overflow:hidden}.stat::before,.settings-panel::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#62b7ff,#1987e9)}.stat .value,.salary-value,.settings-panel h3{color:#0878dc}.badge{background:#e5f3ff;color:#0878dc;border:1px solid #b9dcfa}.employee-card{position:relative;overflow:hidden}.employee-card::after{content:"";position:absolute;inset:auto -30px -50px auto;width:110px;height:110px;border-radius:50%;background:rgba(37,140,244,.055);pointer-events:none}.salary-hero{border:1.5px solid #7fc1f8;background:linear-gradient(145deg,#fff,#eaf6ff);box-shadow:0 16px 42px rgba(37,140,244,.14)}.hour-prices span{background:#f1f9ff;border:1.5px solid #b9ddfb}.settings-panel{position:relative;overflow:hidden;border:1.5px solid #8ec8f8;background:linear-gradient(155deg,#fff,#f4faff);box-shadow:0 12px 32px rgba(37,140,244,.11)}dialog{border:1.5px solid #83c4f8;box-shadow:0 26px 80px rgba(10,75,130,.28)}.modal-head{border-bottom:1.5px solid #c7e3fa;background:#f4faff}.dark{--primary:#55b4ff;--primary2:#2997ed;--surface:#142334;--bg:#0c1825;--text:#eef7ff;--muted:#9fb7cc;--line:#285477;--shadow:0 12px 30px rgba(0,0,0,.22)}.dark body{background:linear-gradient(145deg,#0d1926,#11283b)}.dark .card,.dark .panel{background:linear-gradient(155deg,#172a3d,#122335)}.dark input,.dark select,.dark textarea{background:#102132;border-color:#32688f}.dark .nav-btn:hover,.dark .nav-btn.active,.dark .secondary{background:#173b58;color:#70c1ff}.dark th{background:#142c40}.dark .hour-prices span{background:#10263a;border-color:#285477}.login-art{background:linear-gradient(145deg,#0f76d3,#63baff)}.login-card{border:1.5px solid #9dcff8;box-shadow:0 20px 55px rgba(22,126,218,.16)}.attendance-admin-head{max-width:720px;margin:0 auto 22px;padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;border-color:#75baf4;background:linear-gradient(155deg,#fff,#eef8ff)}.attendance-admin-head h2{margin:0;color:#0878dc;font-size:28px}.attendance-admin-head label{width:min(100%,390px);text-align:center}.attendance-admin-head select,.attendance-admin-head input{text-align:center}.attendance-admin-head .primary{width:min(100%,280px);padding:13px 20px}.attendance-cards-shell{padding:25px;min-height:260px;background:linear-gradient(150deg,#fff,#f0f8ff);border-color:#80c0f7}.attendance-cards-shell .employee-cards{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:20px}.attendance-cards-shell .employee-card{border:1.5px solid #65b3f7;box-shadow:0 14px 32px rgba(25,132,225,.16);background:linear-gradient(145deg,#fff,#edf7ff);padding:24px}.attendance-cards-shell .employee-card:hover{box-shadow:0 18px 40px rgba(25,132,225,.24);transform:translateY(-4px)}.dark .attendance-admin-head,.dark .attendance-cards-shell,.dark .attendance-cards-shell .employee-card{background:linear-gradient(150deg,#172d42,#11273a);border-color:#3475a5}@media(max-width:600px){.attendance-admin-head,.attendance-cards-shell{padding:18px}.attendance-cards-shell .employee-cards{grid-template-columns:1fr}}@media(max-width:900px){.app.menu-open::before{content:"";position:fixed;inset:0;background:rgba(10,42,70,.38);backdrop-filter:blur(2px);z-index:19;animation:menuFade .2s ease}.app.menu-open aside{box-shadow:-12px 0 45px rgba(8,64,110,.28)}@keyframes menuFade{from{opacity:0}to{opacity:1}}}#cards.employee-cards{grid-template-columns:repeat(auto-fit,minmax(260px,320px));justify-content:center;align-items:stretch}.jobs-toolbar{flex-direction:column;justify-content:center;text-align:center;gap:15px}.jobs-toolbar h3{margin:0}.jobs-toolbar .primary{min-width:220px}.reports-toolbar{justify-content:center;text-align:center;gap:12px}.reports-toolbar h3{flex-basis:100%;margin:0 0 8px}.reports-toolbar input{text-align:center}.account-profile{max-width:680px;margin:0 auto;flex-direction:column;justify-content:center;text-align:center}.account-profile>div{text-align:center}.account-grid{max-width:950px;margin-left:auto!important;margin-right:auto!important}.account-grid form{justify-items:center;text-align:center}.account-grid h3{text-align:center;margin:0}.account-grid label,.account-grid button{width:min(100%,380px);justify-self:center;text-align:center}.account-grid input{text-align:center}@media(max-width:540px){#cards.employee-cards{grid-template-columns:1fr}.reports-toolbar>*{flex:1 1 100%;max-width:none!important}.jobs-toolbar .primary{width:100%}}.page-dashboard{text-align:center}.page-dashboard .toolbar{justify-content:center;text-align:center}.page-dashboard .toolbar h3{flex-basis:100%;margin:0;text-align:center}.page-dashboard>.stats,.page-dashboard .monthly-balances{grid-template-columns:repeat(auto-fit,minmax(230px,300px));justify-content:center;margin-left:auto;margin-right:auto}.page-dashboard .profile-head{justify-content:center;text-align:center}.page-dashboard .profile-head>div{text-align:center}.page-dashboard #cards{margin-left:auto;margin-right:auto;width:100%}.page-dashboard #cards .employee-card{text-align:center}.page-dashboard .salary-hero{text-align:center}@media(max-width:540px){.page-dashboard>.stats,.page-dashboard .monthly-balances{grid-template-columns:1fr}.page-dashboard .month-toolbar label{width:100%;min-width:0}}.modal-head{position:relative}.modal-head h3{flex:1;text-align:center;padding-right:36px}.centered-modal-form{justify-items:center;text-align:center}.centered-modal-form label,.centered-modal-form button{width:min(100%,380px);justify-self:center;text-align:center}.centered-modal-form input{text-align:center}.centered-modal-form .full{grid-column:1/-1}@media(max-width:540px){.centered-modal-form .full{grid-column:1}}
/* Monthly attendance totals */
.attendance-totals{grid-template-columns:repeat(3,minmax(220px,300px));justify-content:center;max-width:1000px;margin:0 auto 22px}.attendance-totals .stat{border:1.5px solid #65b3f7;box-shadow:0 14px 30px rgba(37,137,220,.14);text-align:center}.attendance-totals .stat strong{font-size:1.35rem;color:var(--primary)}@media(max-width:700px){.attendance-totals{grid-template-columns:1fr;max-width:360px}}

/* Center attendance editor fields */
#adminAttendanceForm label{align-items:center;text-align:center}#adminAttendanceForm input,#adminAttendanceForm select,#adminAttendanceForm textarea{text-align:center;text-align-last:center}#adminAttendanceForm option{text-align:center}#adminAttendanceForm .primary{justify-self:center;min-width:180px}

/* Holidays management */
.holidays-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;max-width:760px;margin:0 auto 22px;padding:24px}.holidays-head h2{margin:0}.holidays-head .primary{min-width:190px}.holiday-cards{grid-template-columns:repeat(auto-fit,minmax(230px,300px));justify-content:center}.holiday-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;border:1.5px solid #65b3f7}.holiday-card h3{margin:4px 0}.holiday-card .danger{min-width:120px}#holidayForm label{align-items:center;text-align:center}#holidayForm input{text-align:center}#holidayForm .primary{justify-self:center;min-width:180px}

/* A4 filtered reports printing */
@page{size:A4 landscape;margin:10mm}@media print{html,body{width:100%;margin:0!important;padding:0!important;background:#fff!important}.page-reports>.reports-toolbar{display:none!important}.page-reports>#reportTable{display:block!important;width:100%!important}.page-reports #reportTable .table-wrap{display:block!important;width:100%!important;overflow:visible!important;border:0!important;margin:0!important;padding:0!important}.page-reports #exportTable{direction:rtl;width:100%!important;max-width:100%!important;border-collapse:collapse!important;table-layout:auto!important;font-family:"Times New Roman",serif!important}.page-reports #exportTable th,.page-reports #exportTable td{border:1px solid #555!important;text-align:center!important;vertical-align:middle!important;padding:5px 4px!important;font-size:10pt!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#000!important;background:#fff!important}.page-reports #exportTable th{font-size:11pt!important;font-weight:700!important;background:#fff3a3!important;color:#b40000!important}.page-reports #exportTable thead{display:table-header-group}.page-reports #exportTable tr{break-inside:avoid;page-break-inside:avoid}}

/* Professional login */
.login-wrap{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(75,170,250,.18),transparent 34%),linear-gradient(145deg,#f9fcff,#eaf5ff)}.login-art{position:relative;isolation:isolate;background:linear-gradient(145deg,#0876d5,#55b4ff);padding:40px}.login-art::before,.login-art::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%;z-index:-1}.login-art::before{width:360px;height:360px;inset:-100px auto auto -100px}.login-art::after{width:260px;height:260px;inset:auto -70px -70px auto}.login-art p{max-width:430px;font-size:18px;line-height:1.8}.login-card{position:relative;overflow:hidden;width:min(440px,90%);padding:42px 38px;gap:17px;justify-items:center;text-align:center;border:1.5px solid #78bdf7;background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(239,248,255,.98));box-shadow:0 24px 65px rgba(17,108,185,.18)}.login-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#62b7ff,#147edc)}.login-card h2{color:#0878dc;text-align:center}.login-card p{text-align:center}.login-card label{width:100%;text-align:center;align-items:center;font-size:15px;font-weight:700;color:var(--text)}.login-card input{height:48px;text-align:center;border-radius:13px;background:#fff}.login-card .primary{width:min(100%,300px);padding:13px 20px;margin-top:4px}.login-card #loginRecover{padding:4px 10px;margin-top:-8px;text-align:center;color:#0878dc;text-decoration:underline;text-underline-offset:4px}.dark .login-wrap{background:radial-gradient(circle at 15% 20%,rgba(70,160,235,.14),transparent 34%),linear-gradient(145deg,#0b1723,#10273a)}.dark .login-card{background:linear-gradient(155deg,#172c40,#102335);border-color:#3479aa}.dark .login-card input{background:#0e2030}@media(max-width:900px){.login-wrap{place-items:center;padding:24px}.login-card{margin:auto}}@media(max-width:480px){.login-card{width:100%;padding:34px 22px;border-radius:18px}}

/* Avatar crop editor */
.avatar-crop-form{display:grid;justify-items:center;gap:18px;text-align:center}.avatar-crop-form label{width:min(100%,420px);text-align:center;align-items:center}.avatar-file-label input{margin-top:8px;text-align:center}.avatar-crop-editor{display:grid;justify-items:center;gap:14px;width:100%}.avatar-crop-editor p{margin:0;line-height:1.6}.avatar-crop-viewport{position:relative;width:280px;height:280px;overflow:hidden;border-radius:50%;touch-action:none;cursor:grab;user-select:none;border:4px solid #fff;outline:2px solid #258cf4;background-color:#dceeff;background-image:linear-gradient(45deg,#c7e2f8 25%,transparent 25%),linear-gradient(-45deg,#c7e2f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c7e2f8 75%),linear-gradient(-45deg,transparent 75%,#c7e2f8 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;box-shadow:0 16px 38px rgba(20,115,195,.22)}.avatar-crop-viewport:active{cursor:grabbing}.avatar-crop-viewport img{position:absolute;inset:0 auto auto 0;max-width:none;transform-origin:0 0;pointer-events:none;will-change:transform}.avatar-crop-editor label{font-size:15px;font-weight:700}.avatar-crop-editor input[type=range]{padding:0;accent-color:#258cf4}.avatar-crop-editor .primary{min-width:190px}.dark .avatar-crop-viewport{border-color:#18344c;background-color:#17344c;outline-color:#55b4ff}@media(max-width:360px){dialog:has(#avatarForm){width:98vw}dialog:has(#avatarForm) #modalBody{padding:8px}.avatar-crop-form{gap:12px}}

/* Dashboard period filter */
.dashboard-filter{position:relative;overflow:hidden;max-width:760px;margin:0 auto 24px;padding:24px;text-align:center;border:1.5px solid #72b9f5;background:linear-gradient(155deg,#fff,#eef8ff);box-shadow:0 14px 34px rgba(30,133,220,.13)}.dashboard-filter::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#62b7ff,#147edc)}.dashboard-filter h3{margin:0 0 18px;color:#0878dc;font-size:21px}.dashboard-filter>div{display:flex;justify-content:center;align-items:end;gap:18px}.dashboard-filter label{width:min(100%,220px);text-align:center;align-items:center;font-size:15px;font-weight:700}.dashboard-filter select{text-align:center;text-align-last:center;min-height:46px}.dashboard-filter option{text-align:center}.dark .dashboard-filter{background:linear-gradient(155deg,#172d42,#102538);border-color:#3479aa}@media(max-width:540px){.dashboard-filter{padding:20px 16px}.dashboard-filter>div{flex-direction:column;align-items:center;width:100%}.dashboard-filter label{width:100%}}

/* Attendance year and month */
.attendance-period{display:flex;justify-content:center;align-items:end;gap:14px;width:min(100%,470px);margin:0 auto}.attendance-period label{width:min(100%,210px);text-align:center;align-items:center;font-size:15px;font-weight:700}.attendance-period select{text-align:center;text-align-last:center;min-height:45px}.attendance-period option{text-align:center}.toolbar .attendance-period{margin:0;flex:1 1 430px}@media(max-width:540px){.attendance-period{flex-direction:column;align-items:center;width:100%}.attendance-period label{width:100%}.toolbar .attendance-period{flex-basis:100%}}