.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 18% 15%,rgba(91,164,232,.34),transparent 28%),radial-gradient(circle at 84% 10%,rgba(255,255,255,.2),transparent 24%),linear-gradient(135deg,#17395f,#073766 56%,#052846);padding:clamp(18px,4vw,40px)}.login-box{background:#ffffffe0;border:1px solid rgba(255,255,255,.62);border-radius:18px;box-shadow:0 24px 70px #02142652;padding:clamp(26px,4vw,42px);width:100%;max-width:420px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:loginCardIn .48s ease both}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#102a43;font-size:clamp(25px,4vw,30px);margin:0 0 8px;font-weight:700}.login-header p{color:#52606d;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#243b53;font-size:14px;font-weight:600}.form-group input{padding:14px 16px;border:1px solid #d6dde7;border-radius:10px;font-size:15px;transition:all .3s ease;outline:none;background:#ffffffeb;color:#17212b}.form-group input:focus{border-color:#2f80d1;box-shadow:0 0 0 4px #2f80d124}.form-group input::placeholder{color:#aaa}.login-button{padding:14px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.login-container{font-family:var(--font-sans)}.login-box{border-radius:var(--radius-lg)}.login-header h1{color:var(--color-text);letter-spacing:0}.login-header p,.login-footer p{color:var(--color-muted)}.form-group label{color:#243b53;letter-spacing:0}.form-group input{border-color:var(--color-border);border-radius:var(--radius-md)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #155b9424}.login-button{border-radius:var(--radius-md);box-shadow:var(--shadow-button)}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #1e3a5f47}@keyframes loginCardIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.login-box,.login-button,.form-group input{animation:none!important;transition-duration:.01ms!important}}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid rgba(214,221,231,.9)}.login-footer p{color:#627d98;font-size:12px;margin:0}@media(max-width:480px){.login-container{align-items:stretch}.login-box{align-self:center;border-radius:14px}}.dashboard{display:flex;min-height:100vh;background:#f5f7fa}.dashboard .sidebar{width:260px;background:linear-gradient(135deg,#1e3a5f,#036);color:#fff;padding:24px 0;display:flex;flex-direction:column}.dashboard .sidebar h2{text-align:center;font-size:22px;margin-bottom:32px;padding:0 16px}.dashboard .sidebar nav{display:flex;flex-direction:column;gap:8px;padding:0 12px}.dashboard .sidebar nav button{background:#ffffff1a;border:none;color:#fff;padding:14px 20px;border-radius:10px;cursor:pointer;font-size:15px;text-align:left;transition:all .3s ease}.dashboard .sidebar nav button:hover{background:#fff3;transform:translate(4px)}.dashboard .sidebar nav button.active{background:#fff;color:#667eea;font-weight:600}.dashboard .sidebar nav button.logout-btn{margin-top:auto;background:#ff64644d}.dashboard .sidebar nav button.logout-btn:hover{background:#ff646480}.user-dashboard .sidebar{width:292px;background:linear-gradient(180deg,#17395f,#0b3763);box-shadow:inset -1px 0 #ffffff14}.user-dashboard .sidebar h2{margin:18px 0 28px;padding:0 24px;text-align:left;font-size:24px}.user-dashboard .sidebar nav{padding:0 14px;gap:10px}.user-dashboard .sidebar nav button{border-radius:8px;padding:14px 20px;background:#ffffff1c;font-weight:600}.user-dashboard .sidebar nav button.logout-btn{background:#935269a6}.dashboard .main-content{flex:1;padding:32px;overflow-y:auto;background:linear-gradient(135deg,#1e3a5f,#036)}.card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.card h3{margin:0 0 20px;color:#333;font-size:18px}.card h4{margin:0 0 12px;color:#555;font-size:15px}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row input{flex:1;min-width:150px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s}.form-row input:focus{outline:none;border-color:#667eea}.attendance-adjustment-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(260px,2fr);gap:12px;align-items:center;margin-bottom:12px}.attendance-adjustment-grid.second-row{grid-template-columns:minmax(180px,auto) minmax(260px,1fr) auto}.attendance-adjustment-grid input,.attendance-adjustment-grid select{width:100%;min-height:46px;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;box-sizing:border-box}.attendance-adjustment-grid .checkbox-field{display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:46px}.attendance-adjustment-grid .checkbox-field input{width:auto;min-height:auto}.attendance-adjustment-section .status.error{color:#c62828;font-weight:600}.attendance-adjustment-section .status.success{color:#2e7d32;font-weight:600}@media(max-width:900px){.attendance-adjustment-grid,.attendance-adjustment-grid.second-row{grid-template-columns:1fr}}.btn-primary{background:linear-gradient(135deg,#1e3a5f,#036);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#e0e0e0;color:#666;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-left:8px}.btn-success{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.btn-edit{background:#ffc107;color:#333;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}table{width:100%;border-collapse:collapse;margin-top:16px}table th{background:#f8f9fa;padding:14px 12px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0}table td{padding:12px;border-bottom:1px solid #eee}table tbody tr:hover{background:#f8f9fa}table input{padding:8px;border:1px solid #ddd;border-radius:4px;width:100%}.role-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.role-badge.admin{background:#667eea;color:#fff}.role-badge.user{background:#28a745;color:#fff}.upload-section .card{max-width:600px}.upload-section p{color:#666;margin-bottom:20px}.upload-area{border:2px dashed #ccc;padding:40px;text-align:center;border-radius:12px;background:#fafafa}.upload-area input[type=file]{display:none}.upload-label{display:inline-block;background:#667eea;color:#fff;padding:14px 32px;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s}.upload-label:hover{transform:translateY(-2px)}.formula-help-section{display:flex;flex-direction:column;gap:18px}.formula-help-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.formula-help-header h2{display:flex;align-items:center;gap:10px;margin:0 0 6px;color:#172554;font-size:1.45rem}.formula-help-header p{margin:0;color:#64748b;font-weight:600}.formula-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.formula-card{margin:0}.formula-card h3{margin-bottom:14px}.formula-card-wide{grid-column:1 / -1}.formula-list{display:grid;gap:12px}.formula-list>div{display:grid;gap:5px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.22)}.formula-list>div:last-child{padding-bottom:0;border-bottom:0}.formula-list strong,.formula-table span{color:#1e293b;font-weight:800}.formula-list span{color:#64748b;line-height:1.45}.formula-list code,.formula-table code{display:inline-block;width:fit-content;max-width:100%;padding:5px 8px;border-radius:6px;background:#eef6ff;color:#1d4ed8;font-family:Consolas,Courier New,monospace;font-size:.88rem;overflow-wrap:anywhere}.formula-table{display:grid;gap:0;border:1px solid rgba(148,163,184,.28);border-radius:8px;overflow:hidden}.formula-table>div{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;background:#fff;border-bottom:1px solid rgba(148,163,184,.22)}.formula-table>div:nth-child(2n){background:#f8fafc}.formula-table>div:last-child{border-bottom:0}@media(max-width:900px){.formula-help-grid{grid-template-columns:1fr}.formula-table>div{grid-template-columns:1fr}}.upload-label.disabled{opacity:.65;pointer-events:none;cursor:not-allowed;transform:none}.upload-area .status{margin-top:16px;font-weight:600}.upload-area .status.success{color:#28a745}.upload-area .status.error{color:#dc3545}.upload-card{max-width:600px}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.upload-header h3{margin:0;font-size:20px}.upload-month-year{background:linear-gradient(135deg,#1e3a5f,#036);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.upload-card>p{color:#666;margin-bottom:20px}.upload-form{display:flex;gap:16px;margin-bottom:20px}.upload-select-group{flex:1}.upload-select-group label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.upload-select-group select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;background:#fff;cursor:pointer;transition:border-color .3s}.upload-select-group select:focus{outline:none;border-color:#667eea}.month-selector{display:flex;align-items:stretch;gap:12px;background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #00000014}.month-selector label{font-weight:600;color:#333;font-size:15px}.month-selector select{padding:10px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;background:#fff;cursor:pointer;min-width:180px;transition:border-color .3s}.month-selector select:focus{outline:none;border-color:#667eea}.user-dashboard .main-content{padding:28px 32px;background:radial-gradient(circle at top right,rgba(52,127,201,.18),transparent 34%),linear-gradient(135deg,#17395f,#073766)}.user-dashboard-toolbar{display:flex!important;align-items:center!important;justify-content:space-between;gap:24px!important;padding:26px 28px!important;margin-bottom:20px!important;border-radius:10px!important;box-shadow:0 8px 22px #04182e2e!important;min-height:auto}.month-selector-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.month-selector-control label{color:#1f2933;font-size:14px;white-space:nowrap}.user-dashboard-toolbar select{min-width:180px;height:42px;border-radius:8px;border-color:#d8dee8;font-weight:500}.user-dashboard .summary-cards.common-cards{display:grid!important;grid-template-columns:repeat(3,minmax(110px,1fr))!important;gap:12px!important;margin:0!important;width:min(420px,100%)}.user-dashboard .summary-card.small-card{min-height:82px;margin:0;padding:12px 14px;border-radius:10px;border:1px solid #dde3ec;box-shadow:0 3px 10px #0f233714;display:flex;flex-direction:column;justify-content:center;text-align:center}.user-dashboard .summary-card.small-card h4{margin:0 0 6px;color:#52606d;font-size:13px;line-height:1.2;letter-spacing:0;text-transform:uppercase}.user-dashboard .summary-card.small-card .summary-value{margin:0;color:#102a43;font-size:27px;font-weight:800;line-height:1}.upload-section ul{padding-left:20px;color:#666}.upload-section li{margin-bottom:8px}.user-dashboard .summary-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:24px;margin-bottom:24px}.user-dashboard .summary-cards:first-of-type{grid-template-columns:repeat(3,1fr)}.user-dashboard .summary-card{background:#fff;border-radius:12px;padding:0;box-shadow:0 2px 8px #00000014;text-align:center;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start}.user-dashboard .summary-card h4{margin:0!important;padding:0;color:#232121;font-size:16px;font-weight:600;line-height:1.2}.user-dashboard .summary-card .summary-value{font-size:32px;font-weight:700;color:#1e3a5f;margin:16px 0 0}.user-dashboard .summary-card.late{border-left:4px solid #FFC0CB}.user-dashboard .summary-card.no-data{border-left:4px solid #FFD966}.user-dashboard .summary-card.holiday{border-left:4px solid #667eea}.user-dashboard .summary-card.extra-leaves{border-left:4px solid #dc3545}.user-dashboard .summary-card.half-days{border-left:4px solid #ffc107;background-color:#fffbf0}.user-dashboard .summary-card.half-days h4{color:#856404}.user-dashboard .summary-card.half-days .summary-value{color:#856404;font-size:1.8rem}.user-dashboard .summary-card.half-days .summary-detail{font-size:.85rem;color:#666;margin-top:4px}.user-dashboard .summary-card.late-marks{border-left:4px solid #ff69b4;background:#fff0f5}.user-dashboard .summary-card.late-marks h4,.user-dashboard .summary-card.late-marks .summary-value{color:#c71585}.user-dashboard .summary-card.extra-leaves-taken{border-left:4px solid #fd7e14}.user-dashboard .summary-card.extra-leaves-taken h4{color:#050505}.user-dashboard .summary-card.extra-leaves-taken .summary-value{color:#1e3a5f}.user-dashboard .summary-card.extra-leaves-taken .summary-detail{font-size:.85rem;color:#666;margin-top:4px}.user-dashboard .summary-card.paid-leaves,.user-dashboard .summary-card.total-mins-worked{border-left:4px solid #fd7e14}.user-dashboard .summary-card.total-mins-worked h4{color:#050505}.user-dashboard .summary-card.total-mins-worked .summary-value{color:#1e3a5f}.user-dashboard .summary-card.total-mins-worked .summary-detail{font-size:.85rem;color:#666;margin-top:4px}.user-dashboard .summary-card.paid-leaves h4{color:#232121}.user-dashboard .summary-card.paid-leaves .summary-value{color:#1e3a5f;font-size:25px}.user-dashboard .summary-card.paid-leaves .summary-detail{font-size:.85rem;color:#666;margin-top:4px}.user-dashboard .summary-card.paid-leaves-taken{border-left:4px solid #fd7e14}.user-dashboard .summary-card.paid-leaves-taken h4{color:#232121}.user-dashboard .summary-card.paid-leaves-taken .summary-value{color:#1e3a5f;font-size:25px}.user-dashboard .summary-section-header{font-size:16px;font-weight:600;color:#1e3a5f;margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.user-dashboard .summary-cards.common-cards{display:flex;gap:12px;flex-wrap:wrap}.user-dashboard .summary-card.small-card{flex:1;min-width:100px;max-width:150px;padding:16px 12px;border-radius:12px;background:#fff;border:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;text-align:center}.user-dashboard .summary-card.small-card:hover{border-color:#1e3a5f;box-shadow:0 4px 8px #0000001a}.user-dashboard .summary-card.small-card h4{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:8px}.user-dashboard .summary-card.small-card .summary-value{font-size:28px;font-weight:700;color:#1e3a5f;margin-top:0}.user-dashboard .summary-card.small-card.holiday{border-color:#e3f2fd;background:#fafdff}.user-dashboard .summary-card.small-card.holiday h4,.user-dashboard .summary-card.small-card.holiday .summary-value{color:#1976d2}.user-dashboard .summary-card.pending-minutes{border-left:4px solid #FF5722;background-color:#fff3e0}.user-dashboard .summary-card.pending-minutes .summary-value{color:#e64a19;font-size:1.8rem}.user-dashboard .summary-card.pending-minutes .summary-detail{font-size:.85rem;color:#666;margin-top:4px}.user-dashboard .summary-card.extra-minutes{border-left:4px solid #4CAF50;background-color:#e8f5e9}.user-dashboard .summary-card.extra-minutes .summary-value{color:#2e7d32;font-size:1.8rem}.user-dashboard .summary-card.extra-minutes .summary-detail{font-size:.85rem;color:#666;margin-top:4px}.user-dashboard .summary-card.final-pending{border-left:4px solid #2196F3;background-color:#e3f2fd}.user-dashboard .summary-card.final-pending .summary-value{color:#1565c0;font-size:1.8rem}.user-dashboard .summary-card.final-pending .summary-detail{font-size:.85rem;color:#666;margin-top:4px}.paid-leaves-input-card{background:#00000014;color:#fff}.paid-leaves-input-card h3{color:#fff}.paid-leaves-form{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.paid-leaves-form .form-group{display:flex;flex-direction:column;gap:8px}.paid-leaves-form .form-group label{font-size:14px;font-weight:500;opacity:.9}.paid-leaves-form .form-group .value{font-size:24px;font-weight:700}.paid-leaves-form .form-group input{padding:10px 16px;border:none;border-radius:8px;font-size:16px;width:120px}.paid-leaves-form .save-btn{background:#fff;color:#667eea;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.paid-leaves-form .save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.paid-leaves-card{background:#fff;color:#333;border:1px solid #ddd}.paid-leaves-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.paid-leaves-header h3{color:#1e3a5f;margin:0}.paid-leaves-year{background:#1e3a5f;color:#fff;padding:8px 16px;border-radius:20px;font-weight:600}.paid-leaves-description{color:#666;margin-bottom:24px;line-height:1.5}.paid-leaves-form{margin-bottom:24px}.paid-leaves-select-group{display:flex;flex-direction:column;gap:8px}.paid-leaves-select-group label{font-weight:500;color:#333}.paid-leaves-select-group select{padding:10px 16px;border:none;border-radius:8px;font-size:16px;width:200px}.paid-leaves-users h4{color:#1e3a5f;margin-bottom:16px}.paid-leaves-users table{width:100%;background:#f8f9fa;border-radius:8px;overflow:hidden;border:1px solid #ddd}.paid-leaves-users th,.paid-leaves-users td{padding:12px 16px;text-align:left;color:#333}.paid-leaves-users th{background:#e9ecef;font-weight:600}.paid-leaves-users td input{padding:8px 12px;border:1px solid #ccc;border-radius:4px;width:80px;font-size:14px}.paid-leaves-users .btn-small{padding:6px 16px;background:#1e3a5f;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease}.paid-leaves-users .btn-small:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.dashboard .sidebar nav button.nav-btn{margin-top:auto}.loading{text-align:center;padding:60px;color:#666;font-size:18px}.no-data-message{text-align:center;padding:40px;color:#999;font-size:16px}.table-container{overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%}.attendance-table th,.attendance-table td{font-size:16px;padding:14px 12px;white-space:nowrap;border-bottom:1px solid #e0e0e0}.attendance-table th{background:#1e3a5f;color:#fff;font-weight:600;text-align:left}.attendance-table tr:hover{background:#f5f5f5}.attendance-table .punches{font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis}.attendance-table .working-mins{font-weight:600;text-align:center;font-size:16px}.attendance-table .late-mark{text-align:center;font-size:15px;font-weight:600}.attendance-table .status-cell{font-weight:600;text-align:center;font-size:15px}.dashboard-legends{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:16px;align-items:stretch}.legend-card{max-width:none}.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.legend-item .color-box{width:24px;height:24px;border-radius:4px;border:1px solid #ddd}.fill-legend .fill-box{width:34px;height:24px;border-color:#0f172a29}.users-section .card{max-width:100%}@media(max-width:768px){.dashboard{flex-direction:column}.dashboard-legends{grid-template-columns:1fr}.dashboard .sidebar{width:100%;padding:16px 0}.dashboard .sidebar nav{flex-direction:row;overflow-x:auto;padding:0 12px}.dashboard .sidebar nav button{flex-shrink:0}.form-row{flex-direction:column}.form-row input{width:100%}}.dashboard .sidebar{flex:0 0 clamp(248px,17vw,286px)}.dashboard .sidebar nav,.user-dashboard .sidebar nav,.dashboard:not(.user-dashboard) .sidebar nav{height:auto!important;min-height:0;justify-content:flex-start!important;gap:10px!important;padding:0 14px 18px!important;overflow-y:auto}.dashboard .sidebar nav button,.dashboard .sidebar nav button.nav-btn,.user-dashboard .sidebar nav button,.dashboard:not(.user-dashboard) .sidebar nav button{margin-top:0!important;width:100%;min-height:46px;padding:13px 16px!important;border-radius:14px!important;justify-content:flex-start}.dashboard .sidebar nav button.logout-btn{margin-top:16px!important}.dashboard .sidebar h2{margin:12px 0 22px!important;padding:0 24px 18px!important}@media(min-width:769px){.dashboard .sidebar,.user-dashboard .sidebar,.dashboard:not(.user-dashboard) .sidebar{width:clamp(248px,17vw,286px)!important;min-width:clamp(248px,17vw,286px)!important;padding-top:24px!important}.dashboard .main-content,.user-dashboard .main-content,.dashboard:not(.user-dashboard) .main-content{width:calc(100vw - clamp(248px,17vw,286px))!important}}@media(min-width:769px){.dashboard{width:100vw;min-height:100vh}.dashboard .sidebar,.user-dashboard .sidebar,.dashboard:not(.user-dashboard) .sidebar{position:sticky;top:0;width:clamp(260px,18vw,320px);min-width:260px;height:100vh;padding:28px 14px}.dashboard .main-content,.user-dashboard .main-content,.dashboard:not(.user-dashboard) .main-content{width:calc(100vw - clamp(260px,18vw,320px));max-width:none;min-height:100vh;padding:clamp(24px,2vw,42px)}}.dashboard .sidebar h2{position:relative;margin-bottom:28px;padding-bottom:18px}.dashboard .sidebar h2:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)}.dashboard .sidebar nav{height:100%;overflow-y:auto;padding-right:4px}.dashboard .sidebar nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;color:#fffffff0;text-align:left}.nav-icon{flex:0 0 auto;width:19px;height:19px;color:currentColor;opacity:.95}.section-title-icon{display:inline-flex;width:25px;height:25px;margin-right:10px;color:#155b94;vertical-align:-5px}.button-icon{width:18px;height:18px;margin-right:8px;vertical-align:-4px}.input-icon svg{width:26px;height:26px}.dashboard .sidebar nav button.active .nav-icon{color:#155b94}.dashboard .sidebar nav button.logout-btn .nav-icon{color:#ffd7df}.dashboard .sidebar nav button.active{background:linear-gradient(135deg,#fffffffa,#ecf6ffeb)!important;color:#0b3a66!important;transform:translate(4px)}.dashboard .sidebar nav button.logout-btn{margin-top:auto}.dashboard:not(.user-dashboard) .users-section,.dashboard:not(.user-dashboard) .upload-section,.dashboard:not(.user-dashboard) .holidays-section,.dashboard:not(.user-dashboard) .paid-leaves-section,.dashboard:not(.user-dashboard) .non-working-days-section,.dashboard:not(.user-dashboard) .user-non-working-section,.dashboard:not(.user-dashboard) .attendance-adjustment-section,.dashboard:not(.user-dashboard) .view-user-section{max-width:none!important;width:100%;margin:0}.dashboard:not(.user-dashboard) .holiday-card,.dashboard:not(.user-dashboard) .attendance-adjustment-section .card{width:100%;max-width:none}.dashboard:not(.user-dashboard) .view-user-section iframe{min-height:min(900px,calc(100vh - 220px))}.dashboard.user-dashboard .summary-scroll-container{grid-template-columns:repeat(4,minmax(230px,1fr))}@media(min-width:1500px){.dashboard.user-dashboard .summary-scroll-container{grid-template-columns:repeat(4,minmax(280px,1fr))}.dashboard:not(.user-dashboard) .holiday-counts{grid-template-columns:repeat(3,minmax(260px,1fr))}}@media(max-width:1100px)and (min-width:769px){.dashboard .sidebar,.user-dashboard .sidebar,.dashboard:not(.user-dashboard) .sidebar{width:248px;min-width:248px}.dashboard .main-content,.user-dashboard .main-content,.dashboard:not(.user-dashboard) .main-content{width:calc(100vw - 248px)}.dashboard.user-dashboard .summary-scroll-container{grid-template-columns:repeat(2,minmax(240px,1fr))}}html,body,#root{background:#073766!important}.dashboard{width:100%!important;max-width:none!important;min-height:100dvh;margin:0!important;overflow-x:hidden}@media(min-width:769px){.dashboard{width:100%!important}.dashboard .main-content,.user-dashboard .main-content,.dashboard:not(.user-dashboard) .main-content{flex:1 1 auto;width:auto!important;min-width:0}}.holiday-form{display:flex;gap:12px;margin-bottom:20px}.holiday-form select{padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff}.add-holiday-form{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.add-holiday-form input{padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.add-holiday-form select{padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff}.btn-delete{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.btn-delete:hover{background:#c82333}.holidays-list{margin-top:24px}.holidays-list h4{margin-bottom:12px;color:#333}.holiday-card{max-width:600px}.holiday-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.holiday-header h3{margin:0;font-size:20px}.holiday-month-year{background:#1e3a5f;color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.holiday-card .holiday-description{color:#666;margin-bottom:24px;line-height:1.5}.holiday-form{display:flex;gap:16px;margin-bottom:24px}.holiday-select-group{flex:1}.holiday-select-group label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.holiday-select-group select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;background:#fff;cursor:pointer;transition:border-color .3s}.holiday-select-group select:focus{outline:none;border-color:#667eea}.holiday-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.holiday-input-group{background:#f8f9fa;padding:20px;border-radius:12px;text-align:center;transition:transform .2s,box-shadow .2s}.holiday-input-group:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.holiday-input-group .input-icon{font-size:32px;margin-bottom:8px}.holiday-input-group.saturday{border-bottom:4px solid #667eea}.holiday-input-group.sunday{border-bottom:4px solid #28a745}.holiday-input-group.holiday{border-bottom:4px solid #ffc107}.holiday-input-group label{display:block;margin-bottom:10px;color:#555;font-weight:500;font-size:13px}.holiday-input-group input{width:80px;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:18px;text-align:center;font-weight:600;transition:border-color .3s}.holiday-input-group input:focus{outline:none;border-color:#667eea}.holiday-summary{display:flex;justify-content:space-between;align-items:center;background:#5c6bc0;color:#fff;padding:16px 20px;border-radius:10px;margin-bottom:20px}.holiday-summary .summary-label{font-weight:500}.holiday-summary .summary-value{font-size:25px;font-weight:700}.holiday-card .holiday-description:last-of-type{margin-bottom:20px}.holiday-card .holiday-description:last-of-type input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s}.holiday-card .holiday-description:last-of-type input:focus{outline:none;border-color:#667eea}.btn-save-holiday{width:100%;padding:14px;font-size:16px}@media(max-width:768px){.holiday-form{flex-direction:column}.holiday-counts{grid-template-columns:1fr}}.non-working-days-section .card{padding:24px}.non-working-days-form{display:flex;gap:24px;margin-bottom:24px;align-items:center}.non-working-days-form .MuiFormControl-root{margin-bottom:0}.user-non-working-form{display:flex;gap:24px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.user-non-working-form .MuiFormControl-root{margin-bottom:0}.user-non-working-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.user-non-working-header h3{color:#000;margin:0}.user-non-working-month-year{background:#fff;color:#000;padding:8px 16px;border-radius:20px;font-weight:600}.user-non-working-description{color:#000;margin-bottom:24px;line-height:1.5}.user-non-working-form{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.user-non-working-select-group{display:flex;flex-direction:column;gap:8px}.user-non-working-select-group label{font-weight:500;color:#000}.user-non-working-select-group select{padding:10px 16px;border:1px solid #ccc;border-radius:8px;font-size:16px;min-width:180px;background:#fff;color:#000}.user-non-working-summary{display:flex;gap:16px;margin-bottom:24px}.user-non-working-summary .summary-box{flex:1;background:#fff;color:#000;padding:16px;border-radius:12px;text-align:center;border:1px solid #ddd}.user-non-working-summary .summary-label{display:block;font-weight:500;margin-bottom:8px;color:#000}.user-non-working-summary .summary-value{font-size:25px;font-weight:700;color:#000}.user-non-working-days-list,.user-working-days-select{margin-bottom:24px}.user-non-working-days-list h4,.user-working-days-select h4{color:#000;margin-bottom:12px}.user-working-days-select .helper-text{font-size:14px;color:#000;margin-bottom:12px}.days-grid{display:flex;flex-wrap:wrap;gap:8px}.days-grid .day-tag{padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;background:#fff;color:#000;border:1px solid #ccc}.days-grid .day-tag.non-working{background:#fff;border:1px solid #4CAF50;color:#000}.days-grid .day-btn{padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;background:#fff;border:2px solid #ddd;cursor:pointer;transition:all .2s;color:#000;text-align:center}.days-grid .day-btn.non-working{background:#fff;border:2px solid #4CAF50;cursor:pointer;transition:all .2s;color:#000}.days-grid .day-btn:hover{background:#f0f0f0}.days-grid .day-btn.selected{background:#4caf50;border-color:#388e3c;color:#fff}.days-grid .day-btn small{font-size:11px;color:#000}.days-grid .no-data{font-style:italic;color:#000}.selected-dates-summary{background:#fff;color:#000;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-weight:500;border:1px solid #ddd}.selected-dates-summary.unmark{background:#e8f5e9;border:1px solid #4CAF50;color:#000}.btn-save-non-working{width:100%;padding:14px;font-size:16px;margin-top:16px}.btn-save-non-working:disabled{opacity:.5;cursor:not-allowed}.user-non-working-card .status{margin-top:16px;padding:12px;border-radius:8px;text-align:center;font-weight:500;color:#000}.user-non-working-card .status.success{background:#e8f5e9;border:1px solid #4CAF50;color:#000}.user-non-working-card .status.error{background:#ffebee;border:1px solid #f44336;color:#000}@media(max-width:768px){.user-non-working-form{flex-direction:column}.user-non-working-select-group,.user-non-working-select-group select{width:100%}.user-non-working-summary{flex-direction:column}}.dashboard.user-dashboard.iframe-mode{padding:0}.dashboard.user-dashboard.iframe-mode .main-content{margin-left:0;width:100%;padding:18px}.dashboard.user-dashboard.iframe-mode .month-selector{margin-bottom:15px!important}.save-extra-work-banner{display:flex;justify-content:space-between;align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 20px;margin-bottom:15px}.save-extra-work-banner span{color:#856404;font-weight:500}.save-extra-work-banner .save-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.save-extra-work-banner .save-btn:hover{background:#218838}.extra-work-cell{display:flex;align-items:center;gap:8px}.extra-work-cell input[type=checkbox]{width:18px;height:18px;cursor:pointer}.extra-work-cell .remark-input{width:120px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px}.extra-work-cell .remark-input:disabled{background:#f5f5f5;cursor:not-allowed}.extra-work-cell .remark-input:focus{outline:none;border-color:#28a745}.dashboard,.dashboard *{letter-spacing:0}.dashboard{color:var(--color-text);font-family:var(--font-sans);background:var(--color-page)}.dashboard .main-content,.user-dashboard .main-content,.dashboard:not(.user-dashboard) .main-content{background:linear-gradient(180deg,#f8fbfff5,#eef4f8fa)!important}.dashboard .sidebar,.user-dashboard .sidebar,.dashboard:not(.user-dashboard) .sidebar{background:linear-gradient(180deg,#102033,#0b3a66)!important}.dashboard .sidebar h2{color:#f8fbff;font-size:22px;font-weight:800;line-height:1.2}.card,.month-selector,.user-dashboard-toolbar,.summary-card,.holiday-input-group,.user-non-working-summary .summary-box,.selected-dates-summary,.save-extra-work-banner{border:1px solid rgba(216,224,234,.95)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-card)!important}.card,.month-selector,.user-dashboard-toolbar,.summary-card{background:var(--color-surface)!important;color:var(--color-text)!important}.card h3,.card h4,.holiday-header h3,.paid-leaves-header h3,.user-non-working-header h3,.user-dashboard .summary-section-header{color:var(--color-text)!important;font-weight:750;line-height:1.25}.card p,.upload-card>p,.holiday-card .holiday-description,.paid-leaves-description,.user-non-working-description,.helper-text,.legend-item{color:var(--color-muted)!important}.dashboard input:not([type=checkbox]):not([type=radio]),.dashboard select,.dashboard textarea,.form-row input,.attendance-adjustment-grid input,.attendance-adjustment-grid select,.upload-select-group select,.holiday-select-group select,.paid-leaves-select-group select,.user-non-working-select-group select,.holiday-form select,.holiday-form input,.add-holiday-form input,.add-holiday-form select,.extra-work-cell .remark-input{min-height:40px;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;background:var(--color-surface)!important;color:var(--color-text)!important;font-size:14px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.dashboard input:not([type=checkbox]):not([type=radio]):focus,.dashboard select:focus,.dashboard textarea:focus,.form-row input:focus,.attendance-adjustment-grid input:focus,.attendance-adjustment-grid select:focus,.upload-select-group select:focus,.holiday-select-group select:focus,.paid-leaves-select-group select:focus,.user-non-working-select-group select:focus,.extra-work-cell .remark-input:focus{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #155b9424!important}.dashboard button,.upload-label,.btn-primary,.btn-secondary,.btn-success,.btn-edit,.btn-delete,.btn-small,.login-button,.paid-leaves-form .save-btn,.save-extra-work-banner .save-btn,.days-grid .day-btn{min-height:38px;border-radius:var(--radius-md)!important;font-family:var(--font-sans);font-size:14px;font-weight:700;letter-spacing:0;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn-primary,.upload-label,.btn-small,.btn-save-holiday,.btn-save-non-working,.paid-leaves-form .save-btn,.save-extra-work-banner .save-btn{border:1px solid transparent!important;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important;color:#fff!important;box-shadow:var(--shadow-button)}.btn-primary:hover,.upload-label:hover,.btn-small:hover,.btn-save-holiday:hover,.btn-save-non-working:hover,.paid-leaves-form .save-btn:hover,.save-extra-work-banner .save-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f23372e!important}.btn-secondary{border:1px solid var(--color-border)!important;background:#fff!important;color:var(--color-text)!important}.btn-success{background:var(--color-success)!important;color:#fff!important}.btn-edit{background:#fff7e6!important;color:#7a4f12!important;border:1px solid #f3d9a4!important}.btn-delete{background:var(--color-danger)!important;color:#fff!important}.dashboard button:disabled,.btn-primary:disabled,.btn-save-non-working:disabled{opacity:.56;cursor:not-allowed;transform:none!important;box-shadow:none!important}.dashboard .sidebar nav button,.dashboard .sidebar nav button.nav-btn,.user-dashboard .sidebar nav button{background:#ffffff14!important;color:#f8fbffeb!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}.dashboard .sidebar nav button:hover{background:#ffffff24!important;transform:translate(3px)}.dashboard .sidebar nav button.active{background:#fff!important;color:var(--color-primary-hover)!important}.dashboard .sidebar nav button.logout-btn{background:#c736362e!important;color:#ffe4e6!important}.dashboard table{color:var(--color-text);border-collapse:separate;border-spacing:0}.dashboard table th,.attendance-table th{background:#eff5fb!important;color:#243b53!important;font-size:13px;font-weight:750;text-transform:none;border-bottom:1px solid var(--color-border)!important}.dashboard table td,.attendance-table td{color:var(--color-text);border-bottom:1px solid #edf2f7!important}.dashboard table tbody tr:hover,.attendance-table tr:hover{background:#f8fbff!important}.role-badge,.upload-month-year,.holiday-month-year,.paid-leaves-year,.user-non-working-month-year{border-radius:999px!important;font-weight:750;letter-spacing:0}.upload-month-year,.holiday-month-year,.paid-leaves-year{background:#e8f2fb!important;color:var(--color-primary-hover)!important}.holiday-summary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)!important}.user-dashboard .summary-card .summary-value,.user-dashboard .summary-card.paid-leaves .summary-value,.user-dashboard .summary-card.paid-leaves-taken .summary-value,.user-dashboard .summary-card.total-mins-worked .summary-value{color:var(--color-primary-hover)!important;font-weight:800}.days-grid .day-btn{border:1px solid var(--color-border)!important;background:#fff!important;color:var(--color-text)!important}.days-grid .day-btn.selected{border-color:var(--color-secondary)!important;background:var(--color-secondary)!important;color:#fff!important}.hamburger-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important;border-radius:var(--radius-md)!important}@media(max-width:768px){.dashboard{flex-direction:column}.hamburger-btn{display:block;position:fixed;top:16px;left:16px;z-index:200;background:linear-gradient(135deg,#1e3a5f,#036);border:none;border-radius:8px;padding:10px 12px;cursor:pointer;box-shadow:0 2px 8px #0003}.hamburger-btn span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;border-radius:1px}.dashboard .sidebar{position:fixed;left:-260px;top:0;bottom:0;width:260px;z-index:150;transition:left .3s ease;padding-top:60px}.dashboard .sidebar.open{left:0}.dashboard .sidebar h2{display:block;font-size:18px;margin-bottom:20px}.dashboard .sidebar nav{flex-direction:column;padding:0 12px}.dashboard .sidebar nav button{padding:12px 16px;font-size:14px}.dashboard .sidebar nav button.logout-btn{margin-top:20px}.dashboard .main-content{padding:60px 16px 16px;margin-left:0}}@media(max-width:1200px){.user-dashboard .summary-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:992px){.user-dashboard .summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.user-dashboard .summary-cards{grid-template-columns:repeat(2,1fr);gap:12px}.user-dashboard .summary-card{padding:16px;min-height:90px}.user-dashboard .summary-card .summary-value{font-size:20px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}table th,table td{padding:8px;font-size:13px}.upload-form{flex-direction:column}.upload-header{flex-direction:column;text-align:center;gap:12px}.upload-area{padding:20px}.users-section .form-row{flex-wrap:wrap;gap:8px}.users-section .form-row input{flex:1 1 calc(50% - 4px);min-width:calc(50% - 4px)}.paid-leaves-form{flex-wrap:wrap}.paid-leaves-select-group select{width:100%}.paid-leaves-header{flex-wrap:wrap;justify-content:center}.paid-leaves-users table,.non-working-days-users table,.users-section table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:500px}.non-working-days-header{flex-wrap:wrap;justify-content:center;gap:8px}.non-working-days-form{flex-wrap:wrap}.non-working-days-form>*{flex:1 1 100%}}@media(max-width:480px){.user-dashboard .summary-cards{grid-template-columns:1fr}.form-row{flex-direction:column}.form-row input{width:100%;min-width:100%}.btn-primary{width:100%;margin-bottom:8px}.btn-secondary{margin-left:0;width:100%}.month-selector{flex-direction:column;gap:8px}.month-selector select{min-width:100%}.card{padding:16px}.card h3{font-size:16px}.users-section .form-row,.paid-leaves-form,.non-working-days-form{flex-direction:column}.users-section .form-row input,.paid-leaves-form input,.paid-leaves-select-group select,.non-working-days-form select,.non-working-days-form input{width:100%;min-width:100%}.paid-leaves-header{flex-direction:column;gap:8px;text-align:center}.paid-leaves-users table,.non-working-days-table,.users-section table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(min-width:1400px){.user-dashboard .summary-cards{grid-template-columns:repeat(7,1fr)}}.summary-scroll-container{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:16px;padding:0 0 18px;overflow-x:visible;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-top:0}.summary-scroll-container::-webkit-scrollbar{height:8px}.summary-scroll-container::-webkit-scrollbar-track{background:#e0e0e0;border-radius:4px}.summary-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px}.summary-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#5a6fd6,#6a4190)}.summary-card.combined-card{min-width:0;max-width:none;flex-shrink:0;border-radius:10px;padding:0!important;background:#fff;border:1px solid rgba(220,226,235,.9);box-shadow:0 8px 20px #04182e29;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;margin:0!important;min-height:auto!important}.summary-card.combined-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #04182e33}.combined-card .card-header{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid #e0e0e0;background:#f5f5f5;margin:0}.combined-card .card-icon{font-size:20px}.combined-card .card-header h4{margin:0;font-size:14px;font-weight:700;color:#243b53}.combined-card .card-content{padding:4px 12px 8px;display:flex;flex-direction:column;gap:0}.combined-card .stat-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f0f0f0}.combined-card .stat-row:last-child{border-bottom:none}.combined-card .stat-row.paid-leaves-divider,.combined-card .stat-row.working-days-divider{border-top:2px solid #d7d7d7;margin-top:4px;padding-top:10px}.time-minutes-card .split-summary-content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;padding:0}.time-minutes-card .summary-split-section{min-width:0;padding:8px 12px 10px}.time-minutes-card .summary-split-section+.summary-split-section{border-left:1px solid #d7dee8}.time-minutes-card .split-section-title{display:flex;align-items:center;gap:7px;min-height:32px;margin-bottom:2px;color:#243b53;font-size:13px;font-weight:800}.time-minutes-card .split-section-icon{width:16px;height:16px;color:#52606d}.time-minutes-card .stat-row{gap:10px}.combined-card .stat-label{font-size:13px;color:#52606d;font-weight:500;min-width:0;padding-right:10px}.combined-card .stat-value{font-size:14px;font-weight:800;color:#243b53;white-space:nowrap}.combined-card .stat-value.primary{color:#1976d2}.combined-card .stat-value.success{color:#388e3c}.combined-card .stat-value.warning{color:#f57c00}.combined-card .stat-value.error{color:#d32f2f}.combined-card .stat-note{margin:8px 0 0;padding-top:8px;border-top:1px solid #d7d7d7;color:#66788a;font-size:12px;line-height:1.35;font-weight:600}.lifetime-summary-panel{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,2.3fr);gap:14px;align-items:stretch;margin:-8px 0 18px;padding:14px;border-radius:16px;border:1px solid rgba(64,112,244,.22);background:#f7fbff;box-shadow:0 8px 18px #1a3f7014}.lifetime-summary-heading{display:flex;flex-direction:column;justify-content:center;min-height:76px;padding:12px 14px;border-radius:12px;background:#f1f6fb;border:1px solid #d7e3f0;color:#17324d}.lifetime-summary-heading span,.lifetime-summary-heading strong{font-size:17px;line-height:1.15;font-weight:800}.lifetime-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px}.lifetime-summary-item{display:flex;flex-direction:column;justify-content:center;min-height:76px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid rgba(210,221,235,.9)}.lifetime-summary-item span{color:#52606d;font-size:11px;font-weight:800;line-height:1.2;text-transform:uppercase}.lifetime-summary-item strong{margin-top:6px;color:#17324d;font-size:22px;line-height:1}.lifetime-summary-item.late{border-left:4px solid #f59e0b}.lifetime-summary-item.paid{border-left:4px solid #16a34a}.lifetime-summary-item.unpaid{border-left:4px solid #dc2626}@media(max-width:900px){.lifetime-summary-panel{grid-template-columns:1fr}.lifetime-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.lifetime-summary-grid{grid-template-columns:1fr}}.combined-card .highlight-row{background:#f5f5f5;margin:4px -12px -8px;padding:8px 12px;border-top:1px solid #e0e0e0}.combined-card .highlight-row .stat-label{font-weight:600;color:#333;font-size:12px}.combined-card .highlight-row .stat-value{font-size:15px}.combined-card .net-result-row{background:#f5f5f5;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;border-top:1px solid #e0e0e0}.combined-card .net-result-row .stat-label{font-weight:600;color:#333;font-size:12px}.combined-card .net-result-row .stat-value{font-size:15px}.working-days-card .card-header{background:linear-gradient(135deg,#e6f0ff,#d4e4ff);border-left:4px solid #667eea}.leaves-card .card-header,.month-summary-card .card-header{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid #ff9800}.paid-card .card-header{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #4caf50}.time-card .card-header{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border-left:4px solid #e91e63}.minutes-card .card-header{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-left:4px solid #9c27b0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.summary-scroll-container .summary-card.combined-card{animation:fadeInUp .4s ease forwards}.summary-scroll-container .summary-card.combined-card:nth-child(1){animation-delay:.05s}.summary-scroll-container .summary-card.combined-card:nth-child(2){animation-delay:.1s}.summary-scroll-container .summary-card.combined-card:nth-child(3){animation-delay:.15s}@media(max-width:768px){.user-dashboard-toolbar{align-items:stretch!important;flex-direction:column;padding:18px!important}.month-selector-control{width:100%}.user-dashboard-toolbar select{flex:1;min-width:0}.user-dashboard .summary-cards.common-cards{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important}.summary-scroll-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 8px;gap:12px}.summary-card.combined-card{min-width:230px;scroll-snap-align:start}}.user-dashboard .table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.user-dashboard .attendance-table{min-width:960px}.user-dashboard .card{border-radius:10px;border:1px solid rgba(220,226,235,.9);box-shadow:0 8px 20px #04182e24}@media(min-width:1280px){.user-dashboard .main-content{padding:30px 36px}.summary-scroll-container{grid-template-columns:repeat(4,minmax(240px,1fr))}}@media(max-width:1199px){.user-dashboard .main-content{padding:24px}.user-dashboard-toolbar{flex-direction:column;align-items:stretch!important}.user-dashboard .summary-cards.common-cards{width:100%}.summary-scroll-container{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media(max-width:900px){.user-dashboard .sidebar{width:260px}.user-dashboard-toolbar{padding:20px!important;gap:18px!important}.month-selector-control,.month-selector-control select{width:100%}.user-dashboard .summary-card.small-card{min-height:76px}.user-dashboard .summary-card.small-card h4{font-size:12px}.user-dashboard .summary-card.small-card .summary-value{font-size:24px}}@media(max-width:768px){.dashboard.user-dashboard:not(.iframe-mode) .main-content{padding:72px 14px 18px}.dashboard.user-dashboard.iframe-mode .main-content{padding:14px}.dashboard.user-dashboard.iframe-mode .hamburger-btn{display:none}.user-dashboard-toolbar{margin-bottom:14px!important}.user-dashboard .summary-cards.common-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.user-dashboard .summary-card.small-card{padding:10px 8px}.summary-scroll-container{display:grid;grid-template-columns:1fr;overflow:visible;padding:0 0 14px}.summary-card.combined-card{min-width:0;width:100%}.combined-card .card-header{padding:12px 14px}.combined-card .stat-row{padding:8px 0}.combined-card .stat-label{font-size:13px}.combined-card .stat-value{font-size:14px}.save-extra-work-banner{align-items:stretch;flex-direction:column;gap:10px}}@media(max-width:520px){.user-dashboard-toolbar{padding:16px!important}.month-selector-control{align-items:stretch;flex-direction:column;gap:8px}.user-dashboard .summary-cards.common-cards{grid-template-columns:1fr!important}.user-dashboard .summary-card.small-card{align-items:center;min-height:68px}.user-dashboard .summary-card.small-card .summary-value{font-size:23px}.combined-card .stat-row{gap:12px}.combined-card .stat-label{overflow-wrap:anywhere}}.dashboard:not(.user-dashboard){background:#eef3f8;color:#17212b}.dashboard:not(.user-dashboard) .sidebar{width:286px;background:linear-gradient(180deg,#12385f,#0a3157);box-shadow:inset -1px 0 #ffffff14,8px 0 24px #091e3624}.dashboard:not(.user-dashboard) .sidebar h2{margin:18px 0 24px;padding:0 24px;text-align:left;font-size:24px;line-height:1.2}.dashboard:not(.user-dashboard) .sidebar nav{gap:8px;padding:0 14px}.dashboard:not(.user-dashboard) .sidebar nav button{min-height:46px;border-radius:8px;padding:12px 16px;background:#ffffff1a;font-weight:600;line-height:1.25}.dashboard:not(.user-dashboard) .sidebar nav button:hover{background:#ffffff2e;transform:translate(3px)}.dashboard:not(.user-dashboard) .sidebar nav button.active{background:#fff;color:#12385f;box-shadow:0 8px 18px #04182e2e}.dashboard:not(.user-dashboard) .sidebar nav button.logout-btn{margin-top:12px;background:#894a63b3}.dashboard:not(.user-dashboard) .main-content{padding:28px 32px;background:radial-gradient(circle at top right,rgba(52,127,201,.16),transparent 34%),linear-gradient(135deg,#17395f,#073766)}.dashboard:not(.user-dashboard) .card{margin-bottom:22px;padding:24px;border:1px solid rgba(220,226,235,.95);border-radius:10px;box-shadow:0 8px 22px #04182e29}.dashboard:not(.user-dashboard) .card h3{margin-bottom:18px;color:#17212b;font-size:19px;line-height:1.25}.dashboard:not(.user-dashboard) .card h4{color:#263b4f;font-size:15px}.dashboard:not(.user-dashboard) .form-row,.dashboard:not(.user-dashboard) .upload-form,.dashboard:not(.user-dashboard) .holiday-form,.dashboard:not(.user-dashboard) .paid-leaves-form,.dashboard:not(.user-dashboard) .non-working-days-form,.dashboard:not(.user-dashboard) .user-non-working-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end}.dashboard:not(.user-dashboard) input,.dashboard:not(.user-dashboard) select,.dashboard:not(.user-dashboard) textarea{border:1px solid #d6dde7;border-radius:8px;color:#17212b;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.dashboard:not(.user-dashboard) input:focus,.dashboard:not(.user-dashboard) select:focus,.dashboard:not(.user-dashboard) textarea:focus{outline:none;border-color:#2f80d1;box-shadow:0 0 0 3px #2f80d124}.dashboard:not(.user-dashboard) .btn-primary,.dashboard:not(.user-dashboard) .btn-success,.dashboard:not(.user-dashboard) .btn-edit,.dashboard:not(.user-dashboard) .btn-secondary,.dashboard:not(.user-dashboard) .btn-small{border-radius:8px;font-weight:700;box-shadow:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.dashboard:not(.user-dashboard) .btn-primary:hover,.dashboard:not(.user-dashboard) .btn-success:hover,.dashboard:not(.user-dashboard) .btn-edit:hover,.dashboard:not(.user-dashboard) .btn-secondary:hover,.dashboard:not(.user-dashboard) .btn-small:hover{transform:translateY(-1px);box-shadow:0 6px 14px #04182e29}.dashboard:not(.user-dashboard) .table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e1e7ef;border-radius:10px}.dashboard:not(.user-dashboard) table{min-width:760px;margin-top:0;background:#fff}.dashboard:not(.user-dashboard) table th{position:sticky;top:0;z-index:1;background:#f3f6fa;color:#17212b;font-size:13px;white-space:nowrap}.dashboard:not(.user-dashboard) table td{color:#17212b;vertical-align:middle}.dashboard:not(.user-dashboard) table tbody tr:hover{background:#f7fbff}.dashboard:not(.user-dashboard) .upload-card,.dashboard:not(.user-dashboard) .holiday-card,.dashboard:not(.user-dashboard) .paid-leaves-card,.dashboard:not(.user-dashboard) .non-working-days-card,.dashboard:not(.user-dashboard) .user-non-working-card{max-width:none}.dashboard:not(.user-dashboard) .upload-header,.dashboard:not(.user-dashboard) .holiday-header,.dashboard:not(.user-dashboard) .paid-leaves-header,.dashboard:not(.user-dashboard) .non-working-days-header,.dashboard:not(.user-dashboard) .user-non-working-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}.dashboard:not(.user-dashboard) .upload-month-year,.dashboard:not(.user-dashboard) .holiday-month-year,.dashboard:not(.user-dashboard) .paid-leaves-year,.dashboard:not(.user-dashboard) .non-working-days-month-year,.dashboard:not(.user-dashboard) .user-non-working-month-year{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;background:#e8f2ff;color:#114a82;font-weight:800;white-space:nowrap}.dashboard:not(.user-dashboard) .upload-area{border-color:#b7c8dc;background:#f7fbff;border-radius:10px}.dashboard:not(.user-dashboard) .upload-label{background:#12385f;border-radius:8px}.dashboard:not(.user-dashboard) .holiday-counts,.dashboard:not(.user-dashboard) .user-non-working-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.dashboard:not(.user-dashboard) .holiday-input-group,.dashboard:not(.user-dashboard) .user-non-working-summary .summary-box,.dashboard:not(.user-dashboard) .selected-dates-summary{border-radius:10px;border-color:#dce6f0;box-shadow:0 4px 12px #04182e0f}.dashboard:not(.user-dashboard) .days-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.dashboard:not(.user-dashboard) .days-grid .day-btn{min-height:48px;border-radius:8px}.dashboard:not(.user-dashboard) .attendance-adjustment-grid{grid-template-columns:minmax(190px,.9fr) minmax(190px,.9fr) minmax(280px,2fr)}.dashboard:not(.user-dashboard) .attendance-adjustment-grid.second-row{grid-template-columns:minmax(180px,auto) minmax(280px,1fr) minmax(150px,auto)}.dashboard:not(.user-dashboard) .view-user-section iframe{width:100%;min-height:740px}@media(max-width:1200px){.dashboard:not(.user-dashboard) .main-content{padding:24px}.dashboard:not(.user-dashboard) .attendance-adjustment-grid,.dashboard:not(.user-dashboard) .attendance-adjustment-grid.second-row{grid-template-columns:1fr 1fr}.dashboard:not(.user-dashboard) .attendance-adjustment-grid input:last-child,.dashboard:not(.user-dashboard) .attendance-adjustment-grid.second-row input{grid-column:1 / -1}}@media(max-width:900px){.dashboard:not(.user-dashboard) .sidebar{width:260px}.dashboard:not(.user-dashboard) .card{padding:20px}.dashboard:not(.user-dashboard) .form-row,.dashboard:not(.user-dashboard) .upload-form,.dashboard:not(.user-dashboard) .holiday-form,.dashboard:not(.user-dashboard) .paid-leaves-form,.dashboard:not(.user-dashboard) .non-working-days-form,.dashboard:not(.user-dashboard) .user-non-working-form,.dashboard:not(.user-dashboard) .attendance-adjustment-grid,.dashboard:not(.user-dashboard) .attendance-adjustment-grid.second-row{grid-template-columns:1fr}.dashboard:not(.user-dashboard) .attendance-adjustment-grid input:last-child,.dashboard:not(.user-dashboard) .attendance-adjustment-grid.second-row input{grid-column:auto}}@media(max-width:768px){.dashboard:not(.user-dashboard) .main-content{padding:72px 14px 18px}.dashboard:not(.user-dashboard) .hamburger-btn{display:block}.dashboard:not(.user-dashboard) .sidebar{left:-280px;padding-top:64px}.dashboard:not(.user-dashboard) .sidebar.open{left:0}.dashboard:not(.user-dashboard) .card{padding:16px;margin-bottom:16px}.dashboard:not(.user-dashboard) .card h3{font-size:18px}.dashboard:not(.user-dashboard) .upload-header,.dashboard:not(.user-dashboard) .holiday-header,.dashboard:not(.user-dashboard) .paid-leaves-header,.dashboard:not(.user-dashboard) .non-working-days-header,.dashboard:not(.user-dashboard) .user-non-working-header{align-items:flex-start;flex-direction:column}.dashboard:not(.user-dashboard) .upload-area{padding:24px 16px}.dashboard:not(.user-dashboard) .btn-primary,.dashboard:not(.user-dashboard) .btn-save-holiday,.dashboard:not(.user-dashboard) .btn-save-non-working{width:100%}.dashboard:not(.user-dashboard) .view-user-section iframe{min-height:680px}}@media(max-width:520px){.dashboard:not(.user-dashboard) .main-content{padding-left:10px;padding-right:10px}.dashboard:not(.user-dashboard) .card{padding:14px;border-radius:8px}.dashboard:not(.user-dashboard) table{min-width:680px}.dashboard:not(.user-dashboard) .holiday-counts,.dashboard:not(.user-dashboard) .user-non-working-summary,.dashboard:not(.user-dashboard) .days-grid{grid-template-columns:1fr}}.dashboard{background:radial-gradient(circle at 12% 0%,rgba(73,155,230,.2),transparent 30%),radial-gradient(circle at 94% 8%,rgba(255,255,255,.14),transparent 26%),linear-gradient(135deg,#17395f,#073766 56%,#052846)}.dashboard .main-content,.user-dashboard .main-content,.dashboard:not(.user-dashboard) .main-content{background:radial-gradient(circle at top right,rgba(83,166,240,.2),transparent 32%),radial-gradient(circle at 8% 14%,rgba(255,255,255,.1),transparent 26%),linear-gradient(135deg,#17395f,#073766 58%,#052846)}.dashboard .sidebar,.user-dashboard .sidebar,.dashboard:not(.user-dashboard) .sidebar{border-right:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#17395ff0,#083056f5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dashboard .sidebar nav button{border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard .sidebar nav button.active{border-color:#ffffff9e}.card,.month-selector,.summary-card.combined-card,.user-dashboard .summary-card.small-card,.MuiPaper-root{background:#ffffffe6!important;border:1px solid rgba(255,255,255,.62)!important;box-shadow:0 14px 34px #0214262e!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card:hover,.summary-card.combined-card:hover,.user-dashboard .summary-card.small-card:hover{box-shadow:0 18px 42px #0214263b!important}.combined-card .card-header{border-bottom:1px solid rgba(214,221,231,.75)}.working-days-card .card-header{background:linear-gradient(135deg,#e6f0fff2,#d4e4ffe0)!important}.leaves-card .card-header{background:linear-gradient(135deg,#fff3e0f5,#ffe0b2e0)!important}.time-card .card-header{background:linear-gradient(135deg,#fce4ecf5,#f8bbd0e0)!important}.minutes-card .card-header{background:linear-gradient(135deg,#f3e5f5f5,#e1bee7e0)!important}input,select,textarea,.MuiInputBase-root,.MuiOutlinedInput-root{border-radius:10px!important}input,select,textarea{min-height:40px}button,.btn-primary,.btn-success,.btn-edit,.btn-secondary,.btn-small,.upload-label,.MuiButton-root{border-radius:10px!important}.btn-primary,.upload-label{background:linear-gradient(135deg,#155b94,#0b3a66)!important}.table-container,.MuiTableContainer-root{background:#ffffffe6;border:1px solid rgba(255,255,255,.58);border-radius:12px!important;box-shadow:0 14px 34px #02142624;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}table th,.MuiTableCell-head{background:#f3f6faf2!important;color:#17212b!important;font-weight:800!important}table td,.MuiTableCell-body{color:#17212b!important}.role-badge,.upload-month-year,.holiday-month-year,.paid-leaves-year,.non-working-days-month-year,.user-non-working-month-year,.MuiChip-root{border-radius:999px!important}.hamburger-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media(min-width:1440px){.dashboard .main-content{padding:34px 42px}}@media(max-width:1024px){.card,.month-selector{border-radius:12px!important}}@media(max-width:768px){.dashboard .main-content{padding-left:14px;padding-right:14px}.card,.month-selector,.summary-card.combined-card{border-radius:12px!important}table th,table td,.MuiTableCell-root{padding:10px 12px!important}}@media(max-width:480px){.dashboard .main-content{padding-left:10px;padding-right:10px}.card{padding:14px}table th,table td,.MuiTableCell-root{font-size:12px!important}}.dashboard:not(.user-dashboard) .holidays-section{width:100%}.dashboard:not(.user-dashboard) .holiday-card{width:min(100%,1080px);margin:0 auto;padding:clamp(20px,3vw,32px)}.dashboard:not(.user-dashboard) .holiday-header{align-items:flex-start;padding-bottom:18px;border-bottom:1px solid rgba(214,221,231,.8)}.dashboard:not(.user-dashboard) .holiday-header h3{margin:0;color:#102a43;font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:0}.dashboard:not(.user-dashboard) .holiday-month-year{padding:8px 14px;background:#155b941a;color:#155b94;border:1px solid rgba(21,91,148,.18);font-size:13px}.dashboard:not(.user-dashboard) .holiday-card>.holiday-description:first-of-type{max-width:860px;margin:18px 0 22px;color:#52606d;font-size:14px}.dashboard:not(.user-dashboard) .holiday-form{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;margin-bottom:22px}.dashboard:not(.user-dashboard) .holiday-select-group label,.dashboard:not(.user-dashboard) .holiday-card .holiday-description label{color:#243b53;font-size:13px;font-weight:800}.dashboard:not(.user-dashboard) .holiday-select-group select,.dashboard:not(.user-dashboard) .holiday-card .holiday-description:last-of-type input{min-height:46px;border:1px solid #d6dde7;border-radius:10px;background:#fffffff0;color:#17212b;font-size:14px}.dashboard:not(.user-dashboard) .holiday-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0 22px}.dashboard:not(.user-dashboard) .holiday-input-group{position:relative;min-height:160px;padding:22px 18px 20px;overflow:hidden;border:1px solid rgba(214,221,231,.8);border-radius:14px;background:linear-gradient(180deg,#fffffff5,#f7fbffe6);box-shadow:0 10px 24px #02142614}.dashboard:not(.user-dashboard) .holiday-input-group:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:#2f80d1}.dashboard:not(.user-dashboard) .holiday-input-group.saturday:before{background:#2f80d1}.dashboard:not(.user-dashboard) .holiday-input-group.sunday:before{background:#2e7d32}.dashboard:not(.user-dashboard) .holiday-input-group.holiday:before{background:#f59e0b}.dashboard:not(.user-dashboard) .holiday-input-group:hover{transform:translateY(-3px);box-shadow:0 16px 30px #02142621}.dashboard:not(.user-dashboard) .holiday-input-group .input-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0 auto 12px;border-radius:12px;background:#155b9414;color:#155b94;font-size:25px;line-height:1}.dashboard:not(.user-dashboard) .holiday-input-group label{margin-bottom:12px;color:#52606d;font-size:13px;font-weight:700}.dashboard:not(.user-dashboard) .holiday-input-group input{width:104px;min-height:44px;padding:8px 10px;border:1px solid #cdd8e5;border-radius:10px;color:#102a43;font-size:20px;font-weight:800;background:#fff}.dashboard:not(.user-dashboard) .holiday-summary{min-height:62px;margin:0 0 20px;padding:14px 20px;border:1px solid rgba(21,91,148,.2);border-radius:12px;background:linear-gradient(135deg,#155b94f2,#0b3a66f2);box-shadow:0 14px 28px #0b3a6633}.dashboard:not(.user-dashboard) .holiday-summary .summary-label{font-size:14px;font-weight:800}.dashboard:not(.user-dashboard) .holiday-summary .summary-value{font-size:30px;line-height:1}.dashboard:not(.user-dashboard) .holiday-card .holiday-description:last-of-type{margin-bottom:18px}.dashboard:not(.user-dashboard) .holiday-card .holiday-description:last-of-type label{display:block;margin-bottom:8px}.dashboard:not(.user-dashboard) .btn-save-holiday{min-height:50px;background:linear-gradient(135deg,#155b94,#073766)!important;border-radius:12px!important;font-size:15px;letter-spacing:0}.dashboard:not(.user-dashboard) .holiday-calendar-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;margin:0 0 20px}.dashboard:not(.user-dashboard) .holiday-calendar-panel,.dashboard:not(.user-dashboard) .holiday-editor-panel,.dashboard:not(.user-dashboard) .holiday-list-panel{border:1px solid rgba(214,221,231,.9);border-radius:12px;background:#fffffff0;padding:16px}.dashboard:not(.user-dashboard) .holiday-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.dashboard:not(.user-dashboard) .holiday-panel-header>div:first-child{display:grid;gap:4px}.dashboard:not(.user-dashboard) .holiday-panel-header h4{margin:0;color:#102a43;font-size:16px;font-weight:800;letter-spacing:0}.dashboard:not(.user-dashboard) .holiday-panel-header span{color:#627386;font-size:12px;font-weight:700;text-align:right}.dashboard:not(.user-dashboard) .holiday-panel-header>div:first-child span{text-align:left}.dashboard:not(.user-dashboard) .holiday-calendar-nav{display:grid;grid-template-columns:34px minmax(150px,auto) 34px;align-items:center;gap:8px}.dashboard:not(.user-dashboard) .holiday-calendar-nav strong{color:#102a43;font-size:15px;font-weight:900;text-align:center;white-space:nowrap}.dashboard:not(.user-dashboard) .holiday-calendar-nav button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #cdd8e5;border-radius:50%;background:#fff;color:#155b94;cursor:pointer;font-size:16px;font-weight:900;line-height:1}.dashboard:not(.user-dashboard) .holiday-side-toggle{display:inline-flex;gap:6px}.dashboard:not(.user-dashboard) .holiday-side-toggle button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #cdd8e5;border-radius:50%;background:#fff;color:#155b94;cursor:pointer;font-size:16px;font-weight:900;line-height:1}.dashboard:not(.user-dashboard) .holiday-side-toggle button.active{border-color:#155b94;background:#155b94;color:#fff}.dashboard:not(.user-dashboard) .holiday-weekdays,.dashboard:not(.user-dashboard) .holiday-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.dashboard:not(.user-dashboard) .holiday-weekdays{margin-bottom:8px}.dashboard:not(.user-dashboard) .holiday-weekdays span{padding:8px 4px;border:1px solid #e1e8f0;border-radius:8px;background:#f6f9fc;color:#52606d;font-size:12px;font-weight:800;text-align:center}.dashboard:not(.user-dashboard) .holiday-calendar-empty,.dashboard:not(.user-dashboard) .holiday-calendar-day{min-height:76px}.dashboard:not(.user-dashboard) .holiday-calendar-day{--holiday-day-color: #f59e0b;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;width:100%;padding:9px;border:1px solid #d6dde7;border-radius:8px;background:#fff;color:#102a43;cursor:pointer;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.dashboard:not(.user-dashboard) .holiday-calendar-day:hover,.dashboard:not(.user-dashboard) .holiday-calendar-day.selected{border-color:#155b94;box-shadow:0 10px 20px #155b9424;transform:translateY(-1px)}.dashboard:not(.user-dashboard) .holiday-calendar-day.sunday{border-color:#f59e0b5c;background:#fff7e6}.dashboard:not(.user-dashboard) .holiday-calendar-day.saturday-off-summary{border-color:#f59e0b61;background:#fff7e6}.dashboard:not(.user-dashboard) .holiday-calendar-day.has-saturday-offs{border-color:#f59e0b;background:#ffedd5;box-shadow:inset 0 4px #f59e0b}.dashboard:not(.user-dashboard) .holiday-calendar-day.marked{border-color:var(--holiday-day-color);background:color-mix(in srgb,var(--holiday-day-color) 16%,white);box-shadow:inset 0 4px 0 var(--holiday-day-color)}.dashboard:not(.user-dashboard) .holiday-calendar-day.selected .holiday-day-number{background:#155b94;color:#fff}.dashboard:not(.user-dashboard) .holiday-day-number{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:8px;font-size:13px;font-weight:900}.dashboard:not(.user-dashboard) .holiday-day-title{display:-webkit-box;overflow:hidden;color:#243b53;font-size:12px;font-weight:800;line-height:1.25;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dashboard:not(.user-dashboard) .holiday-date-fields{display:grid;gap:12px}.dashboard:not(.user-dashboard) .holiday-date-fields label{display:grid;gap:7px;color:#243b53;font-size:13px;font-weight:800}.dashboard:not(.user-dashboard) .holiday-date-fields input[type=text],.dashboard:not(.user-dashboard) .holiday-date-fields textarea{width:100%;border:1px solid #d6dde7;border-radius:10px;color:#17212b;font-size:14px;background:#fff}.dashboard:not(.user-dashboard) .holiday-date-fields textarea{resize:vertical;min-height:86px}.dashboard:not(.user-dashboard) .holiday-color-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.dashboard:not(.user-dashboard) .holiday-color-swatch{width:30px;height:30px;border:2px solid transparent;border-radius:50%;cursor:pointer}.dashboard:not(.user-dashboard) .holiday-color-swatch.active{border-color:#102a43;box-shadow:0 0 0 3px #102a431f}.dashboard:not(.user-dashboard) .holiday-color-row input[type=color]{width:42px;height:32px;padding:0;border:1px solid #d6dde7;border-radius:8px;background:#fff}.dashboard:not(.user-dashboard) .holiday-editor-actions{display:flex;gap:10px;margin-top:16px}.dashboard:not(.user-dashboard) .holiday-editor-actions button{min-height:42px;flex:1}.dashboard:not(.user-dashboard) .holiday-comp-users-list{display:grid;gap:10px}.dashboard:not(.user-dashboard) .holiday-comp-user{display:grid;gap:3px;padding:12px;border:1px solid #f59e0b;border-radius:10px;background:#fff7e6}.dashboard:not(.user-dashboard) .holiday-comp-user strong{color:#102a43;font-size:14px;font-weight:900}.dashboard:not(.user-dashboard) .holiday-comp-user span{color:#627386;font-size:12px;font-weight:800}.dashboard:not(.user-dashboard) .holiday-comp-date-group{display:grid;gap:8px}.dashboard:not(.user-dashboard) .holiday-comp-date-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgba(245,158,11,.35);border-radius:8px;background:#ffedd5;color:#92400e;font-size:13px;font-weight:900}.dashboard:not(.user-dashboard) .holiday-comp-date-heading span{flex:0 0 auto;color:#92400e;font-size:12px}.dashboard:not(.user-dashboard) .holiday-list-panel{margin:0 0 20px}.dashboard:not(.user-dashboard) .admin-saturday-off-panel{display:grid;gap:14px;margin:0 0 20px;padding:16px;border:1px solid rgba(214,221,231,.9);border-radius:10px;background:#f8fafc}.dashboard:not(.user-dashboard) .admin-saturday-save-all{min-height:40px;white-space:nowrap}.dashboard:not(.user-dashboard) .admin-saturday-off-grid{display:grid;gap:10px}.dashboard:not(.user-dashboard) .admin-common-saturday-row{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(21,91,148,.28);border-radius:8px;background:#155b940f}.dashboard:not(.user-dashboard) .admin-saturday-off-row{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #d8e2ed;border-radius:8px;background:#fff}.dashboard:not(.user-dashboard) .admin-saturday-off-row.complete{border-color:#2e7d3259}.dashboard:not(.user-dashboard) .admin-saturday-off-row.incomplete{border-color:#f59e0b73}.dashboard:not(.user-dashboard) .admin-saturday-employee{display:grid;gap:3px;min-width:0}.dashboard:not(.user-dashboard) .admin-saturday-employee strong{overflow:hidden;color:#102a43;font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.dashboard:not(.user-dashboard) .admin-saturday-employee span,.dashboard:not(.user-dashboard) .admin-saturday-employee small{color:#627386;font-size:12px;font-weight:800}.dashboard:not(.user-dashboard) .admin-saturday-date-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.dashboard:not(.user-dashboard) .admin-saturday-date{display:grid;gap:3px;min-height:54px;padding:9px 10px;border:1px solid #d8e2ed;border-radius:8px;background:#fff7e6;color:#102a43;cursor:pointer;text-align:left}.dashboard:not(.user-dashboard) .admin-saturday-date.selected{border-color:#155b94;background:#155b941a;box-shadow:inset 0 3px #155b94}.dashboard:not(.user-dashboard) .admin-saturday-date span{font-size:13px;font-weight:900}.dashboard:not(.user-dashboard) .admin-saturday-date small{color:#627386;font-size:11px;font-weight:800}.dashboard:not(.user-dashboard) .admin-saturday-save-one{min-width:74px;min-height:38px}.dashboard:not(.user-dashboard) .admin-saturday-apply-all{min-width:112px;min-height:38px}.dashboard:not(.user-dashboard) .holiday-empty-list{margin:0;color:#627386;font-size:14px}.dashboard:not(.user-dashboard) .holiday-list{display:grid;gap:8px;max-height:280px;overflow:auto}.dashboard:not(.user-dashboard) .holiday-list-item{display:grid;grid-template-columns:14px 110px minmax(140px,.7fr) minmax(160px,1fr);align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid #e1e8f0;border-radius:10px;background:#fff;color:#17212b;cursor:pointer;text-align:left}.dashboard:not(.user-dashboard) .holiday-list-item.current-month{border-color:#155b9459;background:#155b940f}.dashboard:not(.user-dashboard) .holiday-list-color{width:12px;height:12px;border-radius:50%}.dashboard:not(.user-dashboard) .holiday-list-date,.dashboard:not(.user-dashboard) .holiday-list-title{font-size:13px;font-weight:800}.dashboard:not(.user-dashboard) .holiday-list-remark{overflow:hidden;color:#627386;font-size:13px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.dashboard:not(.user-dashboard) .holiday-form,.dashboard:not(.user-dashboard) .holiday-counts{grid-template-columns:1fr}.dashboard:not(.user-dashboard) .holiday-calendar-layout{grid-template-columns:1fr}.dashboard:not(.user-dashboard) .holiday-panel-header{flex-direction:column}.dashboard:not(.user-dashboard) .holiday-calendar-nav{width:100%;grid-template-columns:38px 1fr 38px}.dashboard:not(.user-dashboard) .holiday-list-item{grid-template-columns:14px 100px minmax(0,1fr)}.dashboard:not(.user-dashboard) .holiday-list-remark{grid-column:3}.dashboard:not(.user-dashboard) .holiday-input-group{min-height:138px}.dashboard:not(.user-dashboard) .admin-common-saturday-row,.dashboard:not(.user-dashboard) .admin-saturday-off-row{grid-template-columns:1fr}.dashboard:not(.user-dashboard) .admin-saturday-save-one,.dashboard:not(.user-dashboard) .admin-saturday-apply-all,.dashboard:not(.user-dashboard) .admin-saturday-save-all{width:100%}}@media(max-width:520px){.dashboard:not(.user-dashboard) .holiday-card{padding:16px}.dashboard:not(.user-dashboard) .holiday-summary{align-items:flex-start;flex-direction:column;gap:8px}.dashboard:not(.user-dashboard) .holiday-calendar-panel,.dashboard:not(.user-dashboard) .holiday-editor-panel,.dashboard:not(.user-dashboard) .holiday-list-panel{padding:12px}.dashboard:not(.user-dashboard) .holiday-weekdays,.dashboard:not(.user-dashboard) .holiday-calendar-grid{gap:5px}.dashboard:not(.user-dashboard) .holiday-calendar-empty,.dashboard:not(.user-dashboard) .holiday-calendar-day{min-height:64px}.dashboard:not(.user-dashboard) .holiday-calendar-day{padding:5px}.dashboard:not(.user-dashboard) .holiday-day-number{min-width:22px;height:22px;font-size:12px}.dashboard:not(.user-dashboard) .holiday-day-title{font-size:10px}.dashboard:not(.user-dashboard) .holiday-list-item{grid-template-columns:12px 1fr}.dashboard:not(.user-dashboard) .holiday-list-date,.dashboard:not(.user-dashboard) .holiday-list-title,.dashboard:not(.user-dashboard) .holiday-list-remark{grid-column:2}}:where(.dashboard){--surface: rgba(255, 255, 255, .9);--surface-strong: rgba(255, 255, 255, .96);--surface-soft: rgba(247, 251, 255, .86);--line: rgba(214, 221, 231, .82);--text: #102a43;--muted: #52606d;--brand: #155b94;--brand-dark: #073766;--success: #2e7d32;--warning: #f57c00;--danger: #c62828;--shadow-sm: 0 8px 18px rgba(2, 20, 38, .1);--shadow-md: 0 16px 36px rgba(2, 20, 38, .18);--radius: 12px}.dashboard,.dashboard *{scrollbar-width:thin;scrollbar-color:rgba(21,91,148,.55) rgba(255,255,255,.22)}.dashboard ::-webkit-scrollbar{width:10px;height:10px}.dashboard ::-webkit-scrollbar-track{background:#ffffff38;border-radius:999px}.dashboard ::-webkit-scrollbar-thumb{background:#155b948c;border:2px solid rgba(255,255,255,.18);border-radius:999px}.dashboard .main-content{min-width:0}.dashboard .card,.dashboard .month-selector,.dashboard .summary-card,.dashboard .MuiPaper-root{color:var(--text)}.dashboard .card h3,.dashboard .card h4,.dashboard .MuiTypography-h4,.dashboard .MuiTypography-h5,.dashboard .MuiTypography-h6{color:var(--text);letter-spacing:0}.dashboard p,.dashboard label,.dashboard .helper-text,.dashboard .MuiTypography-body1,.dashboard .MuiTypography-body2,.dashboard .MuiTypography-subtitle2{color:var(--muted)}.dashboard input,.dashboard select,.dashboard textarea,.dashboard .MuiInputBase-root{max-width:100%}.dashboard input,.dashboard select,.dashboard textarea{font-family:inherit}.dashboard .MuiOutlinedInput-notchedOutline{border-color:#d6dde7!important}.dashboard .Mui-focused .MuiOutlinedInput-notchedOutline,.dashboard .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--brand)!important;box-shadow:0 0 0 3px #155b941f}.dashboard .MuiInputLabel-root{color:var(--muted)!important}.dashboard .MuiInputLabel-root.Mui-focused{color:var(--brand)!important}.dashboard .MuiButton-root{text-transform:none!important;font-weight:800!important;min-height:38px}.dashboard .MuiChip-root{font-weight:800}.dashboard .MuiTableContainer-root,.dashboard .table-container{overflow:auto}.dashboard .MuiTable-root{border-collapse:separate;border-spacing:0}.dashboard .MuiTableCell-root{border-color:#d6dde7d9!important}.dashboard .MuiTableHead-root .MuiTableCell-root{white-space:nowrap}.dashboard .MuiTableBody-root .MuiTableRow-root:hover,.dashboard table tbody tr:hover{background:#e8f2ffb8!important}.dashboard .role-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px}.dashboard .status{border-radius:10px}.dashboard .legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.dashboard .legend-item{display:flex;align-items:center;gap:8px;min-width:0}.dashboard .color-box{flex:0 0 auto}.dashboard .extra-work-cell{flex-wrap:wrap}.dashboard .extra-work-cell .remark-input{min-width:120px;flex:1}.dashboard .upload-area,.dashboard .user-non-working-days-list,.dashboard .user-working-days-select{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius)}.dashboard .selected-dates-summary,.dashboard .user-non-working-summary .summary-box,.dashboard .holiday-input-group{background:var(--surface-strong)}.dashboard .days-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.dashboard .days-grid .day-btn,.dashboard .days-grid .day-tag{min-width:0;overflow-wrap:anywhere}.dashboard.user-dashboard .main-content[style]{text-align:left!important}.dashboard.user-dashboard .main-content>.MuiBox-root:first-child{justify-content:flex-start;padding:20px;margin-bottom:18px;background:var(--surface);border:1px solid rgba(255,255,255,.62);border-radius:var(--radius);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dashboard.user-dashboard .main-content>.MuiBox-root:first-child .MuiFormControl-root{min-width:min(240px,100%)}.dashboard.user-dashboard .MuiPaper-root{overflow:hidden}.dashboard.user-dashboard .main-content>.MuiBox-root:last-child .MuiPaper-root{min-width:180px;flex:1 1 180px}.dashboard.user-dashboard .summary-card.combined-card{height:100%}.dashboard:not(.user-dashboard) .main-content>div{width:100%}.dashboard:not(.user-dashboard) .users-section,.dashboard:not(.user-dashboard) .upload-section,.dashboard:not(.user-dashboard) .holidays-section,.dashboard:not(.user-dashboard) .paid-leaves-section,.dashboard:not(.user-dashboard) .non-working-days-section,.dashboard:not(.user-dashboard) .user-non-working-section,.dashboard:not(.user-dashboard) .attendance-adjustment-section,.dashboard:not(.user-dashboard) .view-user-section{max-width:1180px;margin:0 auto}.dashboard:not(.user-dashboard) .view-user-section{max-width:1320px}.dashboard:not(.user-dashboard) .paid-leaves-users,.dashboard:not(.user-dashboard) .non-working-days-users{margin-top:18px}.dashboard:not(.user-dashboard) .paid-leaves-users h4,.dashboard:not(.user-dashboard) .non-working-days-users h4{color:var(--text);font-size:16px}.dashboard:not(.user-dashboard) .sandwich-counter-control{display:inline-flex;align-items:center;gap:6px;min-width:190px}.dashboard:not(.user-dashboard) .sandwich-counter-control input{width:58px;text-align:center}.dashboard:not(.user-dashboard) .counter-btn,.dashboard:not(.user-dashboard) .counter-reset-btn{border:1px solid rgba(15,68,115,.24);background:#fff;color:#123c63;border-radius:6px;cursor:pointer;font-weight:700;min-height:32px}.dashboard:not(.user-dashboard) .counter-btn{width:32px;padding:0}.dashboard:not(.user-dashboard) .counter-reset-btn{padding:0 10px}.dashboard:not(.user-dashboard) .counter-btn:hover,.dashboard:not(.user-dashboard) .counter-reset-btn:hover{background:#eef6ff}.dashboard:not(.user-dashboard) .attendance-adjustment-section .card{max-width:1100px;margin-left:auto;margin-right:auto}.dashboard:not(.user-dashboard) .attendance-adjustment-grid input,.dashboard:not(.user-dashboard) .attendance-adjustment-grid select{min-width:0}.dashboard:not(.user-dashboard) .view-user-section .MuiCard-root{background:var(--surface)!important;border:1px solid rgba(255,255,255,.62);border-radius:var(--radius);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dashboard:not(.user-dashboard) .view-user-section iframe{background:transparent;border-color:var(--line)!important;border-radius:var(--radius)!important}@media(min-width:1600px){.dashboard:not(.user-dashboard) .users-section,.dashboard:not(.user-dashboard) .upload-section,.dashboard:not(.user-dashboard) .holidays-section,.dashboard:not(.user-dashboard) .paid-leaves-section,.dashboard:not(.user-dashboard) .non-working-days-section,.dashboard:not(.user-dashboard) .user-non-working-section,.dashboard:not(.user-dashboard) .attendance-adjustment-section{max-width:1280px}.dashboard:not(.user-dashboard) .view-user-section{max-width:1480px}}@media(max-width:1100px){.dashboard:not(.user-dashboard) .paid-leaves-users table,.dashboard:not(.user-dashboard) .non-working-days-users table,.dashboard:not(.user-dashboard) .users-section table{min-width:860px}.dashboard.user-dashboard .main-content>.MuiBox-root:first-child{align-items:stretch;flex-direction:column}}@media(max-width:900px){.dashboard .card h3{font-size:18px}.dashboard:not(.user-dashboard) .upload-section,.dashboard:not(.user-dashboard) .holidays-section,.dashboard:not(.user-dashboard) .paid-leaves-section,.dashboard:not(.user-dashboard) .non-working-days-section,.dashboard:not(.user-dashboard) .user-non-working-section,.dashboard:not(.user-dashboard) .attendance-adjustment-section,.dashboard:not(.user-dashboard) .view-user-section{max-width:none}}@media(max-width:768px){.dashboard .sidebar nav button{min-height:44px}.dashboard .table-container,.dashboard .MuiTableContainer-root{border-radius:10px!important}.dashboard.user-dashboard .main-content>.MuiBox-root:first-child{padding:16px}.dashboard.user-dashboard .main-content>.MuiBox-root:last-child{display:grid!important;grid-template-columns:1fr}.dashboard.user-dashboard .main-content>.MuiBox-root:last-child .MuiPaper-root{min-width:0}.dashboard:not(.user-dashboard) .view-user-section iframe{min-height:620px}}@media(max-width:560px){.dashboard .card,.dashboard:not(.user-dashboard) .card{padding:14px}.dashboard .card h3{font-size:17px}.dashboard .MuiFormControl-root,.dashboard .MuiTextField-root,.dashboard input,.dashboard select,.dashboard textarea{width:100%}.dashboard .days-grid,.dashboard .legend{grid-template-columns:1fr}.dashboard.user-dashboard .main-content>.MuiBox-root:first-child{padding:14px}}@media(max-width:420px){.dashboard .main-content,.dashboard.user-dashboard:not(.iframe-mode) .main-content,.dashboard:not(.user-dashboard) .main-content{padding-left:8px;padding-right:8px}.dashboard .card,.dashboard:not(.user-dashboard) .card{padding:12px}}:root{--app-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.dashboard,.login-container,.MuiTypography-root,.MuiButton-root,.MuiInputBase-root{font-family:var(--app-font)!important}.dashboard{font-size:clamp(13px,.85vw,15px)}.dashboard h2,.dashboard .sidebar h2{font-size:clamp(22px,2vw,28px);font-weight:850;letter-spacing:0}.dashboard h3,.dashboard .card h3,.dashboard .MuiTypography-h5{font-size:clamp(19px,1.6vw,24px)!important;font-weight:850!important;letter-spacing:0!important}.dashboard h4,.dashboard .card h4,.combined-card .card-header h4{font-size:clamp(14px,1vw,16px)!important;font-weight:800!important}.dashboard p,.dashboard label,.dashboard input,.dashboard select,.dashboard textarea,.dashboard table,.dashboard .MuiTableCell-root{font-size:clamp(12px,.85vw,14px)!important}.dashboard table th,.dashboard .MuiTableCell-head{font-size:clamp(12px,.78vw,13px)!important;letter-spacing:0}.dashboard .summary-value,.dashboard .stat-value,.dashboard .MuiTypography-h4{letter-spacing:0!important}.dashboard .card,.dashboard .month-selector,.dashboard .summary-card,.dashboard .MuiPaper-root,.dashboard .MuiCard-root,.dashboard .table-container,.dashboard .MuiTableContainer-root{border-radius:18px!important}.dashboard input,.dashboard select,.dashboard textarea,.dashboard .MuiInputBase-root,.dashboard button,.dashboard .MuiButton-root,.dashboard .upload-label{border-radius:12px!important}.dashboard .sidebar nav button{border-radius:14px!important}.dashboard .card,.dashboard .summary-card,.dashboard .MuiPaper-root,.dashboard .MuiCard-root{background:linear-gradient(180deg,#fffffff0,#f6faffe0)!important;box-shadow:0 18px 42px #0214262e,inset 0 1px #ffffffbf!important}.dashboard .card,.dashboard .summary-card.combined-card,.dashboard .MuiPaper-root{animation:uiFadeUp .42s ease both}.dashboard .sidebar nav button,.dashboard .btn-primary,.dashboard .btn-success,.dashboard .btn-edit,.dashboard .btn-secondary,.dashboard .btn-small,.dashboard .MuiButton-root,.dashboard .upload-label{position:relative;overflow:hidden}.dashboard .sidebar nav button:before,.dashboard .btn-primary:before,.dashboard .btn-success:before,.dashboard .btn-edit:before,.dashboard .btn-secondary:before,.dashboard .btn-small:before,.dashboard .MuiButton-root:before,.dashboard .upload-label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.22) 45%,transparent 75%);transform:translate(-120%);transition:transform .55s ease;pointer-events:none}.dashboard .sidebar nav button:hover:before,.dashboard .btn-primary:hover:before,.dashboard .btn-success:hover:before,.dashboard .btn-edit:hover:before,.dashboard .btn-secondary:hover:before,.dashboard .btn-small:hover:before,.dashboard .MuiButton-root:hover:before,.dashboard .upload-label:hover:before{transform:translate(120%)}.dashboard .sidebar nav button:hover,.dashboard .btn-primary:hover,.dashboard .btn-success:hover,.dashboard .btn-edit:hover,.dashboard .btn-secondary:hover,.dashboard .btn-small:hover,.dashboard .MuiButton-root:hover,.dashboard .upload-label:hover{transform:translateY(-2px)}.dashboard .card:hover,.dashboard .summary-card:hover,.dashboard .MuiPaper-root:hover,.dashboard .MuiCard-root:hover{transform:translateY(-2px)}.dashboard .sidebar nav button,.combined-card .card-icon,.holiday-input-group .input-icon{font-size:clamp(14px,1vw,16px)}.combined-card .card-icon,.holiday-input-group .input-icon{filter:drop-shadow(0 4px 8px rgba(2,20,38,.15))}.MuiSnackbar-root{z-index:2000!important}.MuiSnackbar-root .MuiAlert-root{border-radius:14px!important;box-shadow:0 18px 42px #02142642!important;font-family:var(--app-font)!important;font-weight:750!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@keyframes uiFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.dashboard *,.login-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:768px){.dashboard{font-size:13px}.dashboard .card,.dashboard .month-selector,.dashboard .summary-card,.dashboard .MuiPaper-root,.dashboard .MuiCard-root,.dashboard .table-container,.dashboard .MuiTableContainer-root{border-radius:14px!important}}.user-dashboard .card:has(.attendance-table),.user-dashboard .card:has(.user-attendance-calendar){overflow:hidden}.user-dashboard .card:has(.attendance-table) h3{display:flex;align-items:center;gap:10px;margin-bottom:18px}.user-dashboard .attendance-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.user-dashboard .attendance-card-header h3{margin:0!important}.user-dashboard .attendance-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.user-dashboard .attendance-view-toggle{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid rgba(148,163,184,.35);border-radius:12px;background:#f8fafc}.user-dashboard .attendance-view-toggle button{min-width:88px;min-height:34px;padding:7px 12px;border:0!important;border-radius:9px!important;background:transparent!important;color:#334155!important;box-shadow:none!important;font-size:13px;font-weight:900;cursor:pointer}.user-dashboard .attendance-view-toggle button.active{background:#155b94!important;color:#fff!important}.user-dashboard .export-attendance-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:144px;height:40px;padding:0 16px;white-space:nowrap}.user-dashboard .export-menu-wrap{position:relative;flex:0 0 auto}.user-dashboard .export-format-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;min-width:190px;padding:6px;border:1px solid rgba(148,163,184,.35);border-radius:10px;background:#fff;box-shadow:0 14px 30px #0f23372e}.user-dashboard .export-format-menu button{display:block;width:100%;min-height:38px;padding:9px 11px;border:0!important;border-radius:8px!important;background:transparent!important;color:#102a43!important;box-shadow:none!important;text-align:left;cursor:pointer}.user-dashboard .export-format-menu button:hover{background:#eff6ff!important;transform:none!important}.user-dashboard .user-attendance-calendar{display:grid;gap:12px}.user-dashboard .user-calendar-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.user-dashboard .user-calendar-header h4{margin:0;color:#102a43;font-size:17px;font-weight:900;letter-spacing:0}.user-dashboard .user-calendar-header span{color:#64748b;font-size:12px;font-weight:800}.user-dashboard .user-calendar-weekdays,.user-dashboard .user-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.user-dashboard .user-calendar-weekdays span{display:flex;align-items:center;justify-content:center;min-height:34px;border:1px solid #dbe5ef;border-radius:8px;background:#f8fafc;color:#475569;font-size:12px;font-weight:900}.user-dashboard .user-calendar-empty,.user-dashboard .user-calendar-day{min-height:104px;border:1px solid #dbe5ef;border-radius:10px}.user-dashboard .user-calendar-empty{background:transparent;border-color:transparent}.user-dashboard .user-calendar-day{display:grid;align-content:start;gap:6px;padding:10px;background:#fff;color:#102a43;overflow:hidden}.user-dashboard .user-calendar-date{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#155b941a;color:#0f3d66;font-size:13px;font-weight:900}.user-dashboard .user-calendar-label,.user-dashboard .user-calendar-mins,.user-dashboard .user-calendar-work{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}.user-dashboard .user-calendar-mins{color:#475569}.user-dashboard .user-calendar-work{color:#334155}.user-dashboard .user-calendar-day.paid-leave{background:#fef08a;border-color:#fde047}.user-dashboard .user-calendar-day.comp-leave{background:#fed7aa;border-color:#fb923c}.user-dashboard .user-calendar-day.unpaid-leave{background:#fecaca;border-color:#f87171}.user-dashboard .user-calendar-day.weekend-off{background:#f59e0b;border-color:#d97706}.user-dashboard .user-calendar-day.official-holiday{background:#dcfce7;border-color:#86efac;color:#14532d}.user-dashboard .user-calendar-day.late-day{background:#ffe4ef;border-color:#f9a8d4}.user-dashboard .user-calendar-day.no-data{background:#fff7d6;border-color:#facc15}.user-dashboard .user-calendar-day.worked-day{background:#f0fdf4;border-color:#bbf7d0}.user-dashboard .user-calendar-day.saturday{background:#fff7e6;border-color:#f59e0b59}.user-dashboard .table-container:has(.attendance-table){width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;border:1px solid rgba(148,163,184,.22);border-radius:18px!important;background:#ffffffe6;box-shadow:inset 0 1px #ffffffe6;scrollbar-width:thin;scrollbar-color:rgba(37,99,235,.55) rgba(226,232,240,.75)}.user-dashboard .table-container:has(.attendance-table)::-webkit-scrollbar{height:10px}.user-dashboard .table-container:has(.attendance-table)::-webkit-scrollbar-track{background:#e2e8f0bf;border-radius:999px}.user-dashboard .table-container:has(.attendance-table)::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#2563eb,#0891b2);border-radius:999px}.user-dashboard .attendance-table{width:100%;min-width:1120px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-family:var(--app-font);color:#0f172a}.user-dashboard .attendance-table th,.user-dashboard .attendance-table td{height:52px;padding:11px 12px;border-bottom:1px solid rgba(148,163,184,.22);font-size:13px;line-height:1.35;text-align:center;vertical-align:middle;white-space:normal}.user-dashboard .attendance-table th{position:sticky;top:0;z-index:3;background:linear-gradient(180deg,#f8fafc,#eef2f7);color:#172033;font-size:12px;font-weight:850;letter-spacing:0;text-transform:none}.user-dashboard .attendance-table tbody tr{background:#ffffffdb;transition:background-color .18s ease,box-shadow .18s ease}.user-dashboard .attendance-table tbody tr:nth-child(2n){background:#f8fafceb}.user-dashboard .attendance-table tbody tr:hover{background:#eff6fffa;box-shadow:inset 4px 0 #2563eb73}.user-dashboard .attendance-table th:nth-child(1),.user-dashboard .attendance-table td:nth-child(1){position:sticky;left:0;z-index:2;width:120px;min-width:120px;background:inherit;text-align:left;font-weight:750}.user-dashboard .attendance-table th:nth-child(1){z-index:4;background:linear-gradient(180deg,#f8fafc,#eef2f7)}.user-dashboard .attendance-table th:nth-child(2),.user-dashboard .attendance-table td:nth-child(2){width:76px}.user-dashboard .attendance-table th:nth-child(3),.user-dashboard .attendance-table td:nth-child(3){width:240px;text-align:left}.user-dashboard .attendance-table th:nth-child(4),.user-dashboard .attendance-table td:nth-child(4),.user-dashboard .attendance-table th:nth-child(5),.user-dashboard .attendance-table td:nth-child(5),.user-dashboard .attendance-table th:nth-child(6),.user-dashboard .attendance-table td:nth-child(6),.user-dashboard .attendance-table th:nth-child(7),.user-dashboard .attendance-table td:nth-child(7),.user-dashboard .attendance-table th:nth-child(8),.user-dashboard .attendance-table td:nth-child(8){width:96px}.user-dashboard .attendance-table th:nth-child(9),.user-dashboard .attendance-table td:nth-child(9){width:190px}.user-dashboard .attendance-table th:nth-child(10),.user-dashboard .attendance-table td:nth-child(10){width:190px}.user-dashboard .attendance-table .punches{color:#334155;font-size:12.5px;word-break:break-word}.user-dashboard .attendance-table .working-mins{color:#052e16;font-weight:900;box-shadow:inset 0 0 0 999px #ffffff2e}.user-dashboard .attendance-table .late-mark{font-size:12px;color:#1e293b}.user-dashboard .attendance-table .status-cell{color:#052e16;font-size:12px;font-weight:850;text-transform:uppercase;box-shadow:inset 0 0 0 999px #fff3}.user-dashboard .extra-work-cell{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;width:100%}.user-dashboard .extra-work-cell input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb;cursor:pointer}.user-dashboard .extra-work-cell input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.user-dashboard .remark-input{width:100%;min-width:0;height:36px;min-height:36px;padding:8px 10px;border:1px solid rgba(148,163,184,.5);border-radius:11px;background:#ffffffeb;color:#0f172a;font-size:12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.user-dashboard .remark-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb1f}.user-dashboard .remark-input:disabled{background:#f1f5f9e6;color:#64748b}.user-dashboard .remark-cell-stack{display:flex;flex-direction:column;gap:6px;min-width:180px}.user-dashboard .admin-attendance-note{display:block;width:100%;color:#92400e;background:#fffbeb;border:1px solid rgba(217,119,6,.28);border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800;line-height:1.35;white-space:normal}.user-dashboard .attendance-table tfoot td{position:sticky;bottom:0;z-index:2;background:#fffbebf5;text-align:right}@media(max-width:1024px){.user-dashboard .attendance-table{min-width:1050px}.user-dashboard .attendance-table th,.user-dashboard .attendance-table td{padding:10px;font-size:12.5px}}@media(max-width:640px){.user-dashboard .card:has(.attendance-table),.user-dashboard .card:has(.user-attendance-calendar){padding:16px}.user-dashboard .attendance-card-header,.user-dashboard .attendance-header-actions{align-items:stretch;flex-direction:column}.user-dashboard .attendance-view-toggle,.user-dashboard .export-attendance-btn,.user-dashboard .export-menu-wrap{width:100%}.user-dashboard .export-format-menu{left:0;right:0}.user-dashboard .table-container:has(.attendance-table){margin-inline:-4px;border-radius:14px!important}.user-dashboard .attendance-table{min-width:980px}.user-dashboard .attendance-table th,.user-dashboard .attendance-table td{height:48px;padding:9px;font-size:12px}.user-dashboard .attendance-table th:nth-child(3),.user-dashboard .attendance-table td:nth-child(3){width:210px}.user-dashboard .user-calendar-weekdays,.user-dashboard .user-calendar-grid{gap:5px}.user-dashboard .user-calendar-empty,.user-dashboard .user-calendar-day{min-height:76px}.user-dashboard .user-calendar-day{padding:6px}.user-dashboard .user-calendar-date{width:22px;height:22px;font-size:12px}.user-dashboard .user-calendar-label,.user-dashboard .user-calendar-mins,.user-dashboard .user-calendar-work{font-size:10px}}html,body,#root{overflow-x:hidden!important;scrollbar-gutter:auto!important}.dashboard{border:0!important;background:linear-gradient(135deg,#17395f,#073766 55%,#052846)!important}.dashboard .sidebar{border-right:1px solid rgba(255,255,255,.08);overflow:hidden}.dashboard .sidebar nav{-ms-overflow-style:none;scrollbar-width:none}.dashboard .sidebar nav::-webkit-scrollbar{display:none;width:0;height:0}.dashboard .main-content{border-left:0!important}html,body,#root{margin:0!important;padding:0!important;border:0!important;overflow-x:clip!important}.dashboard{position:relative;left:0;display:flex;min-width:100%;width:100%!important;margin-left:0!important;padding-left:0!important}.dashboard .sidebar{margin-left:0!important;border-left:0!important;outline:0!important;box-shadow:inset -1px 0 #ffffff14,8px 0 24px #091e361f!important}.dashboard .main-content{overflow-x:clip!important}@media(min-width:769px){.dashboard .main-content,.user-dashboard .main-content,.dashboard:not(.user-dashboard) .main-content{overflow-y:visible!important}}.user-dashboard .table-container:has(.attendance-table){overflow-x:auto!important;overflow-y:hidden!important;background:#fff!important}.user-dashboard .attendance-table{min-width:1180px!important;border-collapse:collapse!important;background:#fff!important}.user-dashboard .attendance-table th,.user-dashboard .attendance-table td{position:static!important;height:auto!important;min-height:48px;padding:13px 14px!important;background-clip:padding-box;border-right:1px solid rgba(226,232,240,.8);color:#172033}.user-dashboard .attendance-table th:last-child,.user-dashboard .attendance-table td:last-child{border-right:0}.user-dashboard .attendance-table th{background:#f4f7fb!important;border-bottom:1px solid rgba(203,213,225,.95)!important;color:#102a43!important;font-weight:850!important;white-space:nowrap!important}.user-dashboard .attendance-table tbody tr,.user-dashboard .attendance-table tbody tr:nth-child(2n),.user-dashboard .attendance-table tbody tr:hover{background:#fff!important;box-shadow:none!important}.user-dashboard .attendance-table tbody tr:nth-child(2n) td{background-color:#f8fafc}.user-dashboard .attendance-table tbody tr:hover td{background-color:#eef6ff}.user-dashboard .attendance-table th:nth-child(1),.user-dashboard .attendance-table td:nth-child(1){width:118px!important;min-width:118px!important;font-weight:800;white-space:nowrap!important;text-align:left!important;box-shadow:none!important}.user-dashboard .attendance-table th:nth-child(3),.user-dashboard .attendance-table td:nth-child(3){width:250px!important;min-width:250px!important}.user-dashboard .attendance-table .working-mins{box-shadow:inset 0 0 0 999px #ffffff14!important;color:#0f5132!important;font-weight:900!important}.user-dashboard .attendance-table .status-cell{color:#102a43!important;font-size:12px!important;font-weight:850!important;line-height:1.35!important;box-shadow:inset 0 0 0 999px #ffffff0f!important}.user-dashboard .attendance-table .late-mark{background-color:transparent!important}.user-dashboard .extra-work-cell{grid-template-columns:20px minmax(0,1fr)!important;gap:10px!important;max-width:100%;overflow:hidden}.user-dashboard .remark-input{width:100%!important;max-width:100%!important;height:38px!important;min-height:38px!important;border-radius:12px!important;box-sizing:border-box}.user-dashboard textarea.work-done-input{height:72px!important;min-height:72px!important;max-height:140px;resize:vertical;line-height:1.35;white-space:normal!important}.user-dashboard .attendance-table tbody tr.official-holiday-row,.user-dashboard .attendance-table tbody tr.official-holiday-row td,.user-dashboard .attendance-table tbody tr.official-holiday-row:nth-child(2n) td,.user-dashboard .attendance-table tbody tr.official-holiday-row:hover td{background-color:#f59e0b!important;color:#1f2937!important}.user-dashboard .attendance-table tbody tr.date-official-holiday-row,.user-dashboard .attendance-table tbody tr.date-official-holiday-row td,.user-dashboard .attendance-table tbody tr.date-official-holiday-row:nth-child(2n) td,.user-dashboard .attendance-table tbody tr.date-official-holiday-row:hover td{background-color:#dcfce7!important;color:#14532d!important}.user-dashboard .attendance-table tbody tr.marked-comp-leave-row,.user-dashboard .attendance-table tbody tr.marked-comp-leave-row td,.user-dashboard .attendance-table tbody tr.marked-comp-leave-row:nth-child(2n) td,.user-dashboard .attendance-table tbody tr.marked-comp-leave-row:hover td{background-color:#fed7aa!important;color:#1f2937!important}.user-dashboard .attendance-table tbody tr.marked-paid-leave-row,.user-dashboard .attendance-table tbody tr.marked-paid-leave-row td,.user-dashboard .attendance-table tbody tr.marked-paid-leave-row:nth-child(2n) td,.user-dashboard .attendance-table tbody tr.marked-paid-leave-row:hover td{background-color:#fef08a!important;color:#1f2937!important}.user-dashboard .attendance-table tbody tr.marked-unpaid-leave-row,.user-dashboard .attendance-table tbody tr.marked-unpaid-leave-row td,.user-dashboard .attendance-table tbody tr.marked-unpaid-leave-row:nth-child(2n) td,.user-dashboard .attendance-table tbody tr.marked-unpaid-leave-row:hover td{background-color:#fecaca!important;color:#1f2937!important}.user-dashboard .attendance-table tbody tr.marked-comp-leave-row .working-mins,.user-dashboard .attendance-table tbody tr.marked-paid-leave-row .working-mins,.user-dashboard .attendance-table tbody tr.marked-unpaid-leave-row .working-mins{background-color:inherit!important;box-shadow:none!important}.user-dashboard .leave-controls-cell{display:flex;flex-direction:column;gap:8px;min-width:170px}.user-dashboard .extra-work-check{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#0f172a}.user-dashboard .extra-work-check input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb}.user-dashboard .leave-select{width:100%;height:36px;border:1px solid rgba(148,163,184,.55);border-radius:10px;background:#fff;color:#0f172a;font-size:12px;font-weight:700;outline:none;padding:0 10px}.user-dashboard .leave-note{color:#b91c1c;font-size:11px;font-weight:900;text-transform:uppercase}.dashboard.user-dashboard .table-container:has(.attendance-table){display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}.dashboard.user-dashboard .attendance-table{width:max-content!important;min-width:1940px!important;table-layout:auto!important}.dashboard.user-dashboard .attendance-table th,.dashboard.user-dashboard .attendance-table td{white-space:nowrap!important;overflow:visible!important}.dashboard.user-dashboard .attendance-table th:nth-child(1),.dashboard.user-dashboard .attendance-table td:nth-child(1){min-width:120px!important}.dashboard.user-dashboard .attendance-table th:nth-child(2),.dashboard.user-dashboard .attendance-table td:nth-child(2){min-width:95px!important}.dashboard.user-dashboard .attendance-table th:nth-child(3),.dashboard.user-dashboard .attendance-table td:nth-child(3){min-width:280px!important}.dashboard.user-dashboard .attendance-table th:nth-child(4),.dashboard.user-dashboard .attendance-table td:nth-child(4),.dashboard.user-dashboard .attendance-table th:nth-child(5),.dashboard.user-dashboard .attendance-table td:nth-child(5),.dashboard.user-dashboard .attendance-table th:nth-child(6),.dashboard.user-dashboard .attendance-table td:nth-child(6),.dashboard.user-dashboard .attendance-table th:nth-child(7),.dashboard.user-dashboard .attendance-table td:nth-child(7),.dashboard.user-dashboard .attendance-table th:nth-child(8),.dashboard.user-dashboard .attendance-table td:nth-child(8){min-width:110px!important}.dashboard.user-dashboard .attendance-table th:nth-child(9),.dashboard.user-dashboard .attendance-table td:nth-child(9){min-width:220px!important}.dashboard.user-dashboard .attendance-table th:nth-child(10),.dashboard.user-dashboard .attendance-table td:nth-child(10){min-width:240px!important}.dashboard.user-dashboard .attendance-table th:nth-child(11),.dashboard.user-dashboard .attendance-table td:nth-child(11){min-width:280px!important}.dashboard.user-dashboard .attendance-table th:nth-child(12),.dashboard.user-dashboard .attendance-table td:nth-child(12){width:260px!important;min-width:260px!important;max-width:260px!important}.dashboard.user-dashboard .attendance-table .status-cell{min-width:260px!important;width:260px!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;line-height:1.2!important;font-size:11px!important;text-align:center!important}.dashboard.user-dashboard .attendance-table .status-cell{background-clip:border-box!important}@media(max-width:768px){.user-dashboard .attendance-table{min-width:1940px!important}.user-dashboard .attendance-table th,.user-dashboard .attendance-table td{padding:11px 12px!important}}.dashboard.user-dashboard .MuiTableContainer-root:has(table[aria-label="paid leaves input table"]){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(37,99,235,.65) rgba(226,232,240,.9)}.dashboard.user-dashboard .MuiTableContainer-root:has(table[aria-label="paid leaves input table"])::-webkit-scrollbar{height:12px}.dashboard.user-dashboard .MuiTableContainer-root:has(table[aria-label="paid leaves input table"])::-webkit-scrollbar-track{background:#e2e8f0e6;border-radius:999px}.dashboard.user-dashboard .MuiTableContainer-root:has(table[aria-label="paid leaves input table"])::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#2563eb,#0891b2);border-radius:999px}.dashboard.user-dashboard table[aria-label="paid leaves input table"]{width:max-content!important;min-width:1280px!important;table-layout:auto!important}.dashboard.user-dashboard table[aria-label="paid leaves input table"] .MuiTableCell-root{white-space:nowrap!important;padding:16px 18px!important}.dashboard.user-dashboard table[aria-label="paid leaves input table"] .MuiTableCell-head{font-size:13px!important;line-height:1.35!important}.dashboard.user-dashboard table[aria-label="paid leaves input table"] .MuiTableCell-root:first-child{min-width:120px}.dashboard.user-dashboard table[aria-label="paid leaves input table"] .MuiTableCell-root:last-child{min-width:130px}.dashboard.user-dashboard .user-year-holidays-panel{width:100%;margin:0 0 24px;padding:clamp(16px,2.5vw,24px);border:1px solid rgba(214,221,231,.9);border-radius:12px;background:#fffffff5;box-shadow:0 10px 24px #02142614;text-align:left}.dashboard.user-dashboard .user-year-holidays-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.dashboard.user-dashboard .user-year-holidays-header h3{margin:0;color:#102a43;font-size:clamp(18px,2vw,24px);font-weight:900;letter-spacing:0}.dashboard.user-dashboard .user-year-holidays-header p{margin:4px 0 0;color:#627386;font-size:14px}.dashboard.user-dashboard .user-year-holidays-total{display:grid;justify-items:center;min-width:118px;padding:10px 14px;border:1px solid rgba(21,91,148,.18);border-radius:10px;background:#155b9414;color:#155b94}.dashboard.user-dashboard .user-year-holidays-total span{font-size:28px;font-weight:900;line-height:1}.dashboard.user-dashboard .user-year-holidays-total small{margin-top:4px;font-size:11px;font-weight:800;text-transform:uppercase}.dashboard.user-dashboard .user-view-holidays-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0 0 16px;padding:0 18px;border:1px solid rgba(21,91,148,.24);border-radius:10px;background:#155b94;color:#fff;cursor:pointer;font-size:14px;font-weight:900;letter-spacing:0}.dashboard.user-dashboard .user-holiday-calendar-year{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:0 0 18px}.dashboard.user-dashboard .user-holiday-month{min-width:0;padding:12px;border:1px solid #e1e8f0;border-radius:10px;background:#f9fbfd}.dashboard.user-dashboard .user-holiday-month h4{margin:0 0 10px;color:#102a43;font-size:15px;font-weight:900;text-align:center;letter-spacing:0}.dashboard.user-dashboard .user-holiday-weekdays,.dashboard.user-dashboard .user-holiday-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.dashboard.user-dashboard .user-holiday-weekdays{margin-bottom:5px}.dashboard.user-dashboard .user-holiday-weekdays span{color:#627386;font-size:11px;font-weight:900;text-align:center}.dashboard.user-dashboard .user-holiday-empty-day,.dashboard.user-dashboard .user-holiday-day{min-height:30px}.dashboard.user-dashboard .user-holiday-day{--user-holiday-color: #f59e0b;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8e2ed;border-radius:7px;background:#fff;color:#102a43;font-size:12px;font-weight:800}.dashboard.user-dashboard .user-holiday-day.sunday{border-color:#f59e0b57;background:#fff7e6}.dashboard.user-dashboard .user-holiday-day.marked{border-color:var(--user-holiday-color);background:var(--user-holiday-color);color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--user-holiday-color) 32%,transparent)}.dashboard.user-dashboard .user-year-holidays-empty{margin:0;color:#627386;font-size:14px}.dashboard.user-dashboard .user-year-holidays-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.dashboard.user-dashboard .user-year-holiday-item{display:grid;grid-template-columns:12px minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #e1e8f0;border-radius:10px;background:#fff}.dashboard.user-dashboard .user-year-holiday-color{width:12px;height:36px;border-radius:999px}.dashboard.user-dashboard .user-year-holiday-item div{display:grid;gap:3px;min-width:0}.dashboard.user-dashboard .user-year-holiday-item strong{overflow:hidden;color:#102a43;font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.dashboard.user-dashboard .user-year-holiday-item span{color:#627386;font-size:12px;font-weight:700}.dashboard.user-dashboard .user-year-holiday-item p{overflow:hidden;margin:0;color:#52606d;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.dashboard.user-dashboard .saturday-off-panel{width:100%;margin:0 0 20px;padding:clamp(16px,2.5vw,22px);border:1px solid rgba(214,221,231,.9);border-radius:12px;background:#fffffff5;box-shadow:0 10px 24px #02142614;text-align:left}.dashboard.user-dashboard .saturday-off-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.dashboard.user-dashboard .saturday-off-header h3{margin:0;color:#102a43;font-size:clamp(17px,2vw,22px);font-weight:900;letter-spacing:0}.dashboard.user-dashboard .saturday-off-header p{margin:4px 0 0;color:#627386;font-size:13px}.dashboard.user-dashboard .saturday-off-count{display:inline-flex;align-items:center;justify-content:center;min-width:70px;min-height:42px;border:1px solid rgba(21,91,148,.18);border-radius:10px;background:#155b9414;color:#155b94;font-size:18px;font-weight:900}.dashboard.user-dashboard .saturday-off-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.dashboard.user-dashboard .saturday-off-day{display:grid;gap:4px;min-height:70px;padding:12px;border:1px solid #d8e2ed;border-radius:10px;background:#fff7e6;color:#102a43;cursor:pointer;text-align:left}.dashboard.user-dashboard .saturday-off-day.readonly{cursor:default}.dashboard.user-dashboard .saturday-off-day.selected{border-color:#155b94;background:#155b941a;box-shadow:inset 0 4px #155b94}.dashboard.user-dashboard .saturday-off-day:disabled{cursor:default}.dashboard.user-dashboard .saturday-off-day span{font-size:14px;font-weight:900}.dashboard.user-dashboard .saturday-off-day small{color:#627386;font-size:12px;font-weight:800}.dashboard.user-dashboard .saturday-off-save{min-height:42px;margin-top:14px}.dashboard.user-dashboard .saturday-off-status{margin:10px 0 0;font-size:13px;font-weight:800}.dashboard.user-dashboard .saturday-off-status.success{color:#2e7d32}.dashboard.user-dashboard .saturday-off-status.error{color:#c62828}.dashboard.user-dashboard .comp-off-note{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border:1px solid rgba(46,125,50,.24);border-radius:8px;background:#2e7d321a;color:#2e7d32;font-weight:900}.dashboard.user-dashboard .official-date-holiday-note{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-height:30px;padding:6px 10px;border:1px solid rgba(20,83,45,.2);border-radius:8px;background:#bbf7d0;color:#14532d;font-weight:900}.dashboard.user-dashboard .official-date-holiday-note strong,.dashboard.user-dashboard .official-date-holiday-note small{display:block;max-width:160px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dashboard.user-dashboard .official-date-holiday-note small{color:#166534;font-size:10px;font-weight:800;text-transform:none}.dashboard.user-dashboard .holidays-comp-offs-page{text-align:left}.dashboard.user-dashboard .holiday-comp-toolbar{display:grid;grid-template-columns:repeat(2,minmax(180px,260px));gap:14px;margin:0 0 20px}.dashboard.user-dashboard .holiday-comp-toolbar label{display:grid;gap:7px;color:#243b53;font-size:13px;font-weight:900}.dashboard.user-dashboard .holiday-comp-toolbar select{min-height:44px;padding:8px 12px;border:1px solid #d6dde7;border-radius:10px;background:#fff;color:#102a43;font-size:14px;font-weight:800}@media(max-width:640px){.dashboard.user-dashboard .user-year-holidays-header,.dashboard.user-dashboard .saturday-off-header{flex-direction:column}.dashboard.user-dashboard .saturday-off-count,.dashboard.user-dashboard .saturday-off-save{width:100%}.dashboard.user-dashboard .holiday-comp-toolbar{grid-template-columns:1fr}.dashboard.user-dashboard .user-year-holidays-total{width:100%}.dashboard.user-dashboard .user-year-holiday-item{grid-template-columns:12px minmax(0,1fr)}.dashboard.user-dashboard .user-year-holiday-item p{grid-column:2;white-space:normal}.dashboard.user-dashboard .user-holiday-calendar-year{grid-template-columns:1fr}.dashboard.user-dashboard .user-view-holidays-btn{width:100%}}.dashboard.user-dashboard .MuiTableContainer-root:has(table[aria-label="monthly summary table"]){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(37,99,235,.65) rgba(226,232,240,.9)}.dashboard.user-dashboard .MuiTableContainer-root:has(table[aria-label="monthly summary table"])::-webkit-scrollbar{height:12px}.dashboard.user-dashboard .MuiTableContainer-root:has(table[aria-label="monthly summary table"])::-webkit-scrollbar-track{background:#e2e8f0e6;border-radius:999px}.dashboard.user-dashboard .MuiTableContainer-root:has(table[aria-label="monthly summary table"])::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#2563eb,#0891b2);border-radius:999px}.dashboard.user-dashboard table[aria-label="monthly summary table"]{width:max-content!important;min-width:2200px!important;table-layout:auto!important}.dashboard.user-dashboard table[aria-label="monthly summary table"] .MuiTableCell-root{white-space:nowrap!important;padding:16px 18px!important;min-width:110px}.dashboard.user-dashboard table[aria-label="monthly summary table"] .MuiTableCell-root:first-child{min-width:120px}.dashboard.user-dashboard table[aria-label="monthly summary table"] .MuiTableCell-head{font-size:13px!important;line-height:1.35!important}@media(min-width:769px){.dashboard:not(.user-dashboard){height:100vh!important;min-height:100vh!important;overflow:hidden!important;background:#0a3157!important}.dashboard:not(.user-dashboard) .sidebar{flex:0 0 286px!important;width:286px!important;min-width:286px!important;height:100vh!important;position:sticky!important;top:0!important;overflow:hidden!important;margin:0!important;padding:22px 12px!important;box-sizing:border-box!important;border-left:0!important}.dashboard:not(.user-dashboard) .sidebar nav{height:auto!important;overflow:visible!important;padding:0!important}.dashboard:not(.user-dashboard) .main-content{flex:1 1 auto!important;width:auto!important;height:100vh!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}}.dashboard:not(.user-dashboard) .admin-page-note,.dashboard:not(.user-dashboard) .holiday-description,.dashboard:not(.user-dashboard) .paid-leaves-description,.dashboard:not(.user-dashboard) .non-working-days-description,.dashboard:not(.user-dashboard) .user-non-working-description{margin:-6px 0 18px;color:#52606d;font-size:13px;line-height:1.45}@media(min-width:769px){.dashboard:not(.user-dashboard){--admin-sidebar-width: 250px;--admin-sidebar-collapsed-width: 76px;align-items:stretch}.dashboard:not(.user-dashboard) .sidebar{flex:0 0 var(--admin-sidebar-width)!important;width:var(--admin-sidebar-width)!important;min-width:var(--admin-sidebar-width)!important;display:flex!important;flex-direction:column!important;gap:14px!important;padding:20px 12px 14px!important;background:linear-gradient(180deg,#0d2c4c,#0c3b68)!important;transition:flex-basis .22s ease,width .22s ease,min-width .22s ease}.dashboard:not(.user-dashboard) .sidebar.collapsed{flex-basis:var(--admin-sidebar-collapsed-width)!important;width:var(--admin-sidebar-collapsed-width)!important;min-width:var(--admin-sidebar-collapsed-width)!important}.dashboard:not(.user-dashboard) .sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:0 8px 12px;border-bottom:1px solid rgba(255,255,255,.12)}.dashboard:not(.user-dashboard) .sidebar h2{margin:0!important;padding:0!important;font-size:23px;white-space:nowrap}.dashboard:not(.user-dashboard) .sidebar h2:after{display:none}.dashboard:not(.user-dashboard) .sidebar-title-short{display:none}.dashboard:not(.user-dashboard) .sidebar-collapse-btn{width:34px;height:34px;min-height:34px;padding:0!important;border-radius:8px!important;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1f;color:#fff}.dashboard:not(.user-dashboard) .sidebar-nav-scroll{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px 0 0!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.dashboard:not(.user-dashboard) .sidebar-nav-scroll::-webkit-scrollbar{display:block;width:6px}.dashboard:not(.user-dashboard) .sidebar-nav-scroll::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}.dashboard:not(.user-dashboard) .sidebar nav button,.dashboard:not(.user-dashboard) .sidebar-footer .logout-btn{display:flex;align-items:center;gap:12px;overflow:hidden}.dashboard:not(.user-dashboard) .sidebar-footer{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.dashboard:not(.user-dashboard) .sidebar-user-card{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:8px;border:0;border-radius:12px;background:#ffffff1a;color:#fff;overflow:hidden;text-align:left;box-shadow:none;cursor:pointer}.dashboard:not(.user-dashboard) .sidebar-avatar{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#0d3a66;font-weight:800;overflow:hidden}.dashboard:not(.user-dashboard) .sidebar-avatar img{width:100%;height:100%;object-fit:cover}.dashboard:not(.user-dashboard) .sidebar-user-meta{min-width:0;display:flex;flex-direction:column;line-height:1.2}.dashboard:not(.user-dashboard) .sidebar-user-name,.dashboard:not(.user-dashboard) .sidebar-user-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard:not(.user-dashboard) .sidebar-user-name{font-size:13px;font-weight:800}.dashboard:not(.user-dashboard) .sidebar-user-id{margin-top:2px;font-size:12px;color:#ffffffb8}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-header{justify-content:center;padding-left:0;padding-right:0}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-title-full,.dashboard:not(.user-dashboard) .sidebar.collapsed .nav-label,.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-user-meta{display:none}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-title-short{display:inline}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-collapse-btn{position:absolute;top:32px;right:-13px;z-index:2;background:#fff;color:#0d3a66;box-shadow:0 6px 14px #04182e38}.dashboard:not(.user-dashboard) .sidebar.collapsed nav button,.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-footer .logout-btn{justify-content:center!important;padding-left:0!important;padding-right:0!important}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-user-card{justify-content:center;padding-left:0;padding-right:0}.dashboard:not(.user-dashboard) .main-content{width:auto!important}}@media(max-width:768px){.dashboard:not(.user-dashboard) .sidebar{width:min(286px,86vw)!important;min-width:min(286px,86vw)!important}.dashboard:not(.user-dashboard) .sidebar.collapsed .nav-label,.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .nav-label,.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-user-meta,.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-title-full,.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-user-meta,.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-title-full{display:inline-flex}.dashboard:not(.user-dashboard) .sidebar-title-short,.dashboard:not(.user-dashboard) .sidebar-collapse-btn{display:none!important}}@media(min-width:769px){.dashboard:not(.user-dashboard){--admin-sidebar-collapsed-width: 82px}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed){padding-bottom:16px!important}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-nav-scroll{flex:1 1 auto!important;min-height:0!important;padding-bottom:6px!important}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-footer{flex:0 0 auto!important;margin-top:0!important;background:#0c3b68}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-user-card{min-height:54px!important;padding:8px 10px!important;box-shadow:none!important}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-footer .logout-btn{width:100%!important;min-height:46px!important;color:#fff!important;background:#894a63b8!important}.dashboard:not(.user-dashboard) .sidebar.collapsed{padding:18px 10px 12px!important}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-header{position:relative;flex:0 0 auto;display:grid;grid-template-columns:1fr;justify-items:center;min-height:54px;padding:0 0 12px!important}.dashboard:not(.user-dashboard) .sidebar.collapsed h2{font-size:22px!important;line-height:1}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-collapse-btn{position:absolute;top:4px;right:0;width:28px;height:28px;min-height:28px;border-radius:7px!important;box-shadow:none;background:#ffffff24;color:#fff;font-size:13px}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-nav-scroll{display:flex;flex-direction:column;align-items:center;gap:10px!important;padding:0!important;overflow-y:auto!important}.dashboard:not(.user-dashboard) .sidebar.collapsed nav button,.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-footer .logout-btn,.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-user-card{width:60px!important;min-width:60px!important;max-width:60px!important;min-height:48px!important;margin:0 auto!important;padding:0!important;border-radius:12px!important;transform:none!important}.dashboard:not(.user-dashboard) .sidebar.collapsed nav button.active{transform:none!important;box-shadow:0 7px 16px #04182e2e}.dashboard:not(.user-dashboard) .sidebar.collapsed .nav-icon{width:20px;height:20px;margin:0!important}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-footer{align-items:center;gap:10px;padding-top:10px}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-user-card{min-height:48px!important;background:#ffffff1a;box-shadow:none!important}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-avatar{flex-basis:34px;width:34px;height:34px;font-size:13px;box-shadow:none}.dashboard:not(.user-dashboard) .sidebar.collapsed .logout-btn{background:#894a63b8!important}}.hamburger-btn,.sidebar-backdrop{display:none}@media(min-width:769px){.dashboard:not(.user-dashboard){height:100dvh!important;overflow:hidden!important}.dashboard:not(.user-dashboard) .sidebar{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.dashboard:not(.user-dashboard) .sidebar-nav-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}.dashboard:not(.user-dashboard) .main-content{height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain}}@media(max-width:768px){.time-minutes-card .split-summary-content{grid-template-columns:1fr}.time-minutes-card .summary-split-section+.summary-split-section{border-left:0;border-top:1px solid #d7dee8}.dashboard,.dashboard.user-dashboard,.dashboard:not(.user-dashboard){display:block!important;min-height:100dvh!important;width:100%!important;overflow-x:hidden!important}.hamburger-btn{display:inline-flex!important;position:fixed!important;top:max(12px,env(safe-area-inset-top))!important;left:max(12px,env(safe-area-inset-left))!important;z-index:3000!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:10px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;background:#0d3a66!important;box-shadow:0 10px 24px #02101f47!important}.hamburger-btn span{display:block!important;width:21px!important;height:2px!important;margin:0!important;border-radius:999px!important;background:#fff!important;transition:transform .2s ease,opacity .2s ease!important}.hamburger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.dashboard.user-dashboard.iframe-mode .hamburger-btn{display:none!important}.dashboard .sidebar,.user-dashboard .sidebar,.dashboard:not(.user-dashboard) .sidebar,.dashboard:not(.user-dashboard) .sidebar.collapsed{position:fixed!important;inset:0 auto 0 0!important;width:min(304px,86vw)!important;min-width:0!important;max-width:86vw!important;height:100dvh!important;max-height:100dvh!important;z-index:2500!important;transform:translate(-105%)!important;transition:transform .24s ease!important;padding:calc(72px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:12px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dashboard .sidebar.open,.user-dashboard .sidebar.open,.dashboard:not(.user-dashboard) .sidebar.open,.dashboard:not(.user-dashboard) .sidebar.collapsed.open{left:0!important;transform:translate(0)!important}.dashboard:not(.user-dashboard) .sidebar-header{flex:0 0 auto!important;min-height:42px!important;padding:0 6px 10px!important}.dashboard .sidebar h2,.user-dashboard .sidebar h2,.dashboard:not(.user-dashboard) .sidebar h2{display:block!important;margin:0 0 12px!important;padding:0 8px!important;text-align:left!important;font-size:20px!important;line-height:1.2!important;white-space:normal!important}.dashboard:not(.user-dashboard) .sidebar h2{margin:0!important;padding:0!important}.dashboard:not(.user-dashboard) .sidebar-title-full,.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-title-full,.dashboard:not(.user-dashboard) .sidebar.collapsed .nav-label,.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-title-full,.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .nav-label,.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-user-meta,.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-user-meta{display:inline-flex!important}.dashboard:not(.user-dashboard) .sidebar-title-short,.dashboard:not(.user-dashboard) .sidebar-collapse-btn{display:none!important}.dashboard .sidebar nav,.user-dashboard .sidebar nav,.dashboard:not(.user-dashboard) .sidebar nav,.dashboard:not(.user-dashboard) .sidebar-nav-scroll{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important}.dashboard .sidebar nav button,.dashboard .sidebar nav button.nav-btn,.user-dashboard .sidebar nav button,.dashboard:not(.user-dashboard) .sidebar nav button,.dashboard:not(.user-dashboard) .sidebar-footer .logout-btn{width:100%!important;min-width:0!important;max-width:none!important;min-height:44px!important;padding:11px 14px!important;margin:0!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;text-align:left!important;font-size:14px!important;line-height:1.25!important;white-space:normal!important;transform:none!important}.dashboard .sidebar nav button.logout-btn{margin-top:10px!important}.dashboard:not(.user-dashboard) .sidebar-footer{flex:0 0 auto!important;padding-top:10px!important;margin-top:0!important}.dashboard:not(.user-dashboard) .sidebar-user-card{width:100%!important;min-width:0!important;max-width:none!important;min-height:50px!important;justify-content:flex-start!important;padding:8px!important}.sidebar-backdrop{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2400!important;border:0!important;padding:0!important;background:#02101f7a!important}.dashboard .main-content,.dashboard.user-dashboard:not(.iframe-mode) .main-content,.dashboard:not(.user-dashboard) .main-content{width:100%!important;min-width:0!important;min-height:100dvh!important;height:auto!important;padding:calc(68px + env(safe-area-inset-top)) 12px 18px!important;margin:0!important;overflow:visible!important;box-sizing:border-box!important}}@media(max-width:420px){.dashboard .sidebar,.user-dashboard .sidebar,.dashboard:not(.user-dashboard) .sidebar,.dashboard:not(.user-dashboard) .sidebar.collapsed{width:min(292px,90vw)!important;max-width:90vw!important}.dashboard .main-content,.dashboard.user-dashboard:not(.iframe-mode) .main-content,.dashboard:not(.user-dashboard) .main-content{padding-left:10px!important;padding-right:10px!important}}.dashboard:not(.user-dashboard) .sidebar{min-height:0!important}.dashboard:not(.user-dashboard) .sidebar-header{flex:0 0 auto!important}.dashboard:not(.user-dashboard) .sidebar-nav-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:8px!important}.dashboard:not(.user-dashboard) .sidebar-footer{flex:0 0 auto!important}.dashboard:not(.user-dashboard) .sidebar nav button:before,.dashboard:not(.user-dashboard) .sidebar-footer .logout-btn:before{display:none!important}.dashboard:not(.user-dashboard) .sidebar nav button,.dashboard:not(.user-dashboard) .sidebar-footer .logout-btn{flex:0 0 auto!important;min-height:46px!important;overflow:hidden!important;text-overflow:ellipsis!important}@media(max-height:680px)and (min-width:769px){.dashboard:not(.user-dashboard) .sidebar{gap:8px!important;padding-top:14px!important;padding-bottom:10px!important}.dashboard:not(.user-dashboard) .sidebar-header{min-height:46px!important;padding-bottom:8px!important}.dashboard:not(.user-dashboard) .sidebar h2{font-size:20px!important}.dashboard:not(.user-dashboard) .sidebar-nav-scroll{gap:6px!important}.dashboard:not(.user-dashboard) .sidebar nav button,.dashboard:not(.user-dashboard) .sidebar-footer .logout-btn{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.dashboard:not(.user-dashboard) .sidebar-user-card{min-height:44px!important}}@media(min-width:769px){.dashboard:not(.user-dashboard) .sidebar{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:10px!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.dashboard:not(.user-dashboard) .sidebar-header{grid-row:1!important;min-height:0!important;margin:0!important}.dashboard:not(.user-dashboard) .sidebar-nav-scroll{grid-row:2!important;min-height:0!important;height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;gap:10px!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;padding:0 2px 10px 0!important;overscroll-behavior:contain}.dashboard:not(.user-dashboard) .sidebar-nav-scroll>button{flex:0 0 auto!important}.dashboard:not(.user-dashboard) .sidebar-footer{grid-row:3!important;position:relative!important;z-index:2!important;flex:none!important;min-height:0!important;margin:0!important;padding:10px 0 0!important;border-top:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(180deg,#0c3b68f5,#0c3b68)!important}.dashboard:not(.user-dashboard) .sidebar-footer .logout-btn,.dashboard:not(.user-dashboard) .sidebar-user-card{flex:0 0 auto!important}}@media(min-width:769px){.dashboard:not(.user-dashboard) .sidebar:not(.collapsed){--admin-header-space: 78px;--admin-footer-space: 144px;position:sticky!important;top:0!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;display:block!important;padding:20px 12px 14px!important}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-header{position:absolute!important;top:20px!important;left:12px!important;right:12px!important;height:56px!important}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-nav-scroll{position:absolute!important;top:var(--admin-header-space)!important;bottom:var(--admin-footer-space)!important;left:12px!important;right:8px!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:0 4px 10px 0!important;overscroll-behavior:contain;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.36) transparent!important}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-nav-scroll::-webkit-scrollbar{display:block!important;width:7px!important}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-nav-scroll::-webkit-scrollbar-thumb{background:#ffffff5c!important;border-radius:999px!important}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-footer{position:absolute!important;left:12px!important;right:12px!important;bottom:14px!important;z-index:3!important;margin:0!important;padding-top:10px!important;background:#0c3b68!important}}@media(max-height:680px)and (min-width:769px){.dashboard:not(.user-dashboard) .sidebar:not(.collapsed){--admin-header-space: 62px;--admin-footer-space: 126px;padding-top:14px!important;padding-bottom:10px!important}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-header{top:14px!important;height:46px!important}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-footer{bottom:10px!important}}.sidebar-logo-button{width:100%;min-width:0;min-height:48px;border:0;border-radius:10px;padding:8px 10px;display:flex;align-items:center;justify-content:flex-start;gap:10px;background:#ffffff14;color:#fff;cursor:pointer;overflow:hidden}.sidebar-logo-button:hover{background:#ffffff24}.sidebar-logo-img{flex:0 0 auto;width:36px;height:36px;object-fit:contain;display:block}.sidebar-title-full{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:850;line-height:1.1}.sidebar-logo-toggle{padding:8px!important}.sidebar-toggle-logo{width:30px;height:30px;object-fit:contain;display:block}@media(min-width:769px){.user-dashboard:not(.iframe-mode) .sidebar{height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:20px 12px 14px!important;overflow:hidden!important;background:linear-gradient(180deg,#0d2c4c,#0c3b68)!important}.user-dashboard:not(.iframe-mode) .sidebar-header{flex:0 0 auto;min-height:56px;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.12)}.user-dashboard:not(.iframe-mode) .sidebar-nav-scroll{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;display:flex;flex-direction:column;gap:10px;padding:0 2px 0 0!important;overscroll-behavior:contain}.user-dashboard:not(.iframe-mode) .sidebar-nav-scroll::-webkit-scrollbar{display:block;width:6px}.user-dashboard:not(.iframe-mode) .sidebar-nav-scroll::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-logo-button{justify-content:center;padding-left:0;padding-right:0;background:transparent}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-logo-img{width:38px;height:38px}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-title-full{display:none!important}}@media(max-width:768px){.hamburger-btn.sidebar-logo-toggle{background:#0d3a66!important}.hamburger-btn.sidebar-logo-toggle span{display:none!important}.dashboard .sidebar .sidebar-header,.user-dashboard .sidebar .sidebar-header,.dashboard:not(.user-dashboard) .sidebar .sidebar-header{flex:0 0 auto!important;min-height:56px!important;margin:0!important;padding:0 0 10px!important;border-bottom:1px solid rgba(255,255,255,.12)!important}.dashboard .sidebar .sidebar-logo-button,.user-dashboard .sidebar .sidebar-logo-button,.dashboard:not(.user-dashboard) .sidebar .sidebar-logo-button{min-height:46px}.dashboard .sidebar .sidebar-nav-scroll,.user-dashboard .sidebar .sidebar-nav-scroll,.dashboard:not(.user-dashboard) .sidebar .sidebar-nav-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}}.dashboard .sidebar .sidebar-header,.user-dashboard .sidebar .sidebar-header,.dashboard:not(.user-dashboard) .sidebar .sidebar-header{box-sizing:border-box!important}.dashboard .sidebar .sidebar-logo-button,.user-dashboard .sidebar .sidebar-logo-button,.dashboard:not(.user-dashboard) .sidebar .sidebar-logo-button{flex:0 0 auto!important;max-width:100%}.user-dashboard:not(.iframe-mode) .sidebar-footer{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14);background:#0c3b68}.user-dashboard:not(.iframe-mode) .sidebar-user-card{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 10px;border-radius:12px;background:#ffffff1a;color:#fff;overflow:hidden}.user-dashboard:not(.iframe-mode) .sidebar-footer .logout-btn{width:100%;min-height:46px;color:#fff;background:#894a63b8}@media(min-width:769px){.dashboard:not(.user-dashboard) .sidebar:not(.collapsed){--admin-header-space: 94px}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-header{height:72px!important;padding-bottom:14px!important}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-nav-scroll{top:var(--admin-header-space)!important}.user-dashboard:not(.iframe-mode) .sidebar{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important}.user-dashboard:not(.iframe-mode) .sidebar-header{min-height:72px!important;padding:0 0 14px!important}.user-dashboard:not(.iframe-mode) .sidebar-nav-scroll{min-height:0!important;overflow-y:auto!important;padding-top:0!important}}@media(max-height:680px)and (min-width:769px){.dashboard:not(.user-dashboard) .sidebar:not(.collapsed){--admin-header-space: 78px}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed) .sidebar-header{height:62px!important;padding-bottom:10px!important}}@media(min-width:769px){.dashboard.user-dashboard:not(.iframe-mode){--user-sidebar-width: 250px;--user-sidebar-collapsed-width: 82px;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;display:flex!important;align-items:stretch!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar{flex:0 0 var(--user-sidebar-width)!important;width:var(--user-sidebar-width)!important;min-width:var(--user-sidebar-width)!important;height:100dvh!important;max-height:100dvh!important;position:sticky!important;top:0!important;overflow:hidden!important;margin:0!important;box-sizing:border-box!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:10px!important;padding:20px 12px 14px!important;transition:flex-basis .22s ease,width .22s ease,min-width .22s ease}.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed{flex-basis:var(--user-sidebar-collapsed-width)!important;width:var(--user-sidebar-collapsed-width)!important;min-width:var(--user-sidebar-collapsed-width)!important;padding:18px 10px 12px!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar-header{grid-row:1!important;margin:0!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar-nav-scroll{grid-row:2!important;min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px 10px 0!important;overscroll-behavior:contain}.dashboard.user-dashboard:not(.iframe-mode) .sidebar-footer{grid-row:3!important;min-height:0!important;margin:0!important}.dashboard.user-dashboard:not(.iframe-mode) .main-content{flex:1 1 auto!important;width:auto!important;min-width:0!important;height:100dvh!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}.dashboard.user-dashboard:not(.iframe-mode) .sidebar nav button,.dashboard.user-dashboard:not(.iframe-mode) .sidebar-footer .logout-btn{display:flex!important;align-items:center!important;gap:12px!important;overflow:hidden!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-header{justify-content:center!important;padding-left:0!important;padding-right:0!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-logo-button{justify-content:center!important;padding-left:0!important;padding-right:0!important;background:transparent!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-logo-img{width:38px;height:38px}.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-title-full,.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .nav-label,.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-user-meta{display:none!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed nav button,.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-footer .logout-btn,.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-user-card{width:60px!important;min-width:60px!important;max-width:60px!important;min-height:48px!important;margin:0 auto!important;padding:0!important;border-radius:12px!important;justify-content:center!important;transform:none!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-footer{align-items:center}.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed .sidebar-avatar{flex-basis:34px;width:34px;height:34px;font-size:13px}}.dashboard.user-dashboard:not(.iframe-mode) .main-content{min-width:0!important}.dashboard.user-dashboard:not(.iframe-mode) .summary-scroll-container{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(245px,100%),1fr))!important;gap:16px!important;overflow:visible!important}.dashboard.user-dashboard:not(.iframe-mode) .summary-card.combined-card{width:100%!important;min-width:0!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar-user-card{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:54px!important;padding:8px 10px!important;border:0!important;border-radius:12px!important;background:#ffffff1a!important;color:#fff!important;overflow:hidden!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar-user-card:hover{background:#ffffff29!important;transform:none!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar-avatar{flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#0d3a66!important;font-weight:800!important;overflow:hidden!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar-user-meta{min-width:0!important;display:flex!important;flex-direction:column!important;line-height:1.2!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar-user-name,.dashboard.user-dashboard:not(.iframe-mode) .sidebar-user-id{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar-user-name{font-size:13px!important;font-weight:800!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar-user-id{margin-top:2px!important;font-size:12px!important;color:#ffffffb8!important}.profile-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#0f172a85}.profile-modal{width:min(720px,100%);max-height:min(92vh,780px);overflow:auto;padding:20px;border:1px solid rgba(148,163,184,.35);border-radius:18px;background:#fff;box-shadow:0 30px 80px #0f172a47}.profile-modal-header,.profile-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-modal-header h3{margin:0;color:#102a43;font-size:22px;font-weight:900}.profile-modal-header span{color:#64748b;font-size:13px;font-weight:700}.profile-close-btn{width:38px;height:38px;border:1px solid #dbe5ef!important;border-radius:10px!important;background:#f8fafc!important;color:#0f172a!important;box-shadow:none!important;font-size:18px;font-weight:900;cursor:pointer}.profile-summary-card{display:flex;align-items:center;gap:14px;margin:18px 0;padding:14px;border:1px solid #dbe5ef;border-radius:14px;background:#f8fafc}.profile-summary-avatar{flex:0 0 64px;width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:#155b94;color:#fff;font-size:24px;font-weight:900}.profile-summary-avatar img,.profile-avatar-options img{width:100%;height:100%;object-fit:cover}.profile-summary-card div{display:grid;gap:3px;min-width:0}.profile-summary-card strong{color:#102a43;font-size:17px;font-weight:900}.profile-summary-card span{color:#64748b;font-size:13px;font-weight:750}.admin-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;overflow:hidden;border-radius:50%;background:#e0f2fe;color:#155b94;font-size:14px;font-weight:900}.admin-user-avatar img{width:100%;height:100%;object-fit:cover}.admin-user-identity{display:grid;gap:2px;min-width:0}.admin-user-identity strong,.admin-user-identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-identity strong{color:#102a43;font-size:13px;font-weight:900}.admin-user-identity span{color:#64748b;font-size:12px;font-weight:750}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-form-grid label,.profile-avatar-section{display:grid;gap:7px;color:#102a43;font-size:13px;font-weight:900}.profile-form-grid input,.profile-avatar-section input{width:100%;min-height:42px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#0f172a;font-size:14px}.profile-form-grid input[readonly]{background:#f1f5f9;color:#64748b;cursor:not-allowed}.profile-full-row,.profile-avatar-section{grid-column:1 / -1}.profile-avatar-section{margin-top:14px}.profile-avatar-heading{display:grid;gap:8px;justify-items:start}.profile-avatar-toggle{min-height:36px;padding:8px 14px;border:1px solid #a78bfa!important;border-radius:12px!important;background:#fff!important;color:#8b5cf6!important;box-shadow:none!important;font-size:13px;font-weight:850;cursor:pointer}.profile-avatar-toggle:hover{background:#f5f3ff!important;transform:none!important}.profile-avatar-picker{display:flex;align-items:flex-start;gap:16px}.profile-avatar-large{flex:0 0 78px;width:78px;height:78px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--avatar-bg, #dbeafe);color:var(--avatar-fg, #155b94);font-size:24px;font-weight:900}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-avatar-options{display:grid;grid-template-columns:repeat(5,46px);gap:10px 12px}.profile-avatar-options button{width:46px;height:46px;padding:0;overflow:hidden;border:2px solid transparent!important;border-radius:50%!important;background:#eef2f7!important;box-shadow:none!important;cursor:pointer}.profile-avatar-options button.active{border-color:#8b5cf6!important;box-shadow:0 0 0 4px #8b5cf62e!important}.profile-clear-avatar{justify-self:start;min-height:36px;padding:8px 12px;border:1px solid #cbd5e1!important;border-radius:10px!important;background:#f8fafc!important;color:#334155!important;box-shadow:none!important;font-size:13px;font-weight:850;cursor:pointer}.profile-clear-avatar:hover{background:#eef2f7!important;transform:none!important}.profile-message{margin:14px 0 0;color:#155b94;font-size:13px;font-weight:850}.profile-actions{justify-content:flex-end;margin-top:18px}@media(max-width:640px){.profile-form-grid{grid-template-columns:1fr}.profile-avatar-options{grid-template-columns:repeat(4,46px)}.profile-avatar-picker{flex-direction:column}.profile-avatar-large{width:72px;height:72px;flex-basis:72px}.profile-actions{align-items:stretch;flex-direction:column}.profile-actions button{width:100%}}@media(max-width:1200px)and (min-width:769px){.dashboard.user-dashboard:not(.iframe-mode) .summary-scroll-container{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important}}@media(max-width:768px){.dashboard.user-dashboard:not(.iframe-mode) .summary-scroll-container{grid-template-columns:1fr!important}}@media(min-width:769px){.dashboard:not(.user-dashboard){--admin-sidebar-width: 250px !important;--admin-sidebar-collapsed-width: 82px !important}.dashboard.user-dashboard:not(.iframe-mode){--user-sidebar-width: 250px !important;--user-sidebar-collapsed-width: 82px !important}.dashboard:not(.user-dashboard) .sidebar:not(.collapsed){flex-basis:var(--admin-sidebar-width)!important;width:var(--admin-sidebar-width)!important;min-width:var(--admin-sidebar-width)!important}.dashboard.user-dashboard:not(.iframe-mode) .sidebar:not(.collapsed){flex-basis:var(--user-sidebar-width)!important;width:var(--user-sidebar-width)!important;min-width:var(--user-sidebar-width)!important}.dashboard:not(.user-dashboard) .sidebar.collapsed,.dashboard.user-dashboard:not(.iframe-mode) .sidebar.collapsed{flex-basis:82px!important;width:82px!important;min-width:82px!important}.dashboard:not(.user-dashboard) .sidebar.collapsed{display:flex!important;flex-direction:column!important;align-items:center!important;overflow:hidden!important;padding-inline:10px!important}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-header,.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-footer,.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-nav-scroll{width:100%!important;min-width:0!important;max-width:100%!important}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-nav-scroll{align-items:center!important;overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-nav-scroll::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.dashboard:not(.user-dashboard) .sidebar.collapsed nav button,.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-footer .logout-btn,.dashboard:not(.user-dashboard) .sidebar.collapsed .sidebar-user-card{width:54px!important;min-width:54px!important;max-width:54px!important}.dashboard.user-dashboard:not(.iframe-mode) .summary-scroll-container{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.dashboard.user-dashboard:not(.iframe-mode) .summary-card.combined-card{min-width:0!important}.dashboard.user-dashboard:not(.iframe-mode) .combined-card .card-header{padding-left:12px;padding-right:12px}.dashboard.user-dashboard:not(.iframe-mode) .combined-card .card-header h4,.dashboard.user-dashboard:not(.iframe-mode) .combined-card .stat-label{overflow-wrap:anywhere}}:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-page: #eef4f8;--color-surface: #ffffff;--color-surface-soft: #f8fbff;--color-text: #102033;--color-muted: #52606d;--color-border: #d8e0ea;--color-primary: #155b94;--color-primary-hover: #0b3a66;--color-secondary: #0f766e;--color-success: #16803a;--color-warning: #b7791f;--color-danger: #c73636;--shadow-card: 0 10px 28px rgba(15, 35, 55, .1);--shadow-button: 0 8px 18px rgba(15, 35, 55, .14);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#17212b;background-color:#0d3158;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}html{background:#073766}a{font-weight:500;color:#1d6fb8;text-decoration:inherit}a:hover{color:#0f4d82}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 15% 0%,rgba(73,155,230,.24),transparent 28%),radial-gradient(circle at 90% 12%,rgba(255,255,255,.16),transparent 24%),linear-gradient(135deg,#17395f,#073766 55%,#052846)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#12385f;cursor:pointer;transition:border-color .25s,transform .2s ease,box-shadow .2s ease}button:hover{border-color:#ffffff4d}button:focus,button:focus-visible{outline:3px solid rgba(47,128,209,.25);outline-offset:2px}input,select,textarea,button{font:inherit}input,select,textarea{color:var(--color-text)}::selection{background:#155b942e}#root{width:100%;max-width:none;min-height:100vh;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}