.login-container{display:flex;justify-content:center;align-items:center;padding:20px}*{box-sizing:border-box}.login-input{width:100%;padding:12px 15px;border:1px solid #dce0e5;border-radius:6px;background:#f6f7fb;outline:none;font-size:14px;margin-bottom:10px}.login-box{padding:30px 25px}.login-box{width:100%;max-width:400px;background:#fff;border:1px solid #dce0e5;border-radius:8px;padding:30px;box-shadow:0 4px 8px #0000000d;text-align:center}.login-title{font-size:24px;font-weight:700;margin-bottom:25px;color:#333}.login-label{display:block;text-align:left;font-size:14px;font-weight:500;margin:10px 0 5px;color:#444}.login-input{width:100%;padding:12px 15px;border:1px solid #dce0e5;border-radius:6px;background:#f6f7fb;outline:none;font-size:14px}.login-input:focus{border-color:#00b894;background:#fff}.input-password{position:relative}.login-password-eye{position:absolute;right:10px;top:30px}.login-forgot{text-align:right;margin:10px 0 20px}.login-forgot a{font-size:14px;font-weight:600;color:#00b894;text-decoration:none}.login-forgot a:hover{text-decoration:underline}.login-btn{width:100%;background:#00b894;color:#fff;font-size:16px;font-weight:600;padding:12px;border:none;border-radius:6px;cursor:pointer;transition:.3s}.login-btn:hover{background:#00a37a}.login-footer{font-size:14px;color:#444}.login-footer a{color:#00b894;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width: 480px){.login-box{padding:20px}.login-title{font-size:20px}.login-input{font-size:13px;padding:10px}.login-btn{font-size:15px;padding:10px}}.register-form{margin-top:10px;background:#fff;padding:10px 25px;border-radius:10px;width:100%;box-shadow:0 4px 12px #00000014;font-family:Segoe UI,sans-serif;display:grid;grid-template-columns:auto auto;column-gap:20px}.register-form label{margin-top:12px;font-size:14px;font-weight:500;display:block}.register-form input{width:100%;padding:12px 16px;margin-top:6px;margin-bottom:10px;border:none;border-radius:8px;background-color:#f1f1f5;font-size:14px;transition:.3s ease}.register-form input:focus{outline:none;background-color:#e8f0fe}.submit-register{margin-top:20px;width:100%;padding:12px;border:none;background-color:#4ce1b6;color:#fff;font-weight:700;border-radius:6px;font-size:15px;cursor:pointer;transition:background-color .3s ease}.submit-register:hover{background-color:#34c49e}.navbar{display:flex;justify-content:space-between;align-items:center;background:#f6f6f6;padding:10px 20px;border-bottom:1px solid #ccc}.navbar-left{display:flex;align-items:center}.navbar-logo{height:40px;margin-right:10px}.navbar-text h1{font-size:18px;font-weight:700;margin:0;color:#444}.navbar-text p{font-size:12px;margin:0;color:#777}.navbar-right{font-size:14px;display:flex;align-items:center;gap:10px}.navbar-link{text-decoration:none;color:#8fe1d7}.navbar-link:hover{text-decoration:underline;color:#579a92}.navbar-menu{display:none}@media (max-width:767px){.navbar-right{display:none!important}.navbar-menu{display:inline-block}.bg{background-color:#8fe1d7!important}}.dropstart .dropdown-toggle:before{display:none!important}.footer{background:#f6f6f6;border-top:1px solid #ccc;padding:15px 20px;text-align:center;color:#555;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:500px;width:90%;position:relative;box-shadow:0 5px 15px #0000004d;text-align:center}.modal-close{position:absolute;top:10px;right:5px;font-size:20px;border:2px solid black;background:#fff;border-radius:5px;cursor:pointer}.form-container{min-height:70vh;padding:40px 15px;border-radius:8px;background:#fff;box-shadow:0 4px 12px #0000001a}.form-tabs{display:flex;margin-bottom:20px;gap:10px}.form-tabs button{flex:1;padding:10px 0;border:none;background:#f0f0f0;cursor:pointer;font-weight:700;border-radius:6px}.form-tabs .active-tab{background:#5cd6c0;color:#fff;border-radius:6px}.change-password-form label{display:block;text-align:left;font-size:14px;color:#333}.change-password-form input{width:100%;padding:10px;margin-top:5px;margin-bottom:5px;border:1px solid #ddd;border-radius:6px;font-size:14px}.submit-btn{width:100%;padding:10px;background:#5cd6c0;border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer}.cancel-btn{width:100%;padding:10px;background:#fff;border:1px solid #333;border-radius:6px;color:#333;font-weight:700;cursor:pointer;margin-top:10px}.error{color:red;font-size:.85rem;margin-top:0;text-align:start}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{width:100%;padding-right:30px;text-align:left}.toggle-eye{position:absolute;right:8px;cursor:pointer;font-size:1.2rem}.daily-container{display:flex;flex-direction:column;align-items:center;padding:20px 5px;background:#f9fafb;min-height:100vh}.form-card{background:#fff;padding:20px 5px;border-radius:10px;box-shadow:0 3px 8px #0000001a;width:100%;max-width:900px;margin-bottom:40px;text-align:left}.form-title{text-align:center;font-size:20px;font-weight:700;margin-bottom:20px;color:#333}form label{font-size:14px;font-weight:500;display:block;margin-bottom:6px;color:#333}.input-label{margin-bottom:10px;width:100%}.input-label select,.input-label input,.input-label textarea{width:100%;border-radius:5px;border:none;margin-top:5px;background-color:#efeff4;padding:8px;font-size:14px}.input-label textarea{height:120px}.form-div{display:grid;grid-template-columns:1fr 2fr;gap:16px}.form-buttons{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:15px}.form-buttons button{flex:1 1 150px;min-height:42px;padding:12px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer}.secondary-btn,.login-btn{background:#40c6a3;color:#fff;border:none;transition:all .3s ease}.secondary-btn,.login-btn:hover{background:#34a989}.secondary-btn{background-color:#ccc;color:#000}.cancel-btn{background:#ddd;border:none;color:#333}.entries-title{font-size:20px;font-weight:600;color:#333;margin:0 0 20px}th,td{padding:12px 16px;font-size:14px;border-bottom:1px solid #f0f0f0;white-space:nowrap}.table-no-data{text-align:center}.filter-div{display:grid;grid-template-columns:repeat(auto-fit,minmax(32%,1fr));gap:1rem;margin-bottom:1rem}.weekly-filter-btn{width:100%;padding:5px 10px;height:40px}.apply-filter-btn{grid-column:1 / -1;justify-self:right;width:200px}.data-chip-div .date-chip:nth-child(2){background:transparent}.entry-card{display:flex;justify-content:space-between;align-items:start}.adjust-btn.start{background-color:#059669!important}button:disabled{cursor:not-allowed;opacity:.6}.user-time-track{display:flex;padding:10px;border:1px solid darkorange;border-radius:8px;gap:10px;background:#fff3dc;color:#ff7300;margin-bottom:10px}@media screen and (max-width: 480px){.form-title{font-size:18px}.entries-title{font-size:16px}.form-buttons button{font-size:13px;padding:10px}}.table-container{width:100%;max-width:900px;overflow-x:auto}.table-container,.table-container *{box-sizing:border-box}.daily-container.mobile-narrow{padding:12px 10px}.top-bar{width:100%;max-width:900px;display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px;gap:8px;flex-wrap:wrap}.date-chip{display:inline-flex;align-items:baseline;gap:8px;background:#f1f5f9;padding:8px 12px;border-radius:999px}.chip-title{font-size:12px;color:#64748b}.chip-date{font-size:13px;font-weight:600;color:#0f172a}.adjust-btn{background:#2563eb;color:#fff;border:none;height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer}.adjust-btn:active{transform:scale(.98)}.adjust-helper{width:100%;max-width:900px;display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:8px;color:#334155}.link-btn{background:transparent;border:none;color:#2563eb;font-size:13px;text-decoration:underline;cursor:pointer}.link-btn.muted{color:#64748b}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.sheet{width:90%;max-width:400px;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;padding:16px;box-shadow:0 -8px 24px #0000001f;animation:sheetIn .18s ease-out both}@keyframes sheetIn{0%{transform:translateY(16px);opacity:.98}to{transform:translateY(0);opacity:1}}.sheet-drag{width:48px;height:4px;background:#e5e7eb;border-radius:999px;margin:0 auto 10px}.sheet-title{font-weight:600;margin-bottom:8px}.sheet-input{width:100%;height:44px;border:1px solid #e5e7eb;border-radius:12px;padding:0 12px;font-size:15px;background:#fff;margin-bottom:10px}.sheet-actions{display:flex;align-items:center;gap:8px}.sheet-actions .spacer{flex:1}.btn{height:44px;padding:0 14px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent}.btn.primary{background:#2563eb;color:#fff}.btn.secondary{background:#f3f4f6;color:#111827}.form-card.mobile-card{max-width:900px;width:100%;padding:16px 14px;margin-bottom:16px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.qa-btn{height:56px;border:none;border-radius:14px;color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.qa-btn .qa-ico{font-size:16px;line-height:1}.qa-btn.start{background:#059669}.qa-btn.end{background:#e11d48}.qa-btn:active{transform:scale(.99)}.chips-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.time-chip{flex:1}.chip-label{font-size:12px;color:#6b7280;margin-bottom:4px}.chip-field{height:56px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:0 10px;display:flex;align-items:center}.chip-input{width:100%;border:none;outline:none;font-size:20px;letter-spacing:.02em;background:transparent}.chip-spacer{font-size:12px;color:#9ca3af}.form-div.single{grid-template-columns:1fr 2fr}.totals-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.form-buttons.compact{margin:0;gap:8px}.form-buttons.compact .login-btn,.form-buttons.compact .secondary-btn,.form-buttons.compact .cancel-btn{min-height:40px;padding:8px 12px}.cards-list{width:100%;max-width:900px}.no-cards{text-align:center;font-size:14px;color:#6b7280;padding:18px 0}.entry-card{background:#fff;border:1px solid #eef0f3;border-radius:14px;padding:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:10px}.entry-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.entry-title{font-weight:600;color:#0f172a}.entry-hours{font-size:12px;color:#475569;font-weight:600}.entry-sub{margin-top:2px;font-size:13px;color:#334155;display:flex;align-items:center;gap:6px}.entry-sub .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.entry-sub .sep,.entry-sub .muted{color:#94a3b8}.entry-notes{margin-top:6px;font-size:13px;color:#64748b}.entry-actions{margin-top:10px;display:flex;gap:8px}.day-total{text-align:right;color:#0f172a;font-size:14px;margin:6px 2px 10px}@media screen and (max-width: 768px){.user-time-track{margin-bottom:10px}.data-chip-div{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0}button.back-btn,.top-bar,.totals-row{display:block!important}.form-buttons button{flex:1 1 50px!important}.form-buttons{margin-top:15px!important}.daily-container{min-height:auto;padding:20px 5px}.input-label{margin-bottom:10px;width:100%}.form-div{grid-template-columns:1fr!important;gap:0px}.form-card{padding:20px}.form-buttons{flex-direction:column}.form-buttons button{width:100%;max-width:100%}.table-container{padding:0 10px}th,td{font-size:13px;padding:10px}.box-section{width:100%;max-width:200px}}@media (max-width: 420px){.chip-input{font-size:18px}.qa-btn{height:52px;font-size:14px}.form-card.mobile-card{padding:14px 12px}.entry-card{border-radius:12px}}.form-row.two-cols-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.form-row.two-cols-grid{grid-template-columns:1fr}}.form-row.two-cols-grid .field{min-width:0;display:flex;flex-direction:column}.chip-input.same-bg{width:100%;box-sizing:border-box;background:#f5f5f5;border:1px solid #d9d9d9;border-radius:6px;padding:10px 12px}.input-error{border-color:#d92d20!important;box-shadow:0 0 0 2px #d92d201f}@keyframes ui-shake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-4px)}30%,60%,90%{transform:translate(4px)}}.shake{animation:ui-shake .35s ease;will-change:transform}.req-star{color:#d92d20;margin-left:4px}.field-error{color:#d92d20;font-size:12px;margin-top:4px}.apply-btn{background:#40c6a3;color:#fff;border:none;padding:10px 30px;border-radius:6px;font-weight:600;cursor:pointer;margin-bottom:30px;transition:background .3s ease}.apply-btn:hover{background:#34a989}.filter-btn-div{display:flex;align-items:center;justify-content:end;gap:20px}.filter-btn-div button{width:max-content}.reset-filter-btn{background-color:#e73333!important}.reset-filter-btn:hover{background-color:#cb2323!important}.monthly-container{display:flex;flex-direction:column;gap:20px;align-items:start;background:#f5f5f5;padding:10px}.heading{display:flex;gap:40px;align-items:center}.monthly-title{font-size:25px;font-weight:700;color:#333;text-align:center;margin:0}.user-filter-section label{max-width:max-content;min-width:max-content;font-size:20px;font-weight:500;color:#000}.user-filter-section select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:220px;background:#fff}.apply-btn{background:#8fe1d7;color:#fff;border:none;border-radius:6px;font-weight:600;min-width:max-content;min-height:40px;cursor:pointer;margin-bottom:0;transition:background .3s ease}.apply-btn:hover{background:#65ddce}.monthly-table{width:100%;overflow-x:auto}thead{background:#8fe1d7;color:#fff}th,td{padding:12px 14px;text-align:center;font-size:14px;border-bottom:1px solid #f0f0f0}td{color:#333}.monthly-filter{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(20%,1fr));align-items:baseline}.btn-sm{max-height:40px;margin:0}.table-no-data{background:#f8f9fa;color:#6c757d;font-style:italic}.dashboard-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f9fafb}.dashboard-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 3px 8px #0000001a;max-width:max-content;width:100%;text-align:center}.section-heading{font-size:16px;font-weight:600;color:#009688;margin:18px 0 12px}.admin-box{display:flex;gap:10px;justify-content:center}.admin-box a{color:#333}.function-item{background:#d9f2ee;padding:15px 20px;min-width:33%;border-radius:8px;width:160px;text-align:center;cursor:pointer;transition:background .3s ease}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.tool-item{background:#d9f2ee;padding:15px 10px;border-radius:8px;text-align:center;cursor:pointer;transition:background .3s ease}.layout-container{display:flex;flex-direction:column;min-height:100vh}.layout-container>header{flex-shrink:0}.layout-container>main{max-height:77vh;flex:1 0 auto;overflow-y:auto;padding:10px 20px;background:#f5f5f5;margin:15px 20px;border-radius:8px}.layout-container>footer{flex-shrink:0}@media (max-width:767px){.layout-container>main{margin:0}.tools-grid{grid-template-columns:repeat(2,1fr)}.dashboard-card{padding:10px!important}}@media (max-width: 480px){.tools-grid{grid-template-columns:1fr}}.weekly-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;background:#f9fafb;min-height:100vh}.weekly-title{font-size:20px;font-weight:700;color:#333;margin-bottom:25px;text-align:center}.filter-group{display:flex;flex-direction:column}.filter-group select,.filter-group input{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:220px;background:#fff}.weekly-table{width:90%;max-width:900px;overflow-x:auto}.summary-container{padding:30px 20px;background:#f9fafb;min-height:100vh;display:flex;gap:10px;flex-direction:column}.page-title{font-size:22px;font-weight:700;text-align:center;color:#333;margin-bottom:25px}.filter-section{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px;height:max-content!important;align-items:end}.filter-group{display:flex;flex-direction:column;min-width:max-content!important}.filter-group label{font-size:14px;font-weight:500;margin-bottom:6px;color:#333}.filter-group select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:220px;background:#fff}.checkbox-group{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;min-width:max-content!important}.table-container{width:100%;max-width:1000px;overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 8px #0000001a}.btn-edit,.btn-delete{padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;margin-right:6px}.btn-edit{background:#40c6a3;color:#fff}.btn-edit:hover{background:#34a989}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#d6362a}@media (max-width: 768px){.filter-section{align-items:flex-start}.filter-group select{width:100%}table{font-size:13px}th,td{padding:10px}}@media (max-width: 480px){.page-title{font-size:18px}table{font-size:12px}.btn-edit,.btn-delete{padding:5px 10px;font-size:12px}}.user-list-container{padding:10px 0 30px}.user-table{width:100%;border-collapse:collapse;font-size:14px}.user-table th,.user-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #e4e4e4}.user-row{cursor:pointer;transition:background .2s ease}.user-row:hover,.user-row:focus{background:#f3f7f6;outline:none}.admin-user-modal .modal-content{max-width:980px;width:min(96vw,980px);text-align:left;max-height:90vh;overflow-y:auto}.admin-user-modal-header h3{margin:0 0 4px;font-size:20px}.admin-user-subtitle{font-size:13px;color:#666}.admin-user-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:18px 0 12px}.admin-user-modal-grid h4{margin:0 0 8px}.admin-user-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;margin-bottom:12px}.admin-user-form input,.admin-user-form select,.admin-user-form textarea{padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.admin-user-form textarea{resize:vertical}.admin-pay-history{margin-top:10px}.admin-pay-history input{width:100%;padding:6px 8px;border:1px solid #d6d6d6;border-radius:6px;font-size:13px}.admin-wage-actions{display:flex;gap:8px}.admin-wage-actions button{border:1px solid #ccc;background:#fff;padding:4px 8px;border-radius:6px;cursor:pointer}.dashboard-container{display:flex;justify-content:center;align-items:center;padding:30px;background:#f8f9fb;min-height:100vh}.section-title{font-size:16px;font-weight:600;color:#1cb6a4;margin:20px 0 12px}.function-box{background:#d8f6ec;border-radius:10px;padding:20px;margin:10px auto;display:flex;flex-direction:column;align-items:center;width:220px;transition:transform .2s ease,box-shadow .2s ease}.function-box:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001a}.function-box p{margin-top:8px;font-size:14px;font-weight:500;color:#333}.icon{font-size:30px;color:#333}@media (max-width: 768px){.function-box{width:180px;padding:15px}.tools-grid{gap:15px}}@media (max-width: 480px){.dashboard-card{padding:20px}.dashboard-title{font-size:18px}.section-title{font-size:14px}.function-box{width:100%;max-width:250px}.icon{font-size:24px}}.back-btn{padding:8px 16px;background-color:#eee;border:none;border-radius:5px;cursor:pointer;font-weight:500}.back-btn:hover{background-color:#ddd}.approval-title{text-align:center;font-size:clamp(20px,3vw,26px);color:#333;font-weight:700}.filter-section>*:not(button){flex:0 0 13%;width:clamp(100px,35vw,150px);max-height:40px}.apply-btn{color:#fff;border:none;padding:8px 14px;border-radius:5px;cursor:pointer;font-weight:500}.approval-section{margin-bottom:40px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000000d;max-width:100%;min-width:100%;overflow-x:auto}.approval-header{display:flex;justify-content:space-between;margin-bottom:15px;align-items:center}.approval-header h4,.approval-header h6{font-size:clamp(10px,3vw,18px);font-weight:600;margin:0;color:#333}.approval-table{width:100%;border-collapse:collapse;min-width:1000px}.approval-table th,.approval-table td{padding:12px 10px;border:1px solid #ddd;font-size:14px;text-align:center;vertical-align:middle}.approve-btn{background-color:#4fd1c5;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:500;margin-right:5px}.reject-btn{background-color:#f44336;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:500}.reject-reason{margin-top:8px;display:flex;flex-direction:column;align-items:flex-start}.reject-reason input{padding:6px 10px;margin-top:5px;border:1px solid #ccc;border-radius:4px;width:100%}a{text-decoration:none;color:#000}a:hover{color:#4fd1c5;text-decoration:underline}.approval-section{overflow-x:auto}.reject-buttons{display:flex;gap:10px;margin-top:6px}.submit-reject-btn{background-color:#e53e3e;color:#fff;border:none;padding:6px 14px;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.submit-reject-btn:hover{background-color:#c53030}.cancel-btn{background-color:#718096;color:#fff;border:none;padding:6px 14px;border-radius:5px;cursor:pointer;font-weight:500;margin:0;transition:background-color .2s ease}.cancel-btn:hover{background-color:#4a5568}.dashboard-container{display:flex;justify-content:center;align-items:flex-start;padding-top:2rem;min-height:100vh;background:#f9fafb}.dashboard-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 3px 8px #0000001a;max-width:960px;width:100%}.center{text-align:center}.dashboard-title{font-size:22px;font-weight:700;color:#333;margin-bottom:20px}.section-heading{font-size:16px;font-weight:600;color:#009688;margin:15px 0}.function-box{margin-bottom:25px}.function-item{background:#d9f2ee;padding:15px 20px;border-radius:8px;width:200px;text-align:center;cursor:pointer;transition:background .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.function-item:hover{background:#c3e8e0}.function-item .icon{font-size:22px;display:block;margin-bottom:8px}.section-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,30%));justify-content:center;justify-items:stretch;margin:12px auto 28px}.section-grid .function-item,.section-grid .tool-item{width:100%;max-width:none}@media (max-width: 480px){.section-grid{grid-template-columns:1fr;justify-items:stretch}}.tool-item{background:#d9f2ee;padding:15px 20px;border-radius:8px;text-align:center;cursor:pointer;transition:background .3s ease;width:100%;max-width:30%;display:flex;flex-direction:column;align-items:center;justify-content:center}.tool-item:hover{background:#c3e8e0}.tool-item .icon{font-size:20px;display:block;margin-bottom:6px}.simple-link{text-decoration:none;color:inherit}@media (max-width: 480px){.function-item{width:100%;max-width:340px}.tools-grid{grid-template-columns:1fr;justify-items:stretch}}.forgot-password-container{display:grid;place-items:center;height:-webkit-fill-available;min-height:73vh}.forgot-password-box{width:100%;max-width:400px;background:#fff;border:1px solid #dce0e5;border-radius:8px;padding:30px;box-shadow:0 4px 8px #0000000d;text-align:center}.forgot-password-title{font-size:24px;font-weight:700;margin-bottom:10px;color:#333}.forgot-password-subtitle{font-size:14px;color:#666;margin-bottom:25px;line-height:1.5}.forgot-password-label{display:block;text-align:left;font-size:14px;font-weight:500;margin:10px 0 5px;color:#444}.forgot-password-input{width:100%;padding:12px 15px;border:1px solid #dce0e5;border-radius:6px;background:#f6f7fb;outline:none;font-size:14px;margin-bottom:5px;transition:border-color .3s ease}.forgot-password-input:focus{border-color:#00b894;background:#fff}.forgot-password-input.error{border-color:#e74c3c}.forgot-password-input.error:focus{border-color:#e74c3c;background:#fff}.error-message{display:block;text-align:left;font-size:12px;color:#e74c3c;margin-bottom:15px;font-weight:500}.forgot-password-footer{display:flex;justify-content:space-between}.forgot-password-btn{background:#00b894;color:#fff;font-size:16px;font-weight:600;padding:7px;border:none;border-radius:6px;cursor:pointer;transition:.3s}.forgot-password-btn:hover:not(:disabled){background:#00a37a}.forgot-password-btn:disabled{background:#95a5a6;cursor:not-allowed}.back-to-login-btn{background:transparent;color:red;font-size:14px;font-weight:600;padding:8px 16px;border:1px solid #ff0000;border-radius:6px;cursor:pointer;transition:.3s}.back-to-login-btn:hover:not(:disabled){background:#ff5c5c;color:#fff}.back-to-login-btn:disabled{opacity:.6;cursor:not-allowed}.step-indicator{display:flex;justify-content:center;margin-bottom:20px}.step-dot{width:8px;height:8px;border-radius:50%;background:#ddd;margin:0 4px;transition:background .3s ease}.step-dot.active,.step-dot.completed{background:#00b894}@media (max-width: 480px){.forgot-password-box{padding:20px}.forgot-password-title{font-size:20px}.forgot-password-input{font-size:13px;padding:10px}.forgot-password-btn{font-size:15px;padding:10px}.forgot-password-subtitle{font-size:13px}}.access-denied-container{text-align:center;padding:100px 20px;font-family:sans-serif;background-color:#f8f8f8;height:100vh}.access-denied-container h1{font-size:2.5rem;color:#d9534f;margin-bottom:1rem}.access-denied-container p{font-size:1.2rem;margin-bottom:2rem}.go-back-btn{padding:10px 20px;font-size:1rem;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:4px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 2px #8fe1d7;border-radius:10px}::-webkit-scrollbar-thumb{background:#8fe1d7;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7dc5bc}.loader-container{width:100%;height:30vh;border:1px solid gray;border-radius:8px;font-size:18px;color:#666;background-color:#fff;box-shadow:#00000059 0 5px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.no-data-message{width:100%;height:50vh;border:1px solid grey;border-radius:5px;text-align:center;padding:24vh 0;font-size:34px;color:#666;background-color:#fff;box-shadow:#00000059 0 5px 15px;text-shadow:2px 2px 3px #51928ae3}button{opacity:.9}.loader{width:50px;aspect-ratio:1;display:grid;border:4px solid #0000;border-radius:50%;border-right-color:#25b09b;animation:l15 1s infinite linear}.loader:before,.loader:after{content:"";grid-area:1/1;margin:2px;border:inherit;border-radius:50%;animation:l15 2s infinite}.loader:after{margin:8px;animation-duration:3s}@keyframes l15{to{transform:rotate(1turn)}}