.audit-table{table-layout:fixed;width:100%;min-width:1050px}.audit-table>thead>tr>th:nth-child(1){width:13%}.audit-table>thead>tr>th:nth-child(2){width:9%}.audit-table>thead>tr>th:nth-child(3){width:12%}.audit-table>thead>tr>th:nth-child(4){width:16%}.audit-table>thead>tr>th:nth-child(5){width:42%}.audit-table>thead>tr>th:nth-child(6){width:8%}.audit-table>tbody>tr>td{vertical-align:top}.audit-table>tbody>tr>td:last-child{white-space:normal}.audit-table>tbody>tr>td>.badge{white-space:normal;max-width:220px}.audit-detail{display:grid;min-width:0;gap:8px;overflow-wrap:anywhere}.audit-detail summary{cursor:pointer;white-space:normal}.audit-detail summary small{display:block;margin:4px 0;color:#64748b}.audit-detail .audit-changes{width:100%;min-width:0;table-layout:fixed;margin-top:8px;border:1px solid #e2e8f0}.audit-detail .audit-changes th,.audit-detail .audit-changes td{white-space:pre-wrap;padding:8px;font-size:12px;overflow-wrap:anywhere;vertical-align:top}.audit-changes th:first-child{width:26%}.audit-changes del{text-decoration:none;color:#92400e}.audit-changes ins{text-decoration:none;color:#047857}.audit-detail dl{margin:0;display:grid;gap:4px}.audit-detail dl>div{display:flex;gap:8px}.audit-detail dt{color:#64748b;flex-shrink:0}.audit-detail dd{margin:0;white-space:pre-wrap}.audit-request{font-size:11px;color:#64748b}.audit-request code{white-space:normal}.audit-summary{display:grid;gap:4px;white-space:normal;overflow-wrap:anywhere}.audit-table .audit-view-button{white-space:normal;text-align:left}.audit-detail-modal .audit-detail{width:100%}.audit-detail-modal .audit-changes th{position:static}.audit-detail-modal .audit-changes th,.audit-detail-modal .audit-changes td{font-size:13px;padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.audit-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:16px 0 10px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.audit-date-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.audit-date-field{display:inline-flex;align-items:center;gap:8px;margin:0!important;cursor:default}.audit-field-title{font-size:13px;font-weight:600;color:#334155;white-space:nowrap}.audit-account-select{padding:7px 32px 7px 12px;font-size:13px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1e293b;outline:none;transition:border-color .2s,box-shadow .2s;height:38px;box-sizing:border-box;min-width:160px;cursor:pointer}.audit-account-select:focus{border-color:var(--teal,#0d9488);box-shadow:0 0 0 3px #0d94881f}.audit-date-input{padding:7px 12px;font-size:13px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1e293b;outline:none;transition:border-color .2s,box-shadow .2s;height:38px;box-sizing:border-box}.audit-date-input:focus{border-color:var(--teal,#0d9488);box-shadow:0 0 0 3px #0d94881f}.audit-btn-group{display:flex;align-items:center;gap:6px}.audit-quick-date-btn{padding:7px 12px;font-size:12.5px;font-weight:600;border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:8px;cursor:pointer;transition:all .15s;height:38px;box-sizing:border-box}.audit-quick-date-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8}.audit-quick-date-btn.active{background:#0d94881a;color:var(--teal,#0d9488);border-color:var(--teal,#0d9488)}.audit-search-btn{height:38px!important;min-height:38px!important;padding:0 18px!important;font-size:13px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important}.audit-search-btn:hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#076f67,#07877d)!important}.audit-reset-btn{padding:7px 10px;font-size:12.5px;color:#dc2626;background:transparent;border:none;cursor:pointer;font-weight:500;height:38px}.audit-reset-btn:hover{text-decoration:underline}@media(max-width:850px){.audit-filter-bar{flex-direction:column;align-items:stretch}}.smtp-config-form{max-width:920px;margin-top:20px}.smtp-config-fields{min-width:0;margin:0;padding:20px}.smtp-config-fields .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px}.smtp-config-fields label{min-width:0}.smtp-config-fields small{line-height:1.5}@media(max-width:640px){.smtp-config-fields{padding:14px}.smtp-config-fields .form-grid{grid-template-columns:minmax(0,1fr)}}:root{font-family:Be Vietnam Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#15313a;background:#f3f7f7;--teal:#087b72;--navy:#102f3a;--line:#dce8e8 }*{box-sizing:border-box}body{margin:0;font-family:Be Vietnam Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;font-family:inherit!important}button,.button{cursor:pointer;border:1px solid #c8d8d9;border-radius:10px;padding:10px 14px;background:#fff;color:#173c43;text-decoration:none;font-weight:600}button.primary{color:#fff;background:var(--teal);border-color:var(--teal)}button:disabled{opacity:.5;cursor:default}.shell{max-width:1280px;margin:auto;padding:32px}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.app-shell aside{background:var(--navy);color:#fff;padding:28px 18px}.app-main{min-width:0;padding:30px 38px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:42px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#19a99b;font-weight:800}.brand div{display:flex;flex-direction:column}.brand small{color:#a8c5c9}.side-nav{display:flex;flex-direction:column;gap:8px}.side-nav button{border:0;color:#bed4d6;background:transparent;text-align:left}.side-nav button.active{color:#fff;background:#ffffff16;box-shadow:inset 3px 0 #33c8b9}header,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}header{margin-bottom:24px}h1{margin:3px 0 0;font-size:clamp(24px,3vw,34px)}h2,h3{margin-top:0}.eyebrow{margin:0;letter-spacing:.15em;font-size:11px;font-weight:800;color:var(--teal)}.muted,small{color:#647b81}.card,.workspace-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;margin:20px 0;box-shadow:0 8px 30px #1c4c5010}.login{max-width:500px;margin:50px auto}label{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-weight:600;font-size:14px}input,select,textarea{min-height:42px;padding:10px 12px;border:1px solid #bfd0d2;border-radius:9px;background:#fff;color:#17383f}textarea{min-height:92px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.error{padding:12px 14px;background:#fff0ee;color:#9d2525;border-radius:9px}.tabs{display:flex;gap:4px;margin:24px 0 18px;border-bottom:1px solid var(--line)}.tabs button{border:0;border-radius:8px 8px 0 0;background:transparent;color:#62787e}.tabs button.active{color:var(--teal);box-shadow:inset 0 -3px var(--teal)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.filters input{min-width:min(390px,100%);flex:1}.filters select{min-width:180px}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}.metric-row article{display:flex;flex-direction:column;padding:16px;border-radius:13px;background:#f3f9f8}.metric-row strong{font-size:25px;color:var(--teal)}.metric-row span{color:#60767c;font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px 11px;border-bottom:1px solid #e8eeee;vertical-align:middle}th{font-size:11px;text-transform:uppercase;color:#667b80;background:#f8fafa}td small,td>span{display:block}.person{display:flex;align-items:center;gap:10px;min-width:185px}.person small{display:block}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#dff3f0;color:var(--teal);font-weight:800}.badge{display:inline-block;width:max-content;padding:5px 9px;border-radius:999px;background:#eef1f2;font-size:12px;white-space:nowrap}.badge.success{color:#08725f;background:#dff6ee}.pagination{justify-content:flex-end;margin-top:18px}.empty{padding:25px;text-align:center;color:#6b7e83}.editor{background:#f7fbfa;padding:22px;margin:18px 0 25px;border:1px solid #cce4e0;border-radius:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 15px}.form-grid .wide{grid-column:1/-1}.permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 16px}.check{flex-direction:row;align-items:center;font-weight:400}.check input{width:18px;height:18px}.birthday-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:13px}.birthday-card{display:flex;gap:15px;padding:18px;border:1px solid var(--line);border-radius:14px}.birthday-card p{margin:6px 0 10px;color:#647b81;font-size:13px}.birthday-date{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:17px;color:#fff;background:linear-gradient(145deg,#0e8d82,#16aa9c);font-weight:800}fieldset{border:1px solid #c9d8dd;border-radius:9px;margin:18px 0}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.app-shell aside{padding:14px 16px}.brand{margin:0 0 10px}.side-nav{flex-direction:row}.app-main,.shell{padding:18px}header .actions span{width:100%}.card,.workspace-card{padding:17px}}.login-page{display:grid;grid-template-columns:minmax(400px,1.15fr) minmax(380px,.85fr);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;background:#f8fafc;font-family:Be Vietnam Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(24px,4vh,44px) clamp(28px,4.5vw,64px);color:#fff;background:linear-gradient(145deg,#062125,#0b373d,#074744);height:100%;box-sizing:border-box}.login-story:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.2px);background-size:24px 24px;opacity:.8;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 85%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 85%);pointer-events:none}.login-brand,.mobile-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.brand-badge{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#2dd4bf,#0f766e);color:#fff;font-size:16px;font-weight:800;box-shadow:0 8px 18px #2dd4bf4d;flex-shrink:0}.login-brand strong{display:block;font-size:15px;font-weight:700;letter-spacing:.04em;color:#fff}.login-brand small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#99f6e4;font-weight:600;margin-top:1px}.story-copy{position:relative;z-index:2;margin:auto 0;max-width:520px}.story-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#2dd4bf26;border:1px solid rgba(45,212,191,.3);color:#5eead4;font-size:11.5px;font-weight:600;margin-bottom:clamp(12px,2vh,18px)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d3994d;animation:loginPulse 2s infinite}@keyframes loginPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}.story-copy h1{font-size:clamp(26px,3vw,40px);line-height:1.15;font-weight:800;letter-spacing:-.03em;color:#fff;margin:0 0 clamp(8px,1.4vh,12px)}.story-copy h1 span{background:linear-gradient(135deg,#a7f3d0,#5eead4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.story-copy p{color:#cbd5e1;font-size:clamp(13.5px,1.05vw,15px);line-height:1.55;margin-bottom:clamp(14px,2.2vh,24px);max-width:480px}.login-metric-card{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:clamp(12px,1.8vh,18px);box-shadow:0 16px 36px #00000040;max-width:480px}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:#94a3b8}.live-status{color:#34d399;font-weight:600}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-item{background:#0003;padding:10px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.05)}.metric-item strong{display:block;font-size:clamp(18px,1.8vw,22px);font-weight:800;color:#5eead4;margin-bottom:2px}.metric-item small{display:block;font-size:11.5px;color:#cbd5e1}.story-footer{position:relative;z-index:2;display:flex;align-items:center;gap:14px;font-size:11.5px;color:#94a3b8}.login-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(16px,3vh,32px) clamp(24px,4vw,56px);background:#fff;position:relative;height:100%;box-sizing:border-box;overflow-y:auto}.login-form-box{width:100%;max-width:390px;margin:auto 0}.login-form{width:100%}.mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:20px}.mobile-brand strong{display:block;font-size:15px;font-weight:700;letter-spacing:.04em;color:#0f172a}.mobile-brand small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#0d9488;font-weight:600}.form-header{margin-bottom:clamp(12px,1.8vh,18px)}.form-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0f766e;margin-bottom:4px;display:inline-block}.form-header h2{font-size:clamp(22px,2.2vw,25px);font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0 0 4px}.login-help{font-size:13px;color:#64748b;line-height:1.45;margin:0}.login-form .error{margin:10px 0!important;padding:8px 12px!important;font-size:12.5px!important;border-radius:8px!important}.login-access .field-group{display:block!important;margin:0 0 clamp(10px,1.6vh,14px) 0!important;text-align:left!important}.login-access .field-title-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:6px!important}.login-access .field-title{font-size:12.5px!important;font-weight:600!important;color:#334155!important;display:block!important;margin-bottom:6px!important}.login-access .field-title-row .field-title{margin-bottom:0!important}.login-access .field-title b{color:#ef4444!important}.caps-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:#ea580c;font-weight:600;background:#fff7ed;padding:1px 6px;border-radius:4px;border:1px solid #ffedd5}.input-box{position:relative;display:flex;align-items:center;min-height:44px;height:44px;border:1.5px solid #e2e8f0;border-radius:11px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden}.input-box:focus-within{border-color:#0d9488!important;box-shadow:0 0 0 3px #0d948826!important}.input-icon{padding:0 0 0 12px;color:#94a3b8;display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.input-box:focus-within .input-icon{color:#0d9488}.login-access .input-box input{flex:1!important;height:44px!important;min-height:0!important;padding:0 12px!important;border:none!important;border-radius:0!important;outline:none!important;background:transparent!important;box-shadow:none!important;font-size:13.5px!important;color:#0f172a!important;font-family:inherit!important;min-width:0!important}.login-access .input-box input::placeholder{color:#94a3b8!important}.login-access .password-toggle{background:transparent!important;border:none!important;box-shadow:none!important;padding:0 12px!important;min-height:0!important;color:#64748b!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:color .2s ease!important;flex-shrink:0!important}.login-access .password-toggle:hover{color:#0f766e!important}.login-options{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:clamp(12px,1.8vh,18px)!important;font-size:12.5px!important}.login-access .remember-box{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;color:#475569!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;font-weight:500!important;margin:0!important;font-size:12.5px!important}.login-access .remember-box input[type=checkbox]{accent-color:#0d9488!important;width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;flex:0 0 15px!important;margin:0!important;padding:0!important;border:none!important;cursor:pointer!important}.forgot-hint{color:#0f766e!important;font-size:12.5px!important;font-weight:600!important;cursor:pointer!important;text-decoration:none!important}.login-access .login-submit{width:100%!important;min-height:46px!important;height:46px!important;padding:0 18px!important;border:none!important;border-radius:11px!important;font-size:14.5px!important;font-weight:700!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;color:#fff!important;background:linear-gradient(135deg,#0d9488,#0f766e)!important;box-shadow:0 6px 18px #0f766e47!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important}.login-access .login-submit span{display:inline!important;font-size:14.5px!important;font-weight:700!important;line-height:normal!important;color:#fff!important}.login-access .login-submit:hover:not(:disabled){background:linear-gradient(135deg,#0f766e,#115e59)!important;box-shadow:0 10px 22px #0f766e61!important;transform:translateY(-1px)!important}.login-access .login-submit:active:not(:disabled){transform:translateY(0)!important}.login-access .login-submit:disabled{opacity:.8!important;cursor:not-allowed!important}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:loginSpin .75s linear infinite;flex-shrink:0}@keyframes loginSpin{to{transform:rotate(360deg)}}.btn-arrow{transition:transform .2s ease;flex-shrink:0}.login-access .login-submit:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.login-note{margin-top:clamp(10px,1.6vh,16px);color:#64748b;font-size:12px;line-height:1.5;text-align:center}.login-footer{margin-top:clamp(12px,1.8vh,22px);font-size:11px;color:#94a3b8;text-align:center}@media(max-width:800px){.login-page{grid-template-columns:1fr;height:auto;min-height:100vh;overflow-y:auto}.login-story{display:none}.mobile-brand{display:flex}.login-access{min-height:100vh;padding:32px 20px;height:auto}.login-access .input-box input{font-size:16px!important}}.task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:15px}.task-card{padding:19px;border:1px solid var(--line);border-radius:15px;background:#fff}.task-card h3{margin:14px 0 7px}.task-card>p{color:#63777c;line-height:1.5}.task-top,.task-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px}.task-people{display:flex;flex-direction:column;margin:18px 0 10px}.task-people span{color:#6a7e83;font-size:12px}.task-attachments{display:grid;gap:5px;margin:10px 0 14px}.task-attachments a{overflow:hidden;color:#087b72;font-size:12px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.task-attachments a:hover{text-decoration:underline}.task-attachments small{color:#71858a}.progress-track{height:7px;overflow:hidden;border-radius:9px;background:#e6eeee}.progress-track i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#13a99a,#087b72)}.task-meta{margin-top:8px;color:#536a70}.task-actions{margin-top:15px}.score{padding:9px;border-radius:8px;background:#f0f8f6!important;color:#087b72!important}.badge.danger{background:#fff0e8;color:#b54918}.task-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(155px,1fr)) auto;align-items:end;gap:10px;margin:17px 0}.task-filters label{margin:0}.task-filters button{min-height:42px}.task-table table{min-width:1080px}.task-title-cell{min-width:260px;max-width:360px}.task-title-cell>strong,.task-title-cell>small{display:block}.task-title-cell>small{margin:4px 0 7px;white-space:normal}.task-row-actions{display:flex;gap:5px}.task-row-actions button+button{margin-left:0!important}.table-progress{min-width:100px}.table-progress>span{margin-bottom:5px;font-size:11px}.attachment-editor{display:grid;gap:7px;margin:12px 0}.attachment-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #d9e6e6;border-radius:9px;background:#fff}.attachment-item span,.attachment-item a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-item small{margin-left:5px}.attachment-item button{min-height:30px;padding:4px 9px;color:#a33c35}.attachment-item.removed{opacity:.55;background:#f1f3f3;text-decoration:line-through}.file-picker{display:flex;align-items:center;justify-content:center;min-height:44px;margin:2px 0;padding:9px 12px;border:1px dashed #66aaa4;border-radius:9px;color:#087b72;background:#f1faf8;cursor:pointer}.file-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.overview-table{margin-top:18px}.overview-table table{width:100%;min-width:760px}.overview-table td:not(:first-child){text-align:center}.overview-total{background:#eef8f6}@media(max-width:1100px){.task-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.task-filters label{min-width:0;font-size:11px}.task-filters input,.task-filters select,.task-filters button{width:100%;min-width:0;padding:7px;font-size:12px}}.app-shell{transition:grid-template-columns .22s ease}.app-shell.menu-collapsed{grid-template-columns:78px minmax(0,1fr)}.app-shell aside{position:relative;transition:padding .22s ease}.brand{position:relative}.menu-toggle{position:absolute;right:-31px;top:7px;z-index:3;display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid #37606a;border-radius:50%;color:#d7eceb;background:#173f49;box-shadow:0 4px 12px #061b2055}.tree-nav{display:flex;flex-direction:column;gap:8px}.tree-parent{display:grid;grid-template-columns:22px 1fr 18px;align-items:center;width:100%;padding:11px 12px;border:0;color:#d4e6e7;background:transparent;text-align:left}.tree-parent:hover{border:0;color:#fff;background:#ffffff0b}.tree-parent svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tree-parent i{font-style:normal;text-align:center;color:#87a9ad}.tree-children{position:relative;margin:1px 0 4px 22px;padding-left:17px}.tree-children:before{content:"";position:absolute;left:4px;top:0;bottom:8px;border-left:1px solid #41636b}.tree-children button{position:relative;width:100%;padding:10px 12px;border:0;border-radius:8px;color:#a9c3c6;background:transparent;text-align:left;font-size:13px}.tree-children button:before{content:"";position:absolute;left:-13px;top:50%;width:11px;border-top:1px solid #41636b}.tree-children button.active{color:#fff;background:#ffffff13}.menu-collapsed aside{padding:28px 14px}.menu-collapsed .brand{justify-content:center}.menu-collapsed .brand>div,.menu-collapsed .tree-parent span,.menu-collapsed .tree-parent i{display:none}.menu-collapsed .tree-parent{display:grid;grid-template-columns:1fr;place-items:center;padding:12px}.menu-collapsed .menu-toggle{right:-28px}.assignee-field{position:relative;margin:12px 0;font-size:14px}.field-label{display:block;margin-bottom:7px;font-weight:600}.field-label b{color:#bd392e}.assignee-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:42px;color:#61777d;font-weight:400}.assignee-trigger.open{border-color:#28a99c;box-shadow:0 0 0 3px #28a99c16}.assignee-trigger i{font-style:normal}.selected-people{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.selected-people>span{display:flex;align-items:center;gap:5px;padding:5px 6px 5px 10px;border-radius:99px;color:#087268;background:#dff4f0;font-size:12px}.selected-people button{padding:0;width:20px;height:20px;border:0;border-radius:50%;color:#087268;background:#c7eae4}.assignee-panel{position:absolute;z-index:20;top:72px;left:0;width:min(440px,calc(100vw - 70px));padding:10px;border:1px solid #bed5d3;border-radius:13px;background:#fff;box-shadow:0 16px 40px #163c4240}.assignee-panel>input{width:100%;margin-bottom:8px}.assignee-options{max-height:260px;overflow:auto}.assignee-options label{display:grid;grid-template-columns:20px 34px 1fr;align-items:center;gap:9px;margin:0;padding:9px;border-radius:8px;cursor:pointer;font-weight:400}.assignee-options label:hover{background:#f1f8f7}.assignee-options input{width:17px;min-height:17px;height:17px;margin:0;accent-color:#087b72}.assignee-options strong,.assignee-options small{display:block}.assignee-options small{margin-top:2px;font-size:11px}.picker-footer{display:flex;justify-content:space-between;align-items:center;padding:9px 3px 1px;color:#657a80;font-size:12px}.picker-footer button{padding:6px 12px;color:#fff;background:#087b72}@media(max-width:800px){.app-shell.menu-collapsed{grid-template-columns:1fr}.menu-toggle{right:0}.menu-collapsed aside{padding:12px 16px}.menu-collapsed .brand>div{display:flex}.menu-collapsed .tree-nav{display:none}.tree-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.assignee-panel{position:fixed;top:auto;right:14px;bottom:14px;left:14px;width:auto}}.menu-toggle{right:-34px;top:4px;width:32px;height:32px;border:1px solid #d4e2e3;border-radius:9px;color:#345b63;background:#fff;box-shadow:0 5px 15px #0b2b3030}.menu-toggle:hover{color:#087b72;background:#f3faf9}.menu-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.user-area{position:relative}.user-trigger{display:grid;grid-template-columns:40px minmax(120px,1fr) 16px;align-items:center;gap:10px;min-width:235px;padding:7px 10px 7px 7px;border-color:#d4e0e1;background:#fff;text-align:left}.user-trigger:hover{background:#f7fbfa}.user-trigger i{color:#71868b;font-style:normal}.user-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#087b72,#1eb3a5);font-size:13px;font-weight:800;box-shadow:0 5px 12px #087b7228}.user-avatar.large{width:47px;height:47px;border-radius:14px}.user-summary{display:flex;flex-direction:column;min-width:0}.user-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.user-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px}.user-popover{position:absolute;z-index:50;right:0;top:calc(100% + 8px);width:300px;padding:14px;border:1px solid #d7e3e4;border-radius:14px;background:#fff;box-shadow:0 18px 48px #173b4140}.user-popover-head{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid #e6eeee}.user-popover-head>div{display:flex;flex-direction:column}.user-popover-head small{margin-top:3px}.user-popover dl{margin:10px 0}.user-popover dl>div{display:flex;justify-content:space-between;gap:15px;padding:6px 2px;font-size:12px}.user-popover dt{color:#73868b}.user-popover dd{margin:0;font-weight:600;text-align:right}.user-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px solid #e6eeee}.user-menu-actions button{font-size:12px}.user-menu-actions .logout-action{color:#a33a32;background:#fff8f7;border-color:#f0d3d0}@media(max-width:800px){.menu-toggle{right:0}.user-area,.user-trigger{width:100%}.user-popover{right:0;left:0;width:100%}}.permission-tree{display:grid;gap:9px;margin:12px 0}.permission-tree details{overflow:hidden;border:1px solid #d9e6e6;border-radius:11px;background:#fff}.permission-tree summary{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;color:#23464d;background:#f4f9f8;font-weight:700}.permission-tree summary small{font-weight:500}.permission-tree details>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:6px 10px 10px}.permission-leaf{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px;margin:0;padding:9px;border-radius:8px;font-weight:400}.permission-leaf:hover{background:#f4f9f8}.permission-leaf input{width:17px;height:17px;min-height:17px;margin:0;accent-color:#087b72}.permission-leaf span{display:flex;flex-direction:column}.permission-leaf small{margin-top:2px;font-size:10px}.group-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:7px}.group-options .check{padding:10px;border:1px solid #dce7e7;border-radius:10px;background:#fff}.group-options span{display:flex;flex-direction:column}.feature-list{display:grid;gap:13px}.feature-list>article{overflow:hidden;border:1px solid var(--line);border-radius:13px}.feature-list>article>div:first-child,.feature-child{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 15px}.feature-list>article>div:first-child{color:#fff;background:#173f49}.feature-list strong,.feature-list small{display:block}.feature-list>article>div:first-child small{color:#b6cdd0}.feature-child{margin-left:22px;border-bottom:1px solid #edf1f2}.feature-child:last-child{border-bottom:0}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.group-grid>article{display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:14px}.group-grid h3{margin:14px 0 6px}.group-grid p{min-height:42px;color:#687d82}.group-grid>article>button{margin-top:16px}.group-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:#087b72;font-weight:800}.field-title{display:inline-flex;align-items:center;gap:3px}.field-title b,.required-note b{color:#d13c32}.required-note{margin:4px 0 12px;color:#76898e;font-size:12px}.modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;background:#071f2680;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .16s ease}.modal-card{width:min(500px,100%);max-height:calc(100vh - 44px);overflow:auto;padding:26px;border:1px solid #d8e4e5;border-radius:19px;background:#fff;box-shadow:0 28px 80px #051a2059;animation:modal-in .2s ease}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.modal-heading h2{margin:5px 0 0}.modal-close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border-radius:10px;color:#60767b;font-size:22px}.password-modal>p{margin-bottom:20px;line-height:1.55}.password-modal form label{margin:15px 0}.password-modal input{width:100%;min-height:48px}.modal-actions{justify-content:flex-end;margin-top:22px;padding-top:18px;border-top:1px solid #e5eded}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.list-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:48px;margin-top:18px;padding:7px 0;border-bottom:1px solid var(--line)}.list-toolbar select{width:auto;min-width:105px;margin:0;padding:8px 30px 8px 11px}.pagination-total{margin-left:auto;color:#60757a;font-size:13px}.page-controls{display:flex;align-items:center;gap:3px}.page-controls button{min-width:34px;height:34px;padding:0 9px;border-color:transparent;background:transparent}.page-controls button:hover:not(:disabled){background:#e7f4f2}.page-controls button.active{color:var(--teal);background:#dff3f0;font-weight:800}.page-controls button:disabled{opacity:.4}.access-section{margin:16px 0;border:1px solid #c9d8dd;border-radius:12px;background:#fff;overflow:hidden}.access-section>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;cursor:pointer;font-weight:750;list-style:none}.access-section>summary::-webkit-details-marker{display:none}.access-section>summary:after{content:"⌄";order:3;color:var(--teal);font-size:18px;transition:transform .2s}.access-section[open]>summary:after{transform:rotate(180deg)}.access-section>summary small{margin-left:auto;color:#6b7e83;font-weight:500}.access-section>fieldset{margin:0;padding:5px 17px 17px;border:0;border-top:1px solid var(--line);border-radius:0}@media(max-width:600px){.list-toolbar{flex-wrap:wrap}.pagination-total{width:100%;text-align:right}.page-controls{margin-left:auto}.access-section>summary{padding:13px}.access-section>fieldset{padding:5px 13px 13px}}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-color:#cbdadc;background:linear-gradient(180deg,#fff,#f8fbfb);box-shadow:0 1px 2px #16363b0a;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}button:hover:not(:disabled),.button:hover{border-color:#8fbab6;color:#087b72;background:#f2faf8;box-shadow:0 4px 12px #153f4512}button:active:not(:disabled){transform:translateY(1px)}button.primary{background:linear-gradient(135deg,#078176,#079589);box-shadow:0 6px 16px #087b7226}button.primary:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#076f67,#07877d);box-shadow:0 8px 20px #087b7238}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:38px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23566f74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}input:focus,select:focus,textarea:focus{outline:0;border-color:#35a99e;box-shadow:0 0 0 3px #1a9d9018}select:hover:not(:disabled){border-color:#8fbab6}.table-wrap{overflow:auto;border:1px solid #dbe7e8;border-radius:13px;background:#fff;box-shadow:0 4px 18px #183b4009}.table-wrap table{border-collapse:separate;border-spacing:0}.table-wrap th{position:sticky;top:0;z-index:1;padding:13px 14px;border-bottom:1px solid #d7e3e4;color:#3b5960;background:linear-gradient(180deg,#f8fbfb,#f1f6f6);font-size:12px;font-weight:750;letter-spacing:.015em;text-transform:none;white-space:nowrap}.table-wrap th:first-child{border-top-left-radius:12px}.table-wrap th:last-child{border-top-right-radius:12px}.table-wrap td{padding:13px 14px;border-bottom:1px solid #edf2f2;color:#294950;font-size:13px}.table-wrap tbody tr{transition:background .15s ease,box-shadow .15s ease}.table-wrap tbody tr:hover{background:#f5fbfa;box-shadow:inset 3px 0 #20a99b}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap td:last-child{white-space:nowrap}.table-wrap td button{min-height:32px;padding:6px 10px;border-color:#d6e3e3;border-radius:8px;color:#176d66;background:#f8fbfb;font-size:12px;box-shadow:none}.table-wrap td button+button{margin-left:6px}.table-wrap td button:hover:not(:disabled){border-color:#7db8b2;background:#eaf7f5}.table-wrap .badge{padding:5px 9px;font-weight:650}.list-toolbar{margin-top:20px;padding:8px 4px 9px;border:0}.list-toolbar select{min-height:36px;height:36px;border-radius:8px;font-size:12px}.pagination-total{padding-right:5px}.page-controls button{min-height:34px;border-radius:8px;box-shadow:none}.page-controls button.active{color:#fff;background:var(--teal);box-shadow:0 4px 10px #087b7226}.page-controls button.active:hover{color:#fff;background:#076f67}@media(max-width:700px){.table-wrap th,.table-wrap td{padding:11px 12px}.table-wrap{border-radius:10px}.table-wrap td button{margin:2px}.list-toolbar{justify-content:flex-start}.pagination-total{margin-left:0}}button,.button{min-height:36px;padding:8px 12px;border-radius:8px;box-shadow:none}.table-wrap th{text-align:center}.page-controls{gap:2px}.page-controls button{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:6px;font-size:12px}.page-controls button.active{box-shadow:none}.page-controls .chevron-icon{width:15px;height:15px}.list-toolbar select{height:34px;min-height:34px;border-radius:7px}.chevron-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tree-parent i,.user-trigger i,.assignee-trigger i{display:grid;place-items:center}.tree-parent i .chevron-icon{width:15px;height:15px}.user-trigger i .chevron-icon{width:16px;height:16px}.access-section>summary:after{content:"";width:7px;height:7px;margin-right:3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);font-size:0}.access-section[open]>summary:after{transform:rotate(225deg)}.notice{padding:11px 14px;border-radius:9px;color:#08725f;background:#e4f6f1}.report-section{margin:16px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.report-section>summary{padding:13px 16px;cursor:pointer;color:#16484d;background:#f3f8f7;font-weight:750}.report-section>.table-wrap{border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}.dashboard-page{display:grid;gap:18px}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#0d3b43,#087b72);box-shadow:0 14px 35px #103d4325}.dashboard-hero .eyebrow{color:#77ded3}.dashboard-hero h2{margin:7px 0 5px;font-size:29px}.dashboard-hero p:last-child{margin:0;color:#c8e0df}.dashboard-hero button{color:#0b655e;border-color:#ffffff70;background:#fff}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px}.metric-card{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 22px #183b400b}.metric-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;font-weight:850}.metric-card div{display:flex;flex-direction:column}.metric-card strong{margin:4px 0;font-size:27px;line-height:1}.metric-card p{margin:3px 0 0;color:#71858a;font-size:11px}.metric-card.teal .metric-icon{color:#087b72;background:#dff4f0}.metric-card.green .metric-icon{color:#18794e;background:#e3f6eb}.metric-card.orange .metric-icon{color:#b45716;background:#fff0df}.metric-card.violet .metric-icon{color:#6c50a4;background:#f0eafb}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr);gap:16px;align-items:start}.dashboard-panel{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 26px #153b400c}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-heading h3{margin:0 0 4px}.panel-heading p{margin:0;color:#708489;font-size:12px}.panel-heading button{min-height:31px;padding:5px 9px;font-size:11px}.dashboard-side{display:grid;gap:16px}.attendance-ring{--rate:0deg;display:grid;place-items:center;width:145px;height:145px;margin:12px auto 20px;border-radius:50%;background:conic-gradient(#0a9588 var(--rate),#e6eeee 0);position:relative}.attendance-ring:before{content:"";position:absolute;width:107px;height:107px;border-radius:50%;background:#fff}.attendance-ring span{position:relative;display:flex;flex-direction:column;text-align:center}.attendance-ring strong{font-size:25px;color:#0c625c}.attendance-ring small{font-size:11px}.attendance-stats{display:grid;gap:9px}.attendance-stats>span{display:flex;align-items:center;gap:7px;color:#62777c;font-size:12px}.attendance-stats strong{margin-left:auto;color:#193d44}.dot{width:8px;height:8px;border-radius:50%;background:#8da0a4}.dot.present{background:#0a9588}.dot.absent{background:#d9a04b}.panel-action{width:100%;margin-top:15px}.quick-actions>button{display:grid;grid-template-columns:36px 1fr;text-align:left;width:100%;margin-top:8px;border-color:#e0eaea;background:#fafcfc}.quick-actions>button>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#087b72;background:#e1f3f0;font-size:17px}.quick-actions button div{display:flex;flex-direction:column}.quick-actions button small{margin-top:2px;font-size:10px}.recent-work .table-wrap{box-shadow:none}@media(max-width:1050px){.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-layout{grid-template-columns:1fr}}@media(max-width:600px){.dashboard-hero{align-items:flex-start;flex-direction:column;padding:20px}.dashboard-metrics{grid-template-columns:1fr}.dashboard-hero h2{font-size:25px}}.tree-direct{grid-template-columns:22px 1fr;margin:0}.tree-direct.active{color:#fff;background:#ffffff13;box-shadow:inset 3px 0 #2bc3b4}.menu-collapsed .tree-direct{grid-template-columns:1fr}.guide-page{max-width:1100px}.guide-upload,.guide-file-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#f5faf9}.guide-upload>div,.guide-file-head>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.guide-upload small,.guide-file-head small{color:#6d8186}.guide-upload .file-picker{min-width:220px;margin:0}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid transparent;border-radius:9px;text-decoration:none;white-space:nowrap}.guide-document{min-height:320px;padding:36px clamp(20px,5vw,64px);border:1px solid #dfe8e8;border-radius:12px;color:#243f45;background:#fff;box-shadow:0 8px 24px #173b410d;line-height:1.65}.guide-document h1,.guide-document h2,.guide-document h3,.guide-document h4{margin:1.3em 0 .55em;color:#173f49;line-height:1.25}.guide-document h1{font-size:2em}.guide-document h2{font-size:1.6em}.guide-document h3{font-size:1.3em}.guide-document p{margin:.7em 0}.guide-document ul,.guide-document ol{margin:.8em 0;padding-left:2em}.guide-document li{margin:.3em 0}.guide-document table{width:100%;margin:1.2em 0;border-collapse:collapse}.guide-document th,.guide-document td{padding:8px 10px;border:1px solid #aebfc1;vertical-align:top}.guide-document th{background:#eaf3f2;font-weight:700}.guide-document img{display:block;max-width:100%;height:auto;margin:16px auto}.guide-document blockquote{margin:1em 0;padding:8px 18px;border-left:4px solid #55a79f;color:#526b70;background:#f3f8f7}.guide-document a{color:#087b72}.guide-empty{padding:48px 20px;border:1px dashed #b7cccc;border-radius:12px;text-align:center;background:#f8fbfb}.guide-empty p{margin-bottom:0;color:#6d8186}@media(max-width:800px){.guide-upload,.guide-file-head{align-items:stretch;flex-direction:column}.guide-upload .file-picker,.guide-upload button,.guide-file-head .button-link{width:100%}.guide-document{padding:22px 16px}}.fleet-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0;padding:13px;border-radius:12px;color:#47636a;background:#f2f8f7;font-size:12px}.fleet-flow span{padding:6px 10px;border-radius:8px;background:#fff}.fleet-flow i{color:#0b8b80;font-style:normal}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:13px}.vehicle-grid article{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff}.vehicle-grid h3{margin:0 0 4px}.vehicle-grid p{margin:0 0 4px;color:#526b71}.vehicle-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;color:#087b72;background:#dff3f0;font-size:20px}.form-modal{position:relative;width:min(650px,100%);padding:22px}.form-modal.wide-modal{width:min(900px,100%)}.form-modal.xwide-modal{width:min(1120px,100%)}.form-modal-close{position:sticky;z-index:2;top:0;float:right;margin:-7px -7px 4px 12px;background:#fff}.form-modal .modal-content>.editor{margin:0;padding:0;border:0;background:#fff}.form-modal .modal-content>.editor>h3{margin:3px 45px 8px 0;font-size:21px}.form-modal .modal-content>.editor>.actions{justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.workspace-card>.editor,.card>.editor{position:fixed;z-index:1000;top:50%;left:50%;width:min(900px,calc(100vw - 44px));max-height:calc(100vh - 44px);overflow:auto;transform:translate(-50%,-50%);margin:0;padding:24px;border-color:#d8e4e5;border-radius:19px;background:#fff;box-shadow:0 0 0 100vmax #071f2680,0 28px 80px #051a2059}@media(max-width:600px){.modal-backdrop{padding:10px}.form-modal,.form-modal.wide-modal,.form-modal.xwide-modal{max-height:calc(100vh - 20px);padding:17px}.workspace-card>.editor,.card>.editor{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:17px}.form-modal .form-grid{grid-template-columns:1fr}}.announcement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.announcement-card{position:relative;padding:19px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 22px #153b400b}.announcement-card:before{content:"";position:absolute;top:0;left:18px;right:18px;height:3px;border-radius:0 0 4px 4px;background:#42aa9f}.announcement-card.priority-quan\ trọng:before{background:#e39c32}.announcement-card.priority-khẩn:before{background:#d6564d}.announcement-head{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.announcement-head>div{display:flex;align-items:center;gap:7px}.announcement-head time,.announcement-head small{color:#71858a;font-size:11px}.announcement-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#fff;background:#158f84;font-family:serif;font-weight:800}.announcement-card h3{margin:16px 0 8px}.announcement-card>p{min-height:48px;white-space:pre-wrap;color:#526b71;line-height:1.55}.announcement-meta{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #edf2f2;color:#71858a;font-size:11px}.feedback-list{margin:5px 0 13px;border:1px solid var(--line);border-radius:10px}.feedback-list summary{padding:9px 11px;cursor:pointer;font-size:12px;font-weight:700}.feedback-list p{display:flex;flex-direction:column;margin:0;padding:9px 11px;border-top:1px solid var(--line);font-size:12px}.feedback-list small{margin:2px 0 5px}@media(max-width:600px){.announcement-grid{grid-template-columns:1fr}.announcement-meta{flex-direction:column}}.announcement-table td{vertical-align:top}.announcement-table td:first-child{min-width:250px;max-width:390px}.announcement-table td:nth-child(2){min-width:180px;max-width:280px}.announcement-table td small{display:block;margin-top:4px;color:#71858a;line-height:1.4}.announcement-table td:first-child small{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.announcement-table .row-actions{min-width:110px}.quick-search{display:flex;align-items:center;gap:8px;width:min(420px,100%);margin:12px 0;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff}.quick-search:focus-within{border-color:#2ba99e;box-shadow:0 0 0 3px #2ba99e16}.quick-search>span{color:#6d8388;font-size:20px}.quick-search input{width:100%;min-height:40px;padding:8px 0;border:0;box-shadow:none;background:transparent}.quick-search input:focus{box-shadow:none}.quick-search.compact{width:100%;margin:7px 0 10px}.recipient-picker{padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8fbfb}.picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.picker-heading h3,.picker-heading .field-title{margin:0}.picker-heading button{padding:6px 9px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:300px;overflow:auto}.check-grid .check{margin:0;padding:8px;border:1px solid #dbe8e7;border-radius:8px;background:#fff}.check-grid .check span{display:flex;flex-direction:column}.check-grid .check small{font-size:10px}.group-config-layout{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:18px}.group-config-layout>div:first-child{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fbfb}.group-config-layout>div:first-child article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:7px;padding:9px;border:1px solid #dbe8e7;border-radius:9px;background:#fff}.group-config-layout>div:first-child article>div{display:flex;align-items:flex-start;flex-direction:column;text-align:left}.group-config-layout>div:first-child article.active{border-color:#15988c;background:#eaf7f5}.group-config-layout>form{margin:0;padding:0;border:0;box-shadow:none}@media(max-width:800px){.group-config-layout,.check-grid{grid-template-columns:1fr}}.header-actions{display:flex;align-items:center;gap:10px}.notification-center{position:relative}.notification-trigger{position:relative;width:42px;height:42px;padding:0;border-radius:12px;background:#fff}.notification-trigger svg{width:20px;height:20px;fill:none;stroke:#315960;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-trigger>span{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #f2f7f7;border-radius:999px;color:#fff;background:#d94c42;font-size:10px;font-weight:800}.notification-popover{position:absolute;z-index:60;top:calc(100% + 9px);right:0;width:min(390px,calc(100vw - 30px));overflow:hidden;border:1px solid #d6e3e4;border-radius:15px;background:#fff;box-shadow:0 20px 55px #102f3540}.notification-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e7eeee}.notification-heading>div{display:flex;flex-direction:column}.notification-heading small{margin-top:3px}.notification-heading button{min-height:29px;padding:5px 8px;border:0;color:#087b72;background:transparent;font-size:11px}.notification-list{max-height:390px;overflow:auto}.notification-section-title{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:8px 15px;color:#526b71;background:#f5f8f8;border-bottom:1px solid #e5eded;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.notification-section-title b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;color:#087b72;background:#dff3f0}.notification-list>button{display:grid;grid-template-columns:9px 1fr;align-items:start;width:100%;padding:13px 15px;border:0;border-bottom:1px solid #edf2f2;border-radius:0;background:#fff;text-align:left}.notification-list>button.unread{background:#f0faf8}.notification-list>button:hover{background:#e8f6f4}.notification-list>button>span:last-child{display:flex;flex-direction:column;min-width:0}.notification-list strong{font-size:12px}.notification-list small{overflow:hidden;margin:4px 0;color:#60767b;font-size:11px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.notification-list time{color:#8a9b9f;font-size:10px}.notification-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#a7b6b9}.notification-list>button.unread .notification-dot{background:#15978b}.notification-dot.urgent{background:#dc5147!important}.notification-footer{width:100%;border:0;border-radius:0;color:#087b72;background:#f7fbfa;font-size:12px}@media(max-width:700px){.header-actions{width:100%;justify-content:flex-end}.notification-popover{position:fixed;top:75px;right:10px;left:10px;width:auto}.notification-trigger{width:38px;height:38px}}.announcement-detail .detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-right:42px}.announcement-detail .detail-heading h3{margin:9px 0 5px}.detail-scope{padding:7px 10px;border-radius:9px;color:#087b72;background:#e2f4f1;font-size:11px;font-weight:700;white-space:nowrap}.detail-content{margin:20px 0;padding:18px;border-radius:12px;color:#294950;background:#f5f9f8;white-space:pre-wrap;line-height:1.7}.detail-feedback{max-height:210px;overflow:auto;margin:16px 0;border:1px solid var(--line);border-radius:11px}.detail-feedback h4{position:sticky;top:0;margin:0;padding:10px 12px;background:#f3f8f7}.detail-feedback article{padding:10px 12px;border-top:1px solid var(--line)}.detail-feedback article small{display:block;margin:3px 0;color:#71858a}.detail-feedback article p{margin:5px 0 0}.tree-group .tree-children{animation:menu-open .14s ease}@keyframes menu-open{0%{opacity:0;transform:translateY(-4px)}}.action-context{display:flex;flex-direction:column;gap:4px;margin:13px 0 18px;padding:12px 14px;border-radius:10px;color:#35575e;background:#f1f7f6}.action-context span{font-size:12px}.vehicle-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.vehicle-actions button{min-height:30px;padding:5px 9px;font-size:11px}html,body,#root{max-width:100%;overflow-x:hidden}.dashboard-page,.dashboard-layout,.dashboard-layout>*,.dashboard-panel,.dashboard-side,.recent-work{min-width:0}.table-wrap{width:100%;max-width:100%;min-width:0}.table-wrap table{min-width:max-content}.form-grid>*{min-width:0}input,select,textarea{max-width:100%}@media(max-width:800px){.app-shell,.app-shell.menu-collapsed{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}.app-main{width:100%;max-width:100%;padding:16px}.app-shell aside{width:100%;padding:12px 16px}.menu-collapsed aside{padding:12px 16px}.brand{min-height:44px}.menu-toggle{right:0;top:5px}.tree-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.tree-parent{min-width:0}.tree-children{margin-left:10px;padding-left:10px}.app-main>header{align-items:flex-start;gap:12px}.app-main>header>div:first-child{width:100%}.app-main>header h1{font-size:25px}.header-actions{width:100%;justify-content:space-between}.user-area{width:auto;flex:1}.user-trigger{width:100%;min-width:0;grid-template-columns:38px minmax(0,1fr) 16px}.user-avatar{width:38px;height:38px}.card,.workspace-card{width:100%;margin:14px 0;padding:15px;border-radius:14px}.section-heading{align-items:flex-start;gap:12px}.section-heading>.actions{width:100%}.section-heading>.actions>*{flex:1}.dashboard-layout{grid-template-columns:minmax(0,1fr)}.dashboard-panel{padding:15px}.dashboard-hero{width:100%;min-width:0;padding:19px}.dashboard-hero>div{width:100%;min-width:0}.dashboard-hero p{overflow-wrap:anywhere}.dashboard-metrics{grid-template-columns:minmax(0,1fr)}.metric-card{width:100%;min-width:0;padding:15px}.metric-card>div{min-width:0}.task-grid,.announcement-grid,.vehicle-grid,.birthday-grid,.group-grid{grid-template-columns:minmax(0,1fr)}.task-card,.announcement-card,.vehicle-grid article{min-width:0}.filters>*{width:100%;min-width:0!important}.tabs{overflow-x:auto}.tabs button{flex:0 0 auto;white-space:nowrap}.list-toolbar{justify-content:flex-end}.pagination-total{width:auto}.modal-card{border-radius:14px}.permission-tree details>div,.group-options,.permissions{grid-template-columns:minmax(0,1fr)}.feature-list>article>div:first-child,.feature-child{grid-template-columns:minmax(0,1fr) auto}.feature-list>article>div:first-child small{grid-column:1}.fleet-flow{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.fleet-flow span{flex:0 0 auto}.vehicle-grid article{grid-template-columns:40px minmax(0,1fr)}.vehicle-actions{grid-column:1/-1;flex-direction:row;justify-content:flex-end}.announcement-head{grid-template-columns:34px minmax(0,1fr)}.announcement-head time{grid-column:2}.announcement-detail .detail-heading{flex-direction:column;padding-right:38px}.notification-popover{top:68px;max-height:calc(100vh - 82px)}.notification-list{max-height:calc(100vh - 190px)}}@media(max-width:420px){.app-main{padding:12px}.card,.workspace-card{padding:13px}.tree-nav{grid-template-columns:1fr 1fr}.user-summary strong{font-size:12px}.user-summary small{font-size:9px}.dashboard-hero h2{font-size:23px}.metric-row{grid-template-columns:1fr}.actions button,.actions .button{flex:1 1 auto}.list-toolbar{gap:5px}.list-toolbar select{min-width:90px}.form-modal,.form-modal.wide-modal,.form-modal.xwide-modal{width:100%}}.pagination-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;margin-top:16px}.pagination-row>.list-toolbar{flex:1;margin-top:0;padding-top:6px;padding-bottom:6px}.pagination-row.with-leading>.list-toolbar{border-bottom:0}.pagination-row>.quick-search{flex:0 1 320px;width:320px;max-width:40%;margin:0}.quick-search{box-sizing:border-box;min-height:36px;height:36px;flex-direction:row;margin-block:0;border-radius:8px}.quick-search>span{flex:0 0 auto;font-size:17px;line-height:1}.quick-search input{box-sizing:border-box;min-width:0;min-height:34px;height:34px;padding:5px 0;font-size:13px}.quick-search.compact{height:auto;min-height:36px}.workspace-card>.quick-search:not(.compact),section>.quick-search:not(.compact){float:left;width:320px;max-width:40%;margin:16px 16px 0 0}.workspace-card>.quick-search:not(.compact)+.pagination-row,section>.quick-search:not(.compact)+.pagination-row{margin-top:16px}.workspace-card>.quick-search:not(.compact)+.pagination-row+*,section>.quick-search:not(.compact)+.pagination-row+*{clear:both}@media(max-width:700px){.pagination-row{align-items:stretch;flex-direction:column;gap:8px}.pagination-row>.quick-search,.workspace-card>.quick-search:not(.compact),section>.quick-search:not(.compact){float:none;width:100%;max-width:none;margin:12px 0 0}.pagination-row>.list-toolbar{width:100%;margin-left:0}.workspace-card>.quick-search:not(.compact)+.pagination-row,section>.quick-search:not(.compact)+.pagination-row{margin-top:0}}@media(max-width:800px){.modal-backdrop{height:100dvh;overscroll-behavior:contain}.modal-card,.workspace-card>.editor,.card>.editor{max-height:calc(100dvh - 20px);overscroll-behavior:contain}.form-modal input,.form-modal select,.form-modal button,.workspace-card>.editor input,.workspace-card>.editor select,.workspace-card>.editor button,.card>.editor input,.card>.editor select,.card>.editor button{min-height:44px}.form-modal textarea{min-height:100px}.form-modal-close{min-height:36px;width:36px;height:36px}.assignee-options label{min-height:48px}}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.catalog-section{overflow:hidden;border:1px solid var(--line);border-radius:14px}.catalog-section>div:first-child{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#f3f8f7}.catalog-section h3{margin:0}.catalog-section>div:last-child>article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-top:1px solid var(--line)}.catalog-section article span{display:flex;flex-direction:column}.catalog-section article small{margin-top:3px}.catalog-section article button{min-height:31px}.catalog-section .primary{color:#fff}@media(max-width:700px){.catalog-grid{grid-template-columns:1fr}}.catalog-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.catalog-table{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.catalog-table-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#f3f8f7}.catalog-table-heading h3{margin:0}.catalog-table .table-wrap{border-top:1px solid var(--line)}.catalog-table table{min-width:420px}.catalog-table th:first-child,.catalog-table td:first-child{width:58px;text-align:center}.catalog-table th:last-child,.catalog-table td:last-child{width:90px;text-align:center}.catalog-table tbody tr:hover{background:#f7fbfa}@media(max-width:900px){.catalog-tables{grid-template-columns:1fr}}@media(max-width:600px){.catalog-table table{min-width:360px}.catalog-table-heading .compact-create span{display:none}.catalog-table-heading .compact-create{width:38px;height:38px;padding:0;justify-content:center}}.catalog-table table{min-width:520px}.catalog-table th:last-child,.catalog-table td:last-child{width:108px}.catalog-table .inactive-row{color:#788b8f;background:#fafbfb}.badge.inactive{color:#687b80;background:#edf1f2}.icon-action.success-action{color:#08725f;background:#e5f7f1}@media(max-width:600px){.catalog-table table{min-width:480px}}.attendance-report{margin-top:4px}.report-filters{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr)) auto;align-items:end;gap:10px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#f6faf9}.report-filters label{min-width:0;margin:0}.report-filters input,.report-filters select{width:100%;min-width:0}.report-filters button{min-height:42px;white-space:nowrap}.report-result{margin-top:20px;border:1px solid #b8c8c5;border-radius:4px;background:#fff}.report-title{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #b8c8c5;text-align:center}.report-title>div{flex:1}.report-title h3{margin:5px 0;font-family:Georgia,serif}.report-title p{margin:0;color:#60767b;font-size:12px}.attendance-report-table{min-width:820px}.attendance-report-table th{border:1px solid #aabbb8;color:#173c43;background:#e2efda;text-align:center}.attendance-report-table td{border:1px solid #b8c8c5}.attendance-report-table td:nth-child(1),.attendance-report-table td:nth-child(3),.attendance-report-table td:nth-child(4),.attendance-report-table td:nth-child(5){text-align:center}.attendance-report-table td:last-child{min-width:310px;white-space:normal;line-height:1.55}.attendance-report-table .report-total td{font-weight:800;background:#f6f8f7}.attendance-report-table .report-total td:first-child{text-align:center}@media(max-width:1100px){.report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.report-filters{grid-template-columns:1fr 1fr}.report-filters button{grid-column:1/-1}.report-title{align-items:stretch;flex-direction:column}.report-title button{width:100%}}@media(max-width:430px){.report-filters{grid-template-columns:1fr}}@media(max-width:1600px){.task-filters{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.task-filters>*{min-width:0}.task-filters input,.task-filters select,.task-filters button{width:100%;min-width:0}.task-filters button{white-space:nowrap}}@media(max-width:650px){.task-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.task-filters button{grid-column:2}}@media(max-width:430px){.task-filters{grid-template-columns:1fr}.task-filters button{grid-column:1}}.person-search-filter>div{position:relative}.person-search-filter input{padding-right:34px}.person-search-filter>div>button{position:absolute;z-index:3;top:4px;right:4px;width:30px;min-height:34px;padding:0;border:0;background:transparent;font-size:20px}.person-search-options{position:absolute;z-index:30;top:calc(100% + 4px);right:0;left:0;max-height:260px;overflow:auto;border:1px solid #cbdcdd;border-radius:10px;background:#fff;box-shadow:0 14px 35px #16383d2e}.person-search-options>button{display:flex;align-items:flex-start;flex-direction:column;width:100%;min-height:0;padding:9px 11px;border:0;border-bottom:1px solid #edf2f2;border-radius:0;background:#fff;text-align:left}.person-search-options>button:hover{background:#edf8f6}.person-search-options small{margin-top:2px;color:#71858a}.person-search-options>span{display:block;padding:12px;color:#71858a;font-size:12px}.download-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.task-table th:last-child,.task-table td:last-child{position:sticky;right:0;z-index:3;min-width:202px;background:#fff;box-shadow:-7px 0 12px #183b4012}.task-table th:last-child{z-index:5;background:#f3f7f7}.task-table .overdue-task td{background:#fff1ef}.task-table .overdue-task td:first-child{box-shadow:inset 4px 0 #d94d43}.task-table .overdue-task td:last-child{background:#fff1ef;box-shadow:-7px 0 12px #81332d18}.overdue-badge{display:inline-block!important;margin-left:6px;color:#a92f29;background:#ffdcd8}.task-table tbody tr:hover td:last-child{background:#f5fbfa}.task-table tbody tr.overdue-task:hover td:last-child{background:#ffe9e6}.recent-work .dashboard-overdue-task td{background:#fff1ef}.recent-work .dashboard-overdue-task td:first-child{box-shadow:inset 4px 0 #d94d43}.recent-work .dashboard-overdue-task:hover{background:#ffe9e6}.recent-work .overdue-badge{margin-top:6px;margin-left:0}.overview-filters{justify-content:flex-start}.overview-filters label{margin:0}.overview-filters input{min-width:190px}.overview-subtabs{margin-top:8px}.person-overview-heading{margin:18px 0 10px}.person-overview-heading h3{margin:0 0 4px}.person-overview-heading p{margin:0}.person-result-card{margin:16px 0;border:1px solid #d9e6e6;border-radius:12px;overflow:hidden;background:#fff}.person-result-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#f3faf8}.person-result-card h4{margin:0;color:#163d42}.person-result-card header span{color:#637a7e;font-size:12px}.person-result-card header p{margin:0;color:#0b786f;font-weight:700}.person-result-table table{width:100%;min-width:900px}.person-result-table td{vertical-align:top}.person-result-table td:first-child{min-width:210px}.person-result-table td:first-child small{display:block;margin-top:5px;color:#708389}.person-result-text{min-width:190px;max-width:330px;white-space:pre-wrap;overflow-wrap:anywhere}.person-score{display:block;margin-top:6px;color:#0b786f}.person-approval{display:block;margin-top:5px;color:#708389}.person-summary-table th:first-child,.person-summary-table td:first-child{min-width:190px}.person-summary-table th:nth-child(2),.person-summary-table td:nth-child(2){min-width:150px;text-align:left}.person-summary-name{min-height:0;padding:2px 0;border:0;border-radius:0;color:#087b72;background:transparent;font-weight:700;text-align:left;text-decoration:underline;text-underline-offset:3px}.person-summary-name:hover{border:0;color:#07584f;background:transparent}.person-summary-name[aria-expanded=true]{color:#064a45}.table-wrap:has(tbody td:last-child>button) th:last-child,.table-wrap:has(tbody td:last-child>button) td:last-child{position:sticky;right:0;z-index:3;min-width:112px;background:#fff;box-shadow:-7px 0 12px #183b4012;text-align:center}.table-wrap:has(tbody td:last-child>button) th:last-child{z-index:5;background:#f3f7f7}.table-wrap:has(tbody td:last-child>button) th:last-child:empty:after{content:"Thao tác"}.table-wrap:has(tbody td:last-child>button) tbody tr:hover td:last-child{background:#f5fbfa}.table-wrap:has(tbody td:last-child>button) td:last-child>button:not(.icon-action):before{content:"✎";font-size:14px}.form-modal .editor>.section-heading>button[type=button],.announcement-detail>.actions>button[type=button]{display:none}.tree-children button.active,.tree-direct.active{color:#087b72!important;background:#fff!important;box-shadow:0 6px 16px #041b2040!important;font-weight:750}.tree-parent.current{color:#5fe0d2;background:#ffffff0d}.tree-parent.current svg{stroke:#6ce9dc;filter:drop-shadow(0 0 5px #48d6c9aa)}.menu-collapsed .tree-parent.current{color:#6ce9dc;background:#ffffff12;box-shadow:inset 3px 0 #5fe0d2}.row-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px;white-space:nowrap}.icon-action{display:inline-grid!important;place-items:center;flex:0 0 34px;width:34px!important;height:34px;min-height:34px!important;padding:0!important;border-radius:9px;color:#176b65;background:#f4fbfa}.icon-action:hover{border-color:#58aaa3;color:#075f58;background:#e7f7f4}.icon-action.danger-action{color:#ad3d35;background:#fff7f6}.action-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.list-page-actions>*{display:inline-flex;align-items:center;justify-content:center;gap:8px}.compact-create{display:inline-flex;align-items:center;gap:6px}.task-table th:last-child,.task-table td:last-child{min-width:140px}.table-wrap:has(tbody td:last-child .row-actions) th:last-child,.table-wrap:has(tbody td:last-child .row-actions) td:last-child{position:sticky;right:0;z-index:3;min-width:96px;background:#fff;box-shadow:-7px 0 12px #183b4012;text-align:left}.table-wrap:has(tbody td:last-child .row-actions) th:last-child{z-index:5;background:#f3f7f7}.table-wrap:has(tbody td:last-child .row-actions) tbody tr:hover td:last-child{background:#f5fbfa}.menu-toggle,.menu-collapsed .menu-toggle{right:-27px;top:7px;width:26px;height:26px;border:0;border-radius:7px;box-shadow:0 3px 9px #0b2b3024}.menu-toggle svg{width:17px;height:17px}@media(max-width:1000px){.app-main>header{position:relative;display:block;min-height:72px;padding-right:108px}.app-main>header>div:first-child{min-width:0}.app-main>header h1{font-size:clamp(23px,5vw,29px);overflow-wrap:anywhere}.app-main>header .header-actions{position:absolute;top:0;right:0;width:auto;gap:7px}.app-main>header .user-area{width:auto;flex:0 0 auto}.app-main>header .user-trigger{display:grid;width:44px;min-width:44px;grid-template-columns:1fr;padding:3px}.app-main>header .user-summary,.app-main>header .user-trigger>i{display:none}.app-main>header .user-popover{right:0;left:auto;width:min(300px,calc(100vw - 24px))}}@media(max-width:600px){.list-page-actions{width:auto!important}.section-heading>.list-page-actions>*{flex:0 0 42px;width:42px;height:42px;min-width:42px;padding:0}.list-page-actions>*>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.section-heading{position:relative}.section-heading>.list-page-actions{position:absolute;top:0;right:0}.section-heading:has(>.list-page-actions)>div:first-child{padding-right:100px}.section-heading:has(>.list-page-actions)>div:first-child .muted{padding-right:0}.task-table th:last-child,.task-table td:last-child{min-width:126px}.menu-toggle,.menu-collapsed .menu-toggle{right:0}}.table-wrap th{text-align:left!important;text-transform:uppercase!important}.bulk-account-employees{max-height:400px;overflow:auto}.bulk-account-employees th{position:sticky;top:0}.bulk-account-employees input[type=checkbox]{width:18px;height:18px}.bulk-account-form>.modal-body>fieldset{padding:12px 16px}.holiday-import-issues{max-height:360px;overflow:auto;margin:12px 0 20px}.holiday-import-issues table{min-width:600px}.holiday-import-issues th{position:sticky;top:0}.holiday-import-issues td:last-child{white-space:normal;overflow-wrap:anywhere}.catalog-page{background:transparent;box-shadow:none;border:0;padding:0}.catalog-page-heading{margin-bottom:24px}.catalog-page-heading h2{margin:3px 0 5px}.catalog-add{min-width:170px}.catalog-tabs{display:inline-flex;gap:4px;margin-bottom:20px;padding:5px;border:1px solid var(--line);border-radius:11px;background:#fff}.catalog-tabs button{min-height:43px;border:0;background:transparent;color:#60757a;box-shadow:none}.catalog-tabs button span{font-size:18px}.catalog-tabs button b{display:grid;place-items:center;min-width:25px;height:25px;margin-left:4px;padding:0 7px;border-radius:7px;color:#7b8c90;background:#eef2f3}.catalog-tabs button.active{color:#fff;background:var(--teal)}.catalog-tabs button.active b{color:#fff;background:#ffffff25}.catalog-search{position:relative;width:min(670px,100%);margin:10px 0 28px}.catalog-search>span{position:absolute;z-index:2;left:17px;top:50%;color:#8da1a5;font-size:25px;line-height:1;transform:translateY(-53%)}.catalog-search input{width:100%;height:54px;padding-left:52px;border-color:#d8e3e4;border-radius:12px;font-size:15px}.catalog-list-table{border-radius:14px}.catalog-list-table table{min-width:900px}.catalog-list-table th:first-child,.catalog-list-table td:first-child{width:105px}.catalog-list-table th:last-child,.catalog-list-table td:last-child{width:112px}.catalog-code{display:inline-block;padding:5px 8px;border:1px solid #dce5e6;border-radius:6px;color:#557078;background:#f4f7f7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.catalog-form .form-grid{grid-template-columns:1fr 1fr}.catalog-form label small{margin-top:-2px;font-weight:400}.catalog-form input[type=number]{font-variant-numeric:tabular-nums}@media(max-width:700px){.catalog-page-heading{align-items:flex-start}.catalog-add{min-width:0}.catalog-tabs{display:flex}.catalog-tabs button{flex:1}.catalog-search{margin-bottom:18px}.catalog-form .form-grid{grid-template-columns:1fr}}.app-main>.app-topbar{display:flex;align-items:center;justify-content:flex-end;min-height:54px;margin-bottom:12px;padding:0}.app-main>.app-topbar .header-actions{position:static;width:auto;margin-left:auto}@media(max-width:1000px){.app-main>.app-topbar{display:flex;min-height:48px;padding:0}.app-main>.app-topbar .header-actions{position:static;top:auto;right:auto;width:auto}.app-main>.app-topbar .user-area{width:auto}.app-main>.app-topbar .user-trigger{width:44px;min-width:44px}}@media(min-width:1001px){.app-main>.app-topbar .header-actions{margin-left:auto;justify-content:flex-end}.app-main>.app-topbar .user-area{flex:0 0 auto}.app-main>.app-topbar .user-trigger{width:220px;min-width:220px;max-width:220px;grid-template-columns:34px minmax(0,1fr) 14px;gap:8px;padding:5px 8px 5px 5px}.app-main>.app-topbar .user-trigger>.user-avatar{width:34px;height:34px;border-radius:10px}.app-main>.app-topbar .user-summary{text-align:left}.app-main>.app-topbar .user-trigger i .chevron-icon{width:14px;height:14px}}.permission-parent-check{display:flex;flex-direction:row;align-items:center;gap:9px;margin:0;cursor:pointer;font-weight:700}.permission-parent-check input{flex:0 0 17px;width:17px;height:17px;min-height:17px;margin:0;accent-color:var(--teal)}.group-grid{grid-template-columns:repeat(auto-fill,minmax(270px,360px));align-items:start}.group-grid>article{min-height:0}.group-grid>article p{min-height:0}.group-grid>article>button{width:100%}@media(max-width:800px){.group-grid{grid-template-columns:minmax(0,1fr)}}.permission-matrix{margin-top:10px;border:1px solid #dce5e9;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 1px 3px #00000008}.permission-matrix-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#f8fafb;border-bottom:1px solid #e5eded}.permission-matrix-search{position:relative;display:flex;align-items:center;min-width:240px;flex:1;max-width:360px}.permission-search-input{width:100%;padding:7px 30px 7px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;background:#fff;color:#1e293b;transition:border-color .2s,box-shadow .2s}.permission-search-input:focus{outline:none;border-color:var(--teal,#0d9488);box-shadow:0 0 0 3px #0d94881f}.permission-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#94a3b8;cursor:pointer;font-size:16px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.permission-search-clear:hover{color:#475569;background:#e2e8f0}.permission-matrix-summary{display:flex;align-items:center;gap:14px}.permission-counter{font-size:13px;color:#475569}.permission-counter b{color:var(--teal,#0d9488);font-size:14px}.permission-batch-actions{display:flex;align-items:center;gap:6px}.permission-btn-ghost{padding:5px 10px;font-size:12px;font-weight:600;border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:6px;cursor:pointer;transition:all .15s}.permission-btn-ghost:hover:not(:disabled){background:#f1f5f9;color:#0f172a;border-color:#94a3b8}.permission-btn-ghost.danger:hover:not(:disabled){background:#fef2f2;color:#dc2626;border-color:#fca5a5}.permission-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.permission-table-wrap{border:none;margin:0;max-height:460px;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.permission-table{width:100%;min-width:620px;border-collapse:collapse;margin:0}.permission-table th{background:#f1f5f9;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:10px 14px;border-bottom:1px solid #cbd5e1;position:sticky;top:0;z-index:2}.permission-table th.col-module{width:220px;min-width:180px}.permission-table th.col-actions-list{width:auto;min-width:320px}.permission-table th.col-quick-check{width:80px;text-align:center}.permission-row{border-bottom:1px solid #edf2f7;transition:background-color .15s}.permission-row:hover{background-color:#fcfdfe}.permission-row td{padding:12px 14px;vertical-align:middle}.permission-module-info{display:flex;flex-direction:column;gap:4px}.permission-module-info strong{font-size:13px;color:#1e293b;font-weight:700}.permission-ratio-badge{display:inline-block;width:fit-content;padding:2px 8px;border-radius:12px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:600}.permission-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.permission-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;border-radius:7px;cursor:pointer;transition:all .15s;text-align:left;line-height:1.3;white-space:nowrap}.permission-chip:hover:not(:disabled){border-color:#cbd5e1;background:#fff;color:#1e293b}.permission-chip.active{background:#0d948814;border-color:var(--teal,#0d9488);color:var(--teal,#0d9488);font-weight:600}.permission-chip .chip-indicator{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:10px;font-weight:700;border-radius:3px;border:1px solid #cbd5e1;background:#fff;transition:all .15s}.permission-chip.active .chip-indicator{border-color:var(--teal,#0d9488);background:var(--teal,#0d9488);color:#fff}.permission-chip:disabled{opacity:.6;cursor:not-allowed}.permission-switch{position:relative;display:inline-block;width:38px;height:22px;margin:0;cursor:pointer}.permission-switch input{opacity:0;width:0;height:0;position:absolute}.permission-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.2s;border-radius:22px}.permission-switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0003}.permission-switch input:checked+.slider{background-color:var(--teal,#0d9488)}.permission-switch input:checked+.slider:before{transform:translate(16px)}.permission-switch input:indeterminate+.slider{background-color:#99f6e4}.permission-switch input:indeterminate+.slider:before{transform:translate(8px)}.empty-cell{text-align:center;padding:32px 16px;color:#94a3b8;font-size:13px}.access-section fieldset{overflow-x:auto!important;max-width:100%!important;box-sizing:border-box!important}.permission-table-wrap::-webkit-scrollbar{height:6px;width:6px;display:block!important}.permission-table-wrap::-webkit-scrollbar-track{background:#f1f5f9}.permission-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.permission-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell>aside{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-shell>aside .brand{flex:0 0 auto}.app-shell>aside .tree-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:12px}.sidebar-footer{flex:0 0 auto;margin:12px -18px -28px;padding:10px 12px;border-top:1px solid #ffffff18;background:#173f49}.sidebar-logout{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:8px;border:0;color:#fff;background:transparent;text-align:left}.sidebar-logout:hover{border:0;color:#fff;background:#ffffff12}.sidebar-user-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:#e23e3e;font-size:12px;font-weight:800}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-info strong,.sidebar-user-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-info strong{font-size:12px}.sidebar-user-info small{margin-top:2px;color:#b9cfd2;font-size:10px}.sidebar-logout-icon{color:#82a4aa;font-size:18px}.menu-collapsed .sidebar-footer{margin-right:-14px;margin-left:-14px;padding:10px}.menu-collapsed .sidebar-logout{display:grid;grid-template-columns:1fr;place-items:center}.menu-collapsed .sidebar-user-info,.menu-collapsed .sidebar-logout-icon{display:none}.app-main{padding-top:0}.app-main>.app-topbar{justify-content:space-between;min-height:66px;margin:0 -38px;padding:10px 38px;border-bottom:1px solid #dce5e9;background:#fff}.app-breadcrumb{display:flex;align-items:center;min-width:0;gap:9px;color:#55717a;font-size:12px}.app-breadcrumb span{flex:0 0 auto;padding:5px 9px;border-radius:6px;color:#2857d6;background:#edf3ff;font-weight:800}.app-breadcrumb i{color:#a9b6bb;font-style:normal}.app-breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main>.app-topbar .header-actions{margin-left:20px}.app-page-title{margin:0 -38px 24px;padding:24px 38px 20px;border-left:4px solid #29479d;background:#eef3f8}.app-page-title h1{margin:0;color:#102f3a;font-size:24px;letter-spacing:-.02em}.app-page-title p{margin:5px 0 0;color:#667f91;font-size:13px}.app-content>.workspace-card>.section-heading:first-child>div:first-child{display:none}.app-content>.workspace-card>.section-heading:first-child{justify-content:flex-end;margin-bottom:16px}@media(max-width:800px){.app-shell>aside{position:relative;top:auto;height:auto;overflow:visible}.app-shell>aside .tree-nav{overflow:visible}.sidebar-footer{margin:12px -16px -12px}.menu-collapsed .sidebar-footer{display:none}.app-main{padding-top:0}.app-main>.app-topbar{min-height:58px;margin:0 -16px;padding:8px 16px}.app-breadcrumb strong{max-width:150px}.app-main>.app-topbar .header-actions{margin-left:8px}.app-page-title{margin:0 -16px 18px;padding:19px 16px 16px}.app-page-title h1{font-size:22px}}@media(max-width:420px){.app-main>.app-topbar{margin-right:-12px;margin-left:-12px;padding-right:12px;padding-left:12px}.app-page-title{margin-right:-12px;margin-left:-12px;padding-right:12px;padding-left:12px}.app-breadcrumb strong{max-width:105px}.app-breadcrumb span{padding:4px 7px}}.app-shell>aside{position:fixed;z-index:100;inset:0 auto 0 0;width:238px;height:100dvh}.app-shell.menu-collapsed>aside{width:78px}.app-shell>.app-main{grid-column:2}.app-content>.workspace-card>.section-heading:first-child>div:first-child{display:block}.app-content>.workspace-card>.section-heading:first-child{justify-content:space-between;margin-bottom:16px}.app-content>.workspace-card>.section-heading:first-child h2{margin:3px 0 5px}.app-content>.workspace-card>.section-heading:first-child .muted{margin-bottom:0}.task-filters{grid-template-columns:repeat(4,minmax(155px,1fr)) auto}.list-data-region{position:relative;min-height:96px}.list-data-region>.table-wrap{transition:opacity .15s ease}.list-data-region.is-loading>.table-wrap{opacity:.55;pointer-events:none}.list-loading-indicator{position:absolute;z-index:3;top:14px;right:14px;padding:7px 11px;border:1px solid #b9d9d5;border-radius:999px;color:#087b72;background:#f3fbf9ef;box-shadow:0 5px 14px #173f4415;font-size:11px;font-weight:700}.task-filter-toolbar{display:flex;justify-content:flex-end;margin:10px 0 14px}.task-filter-toolbar>button{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;color:#42636a;background:#f8fbfb}.task-filter-toolbar>button.active{border-color:#83bbb6;color:#087b72;background:#eef8f6}.task-filter-toolbar b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:11px;color:#fff;background:#087b72;font-size:10px}.task-filter-toolbar i{margin-left:2px;font-style:normal}.filter-icon{font-size:19px;line-height:1}.task-summary-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:8px 0 18px}.task-summary-metrics .metric-card{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:14px 12px}.task-summary-metrics .metric-icon{width:38px;height:38px}.task-summary-metrics .metric-card strong{font-size:24px}.metric-card.filter-card{font:inherit;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.metric-card.filter-card:hover{transform:translateY(-2px);border-color:#91c6c1;box-shadow:0 10px 26px #183b4018}.metric-card.filter-card.active{border-color:#0a9588;box-shadow:0 0 0 2px #0a958823,0 9px 24px #183b4014}.task-filters{margin-top:0;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f7fbfa;animation:filter-open .16s ease}.task-filters button{background:#fff}@keyframes filter-open{0%{opacity:0;transform:translateY(-4px)}}.dashboard-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.chart-card{min-height:285px}.donut-chart-body{display:grid;grid-template-columns:142px minmax(0,1fr);align-items:center;gap:20px;padding-top:8px}.donut-chart{position:relative;display:grid;place-items:center;width:142px;height:142px;border-radius:50%;transform:rotate(-90deg)}.donut-chart:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #edf2f2}.donut-chart>span{position:relative;z-index:1;display:flex;flex-direction:column;text-align:center;transform:rotate(90deg)}.donut-chart strong{color:#173c43;font-size:27px;line-height:1}.donut-chart small{margin-top:5px;font-size:10px}.chart-legend{display:grid;gap:9px}.chart-legend>span{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:7px}.chart-legend i{width:8px;height:8px;border-radius:50%}.chart-legend em,.status-bars em{overflow:hidden;color:#5e747a;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.chart-legend strong,.status-bars strong{color:#294b52;font-size:12px}.status-bars{display:grid;align-content:center;gap:18px;min-height:185px;padding-top:2px}.status-bars>div>span{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.status-bars>div>div{height:9px;overflow:hidden;border-radius:8px;background:#edf2f2}.status-bars>div>div>i{display:block;min-width:5px;height:100%;border-radius:8px;transition:width .3s ease}.chart-empty{display:grid;place-items:center;align-content:center;min-height:185px;color:#819297}.chart-empty strong{color:#b0bec0;font-size:40px}.chart-empty span{font-size:12px}.overview-chart-card{min-height:430px}.overview-columns{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));align-items:end;gap:18px;min-height:335px;padding:18px 10px 0;border-bottom:1px solid #dce7e8;background:repeating-linear-gradient(to top,transparent 0,transparent 64px,#edf2f2 65px)}.overview-column{display:grid;grid-template-rows:24px 245px 42px;align-items:end;gap:7px;text-align:center}.overview-column>strong{align-self:center;color:#244950;font-size:18px}.overview-column-track{display:flex;align-items:flex-end;justify-content:center;height:245px}.overview-column-track i{display:block;width:min(58px,72%);min-height:3px;border-radius:9px 9px 3px 3px;box-shadow:0 8px 18px #173f4420;transition:height .35s ease}.overview-column>span{align-self:start;color:#5f757a;font-size:11px;line-height:1.3}.dashboard-check-times{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:16px;padding:12px;border:1px solid #d8e7e5;border-radius:12px;background:#f4faf9}.dashboard-check-times>div{display:flex;min-width:0;flex-direction:column}.dashboard-check-times small{color:#6a7f84;font-size:10px}.dashboard-check-times strong{margin-top:4px;color:#0b6f67;font-size:13px;font-variant-numeric:tabular-nums}.dashboard-check-times>span{color:#8ba09f}.attendance-overview .panel-action{margin-top:12px}@media(max-width:1200px){.dashboard-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-charts>.chart-card:first-child{grid-column:1/-1}.donut-chart-body{grid-template-columns:160px minmax(0,1fr)}.task-summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.dashboard-charts{grid-template-columns:1fr}.dashboard-charts>.chart-card:first-child{grid-column:auto}.donut-chart-body{grid-template-columns:1fr}.donut-chart{margin:auto}.task-summary-metrics{grid-template-columns:1fr}.task-filter-toolbar>button{width:100%;justify-content:center}}@media(max-width:700px){.overview-columns{gap:8px;padding-inline:0}.overview-column{grid-template-rows:24px 210px 55px}.overview-column-track{height:210px}.overview-column-track i{width:70%}.overview-column>span{font-size:9px}}.app-shell>aside .tree-nav{scrollbar-width:none;-ms-overflow-style:none}.app-shell>aside .tree-nav::-webkit-scrollbar{display:none;width:0;height:0}.success-message{padding:11px 14px;border-radius:9px;color:#08725f;background:#e5f7f1}.menu-catalog-table{margin-top:12px;border:1px solid var(--line);border-radius:14px}.menu-catalog-table table{min-width:820px}.menu-catalog-table th:first-child,.menu-catalog-table td:first-child{width:68px;text-align:center}.menu-catalog-table th:last-child,.menu-catalog-table td:last-child{width:112px;text-align:center}.menu-catalog-table td:nth-child(4){color:#667c81;font-size:12px}.menu-catalog-table td>small{margin-top:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.menu-catalog-table .inactive-row td{color:#7e9094;background:#fafbfb}.menu-item-form .check{margin-top:3px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#f6faf9}.monthly-attendance-summary{display:grid;gap:16px}.summary-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:#f7fbfa}.summary-heading h3,.attendance-detail-heading h3{margin:0 0 4px}.summary-heading p,.attendance-detail-heading p{margin:0;color:#708489;font-size:12px}.summary-heading label{min-width:195px;margin:0}.attendance-summary-metrics{grid-template-columns:repeat(3,minmax(170px,1fr));margin:0}.attendance-summary-table{border:1px solid var(--line);border-radius:13px}.attendance-summary-table table{min-width:940px}.attendance-summary-table tbody tr:last-child td{border-bottom:0}.attendance-summary-table td:not(:first-child):not(:nth-child(2)){text-align:center}.attendance-detail-heading{margin-top:6px;padding-top:18px;border-top:1px solid var(--line)}@media(max-width:760px){.summary-heading{align-items:stretch;flex-direction:column}.summary-heading label{width:100%;min-width:0}.attendance-summary-metrics{grid-template-columns:1fr}}.today-attendance-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,.55fr) minmax(170px,.55fr);align-items:end;gap:14px;margin:4px 0 18px;padding:16px 18px;border:1px solid #cce3e0;border-radius:14px;background:linear-gradient(110deg,#f2faf8,#fff)}.today-attendance-heading{display:flex;align-items:center;gap:12px;align-self:center}.today-attendance-heading>div{display:flex;flex-direction:column}.today-attendance-heading small{margin-top:4px}.today-attendance-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#087b72;background:#dff4f0;font-size:20px}.today-attendance-card label{margin:0}.today-attendance-card input[readonly]{color:#16484d;background:#fff;font-weight:750;font-variant-numeric:tabular-nums}@media(max-width:700px){.today-attendance-card{grid-template-columns:1fr 1fr}.today-attendance-heading{grid-column:1/-1}.today-attendance-card label{min-width:0}}@media(max-width:430px){.today-attendance-card{grid-template-columns:1fr}.today-attendance-heading{grid-column:1}}.attendance-detail-table .invalid-attendance-row td{background:#fff1ef;color:#71362f}.attendance-detail-table .invalid-attendance-row td:first-child{box-shadow:inset 4px 0 #d94d43}.attendance-detail-table .invalid-attendance-row:hover td{background:#ffe8e5}.attendance-detail-table .invalid-attendance-row .badge.danger{color:#a92f29;background:#ffdcd8}.menu-toggle,.menu-collapsed .menu-toggle{right:4px;top:7px;width:28px;height:28px;border:0;border-radius:4px;color:#71949b;background:transparent;box-shadow:none}.menu-toggle:hover,.menu-collapsed .menu-toggle:hover{border:0;color:#d9efed;background:#ffffff0b}.menu-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-logout-icon{display:block;width:18px;height:18px;fill:none;stroke:#82a4aa;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(max-width:800px){.app-shell>aside,.app-shell.menu-collapsed>aside{position:relative;z-index:auto;inset:auto;width:100%;height:auto}.app-shell>.app-main{grid-column:1}.menu-toggle,.menu-collapsed .menu-toggle{right:0}}.notification-list small{display:block;overflow:visible;margin:4px 0;color:#60767b;font-size:11px;line-height:1.5;text-overflow:clip;overflow-wrap:anywhere;white-space:normal}.notification-list{scrollbar-width:none;-ms-overflow-style:none}.notification-list::-webkit-scrollbar{display:none;width:0;height:0}.guide-preview{overflow:auto;min-height:320px;margin-top:16px;border:1px solid #dfe8e8;border-radius:12px;background:#e9eeee}.guide-preview-status{margin:0;padding:32px;text-align:center}.guide-docx[hidden]{display:none}.guide-docx .docx-wrapper{min-height:320px;padding:24px!important;background:#e9eeee!important}.guide-docx .docx-wrapper>section.docx{margin:0 auto 20px;box-shadow:0 8px 24px #173b4125}@media(max-width:800px){.guide-docx .docx-wrapper{padding:8px!important}}.pyzk-test-panel{max-width:1050px;margin-top:20px}.pyzk-test-fields{border:0;padding:0;margin:0;min-width:0}.pyzk-test-fields input,.pyzk-test-fields select{width:100%}.pyzk-test-fields small{display:block;font-weight:400;line-height:1.5;margin-top:5px}.pyzk-test-checkbox{display:flex;align-items:center;gap:10px}.pyzk-test-checkbox input{width:18px;height:18px;min-height:18px;accent-color:var(--teal)}.pyzk-test-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#f7fbfa}.pyzk-test-info dt{color:#657a80;font-size:12px}.pyzk-test-info dd{margin:5px 0 0;font-weight:600;overflow-wrap:anywhere}.pyzk-test-result,.device-employees-panel{margin-top:20px}.device-employees-form{max-width:1050px;margin-bottom:28px}.device-employee-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.device-employee-filters label{margin:0}.device-employee-filters select{min-width:220px}.mapping-user-options{display:grid;gap:8px;margin:16px 0}.mapping-user-options label{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dce8ed;border-radius:10px;cursor:pointer}.mapping-user-options input{width:auto}.mapping-user-options small,.feedback-item small{display:block;color:var(--muted);margin-top:4px}.feedback-form{display:grid;gap:12px;margin-bottom:28px}.feedback-form label{display:grid;gap:8px}.feedback-list{display:grid;gap:14px}.feedback-item{padding:20px;border:1px solid #dce8ed;border-radius:14px;background:#fff}.feedback-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.feedback-item time{color:var(--muted);font-size:13px}.modal-backdrop{display:flex;align-items:stretch;justify-content:flex-end;padding:0;height:100vh;height:100dvh;overscroll-behavior:contain}.modal-card{position:relative;flex-shrink:0;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;margin:0;border-radius:16px 0 0 16px;animation:drawer-in .2s ease;overscroll-behavior:contain}.modal-card.form-modal{display:flex;flex-direction:column;width:min(650px,100%);padding:0;overflow:hidden}.modal-card.form-modal.wide-modal{width:min(900px,100%)}.modal-card.form-modal.xwide-modal{width:min(1120px,100%)}.modal-content{flex:1;min-height:0;min-width:0;overflow:auto;padding:26px;overscroll-behavior:contain;scrollbar-gutter:stable}.form-modal-close{position:absolute;top:14px;right:14px;float:none;margin:0;width:36px;height:36px;min-height:36px;background:#fff;box-shadow:0 2px 8px #102f3a14}.modal-content>section>.modal-heading,.modal-content>section>h2,.modal-content>section>h3{padding-right:44px}.modal-content .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.device-config-form .form-grid{gap:16px}.device-config-form .form-grid>label{margin:0}.device-config-form .field-title{min-height:21px}.device-config-form .check{padding:8px 0}.workspace-card>.editor,.card>.editor{top:0;bottom:0;right:0;left:auto;transform:none;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;width:min(900px,100%);border-radius:16px 0 0 16px}input[type=checkbox],input[type=radio]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;accent-color:var(--teal);cursor:pointer}input[type=checkbox]:focus,input[type=radio]:focus{outline:0;border:0;box-shadow:none}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@keyframes drawer-in{0%{opacity:0;transform:translate(32px)}}@media(max-width:600px){.modal-card,.workspace-card>.editor,.card>.editor{border-radius:0}.modal-content{padding:20px 16px}.modal-content .form-grid{grid-template-columns:minmax(0,1fr)}.modal-card.password-modal{width:100%;padding:20px 16px}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal-card{animation:none}}.form-modal .modal-content{display:flex;flex-direction:column;overflow:hidden;padding:0;scrollbar-gutter:auto}.form-modal .modal-content>.editor,.form-modal .modal-content>.group-config{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}.form-modal .modal-header{flex:0 0 auto;padding:24px 64px 20px 26px;border-bottom:1px solid var(--line);background:#fff}.form-modal .modal-header h2,.form-modal .modal-header h3,.form-modal .modal-header .section-heading,.form-modal .modal-header .modal-heading{margin:0}.form-modal .modal-header>.section-heading>button[type=button]{display:none}.form-modal .modal-body{flex:1;min-height:0;min-width:0;overflow:auto;padding:22px 26px;overscroll-behavior:contain;scrollbar-gutter:stable}.form-modal .modal-footer{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;padding:16px 26px;border-top:1px solid var(--line);background:#fff}.form-modal .modal-footer .actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:0}.form-modal .modal-close{z-index:2}.device-actions-column{width:140px}.form-modal .group-config-layout{flex:1;min-height:0;padding:18px;overflow:hidden}.form-modal .group-config-layout>div:first-child{min-height:0;overflow:auto}.form-modal .group-config-layout>.editor{display:flex;flex-direction:column;min-height:0;overflow:hidden}@media(max-width:800px){.form-modal .group-config-layout{grid-template-rows:minmax(100px,.4fr) minmax(0,1fr)}}@media(max-width:600px){.form-modal .modal-header{padding:20px 60px 18px 16px}.form-modal .modal-body{padding:18px 16px}.form-modal .modal-footer{padding:14px 16px}}.feedback-date-filters{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0}.feedback-date-filters label{margin:0;min-width:180px}.feedback-table td{vertical-align:top}.feedback-table .feedback-content{white-space:pre-wrap;overflow-wrap:anywhere;min-width:260px;max-width:600px}.feedback-form .field-title{display:inline}@media(max-width:700px){.feedback-management>.pagination-row>.quick-search{flex-basis:auto}.feedback-management .list-toolbar{flex-wrap:wrap}}@media(max-width:600px){.feedback-date-filters label{flex:1;min-width:140px}}.sync-error{display:block;max-width:320px;white-space:normal;overflow-wrap:anywhere}@media(max-width:700px){.attendance-sync-panel>.pagination-row>.quick-search{flex-basis:auto}.attendance-sync-panel .list-toolbar{flex-wrap:wrap}}.forgot-link-btn{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;min-height:0!important;color:#0f766e!important;font-size:12.5px!important;font-weight:600!important;cursor:pointer!important;text-decoration:none!important;transition:color .15s ease,text-decoration .15s ease!important}.forgot-link-btn:hover{color:#0d9488!important;text-decoration:underline!important}.forgot-modal-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0f172aa6!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;padding:16px!important;animation:forgotFadeIn .2s ease-out!important}.forgot-modal-card{background:#fff!important;border-radius:20px!important;box-shadow:0 25px 60px -15px #0f172a59,0 0 0 1px #e2e8f0e6!important;width:100%!important;max-width:470px!important;overflow:hidden!important;animation:forgotSlideUp .25s cubic-bezier(.16,1,.3,1)!important;display:flex!important;flex-direction:column!important;position:relative!important}.forgot-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 22px 14px!important;border-bottom:1px solid #f1f5f9!important;background:#fff!important}.forgot-title-wrap{display:flex!important;align-items:center!important;gap:12px!important}.forgot-icon-pill{width:40px!important;height:40px!important;border-radius:10px!important;background:linear-gradient(135deg,#ccfbf1,#99f6e4)!important;color:#0f766e!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.forgot-title-wrap h2{font-size:17px!important;font-weight:700!important;color:#0f172a!important;margin:0!important;letter-spacing:-.01em!important}.forgot-subtitle{font-size:12px!important;color:#64748b!important;margin:2px 0 0!important;font-weight:500!important}.forgot-close-btn{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;width:32px!important;height:32px!important;min-height:0!important;padding:0!important;color:#64748b!important;font-size:14px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;transition:all .15s ease!important}.forgot-close-btn:hover{background:#fee2e2!important;border-color:#fecaca!important;color:#ef4444!important}.forgot-stepper{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 22px!important;background:#f8fafc!important;border-bottom:1px solid #f1f5f9!important}.stepper-item{display:flex!important;align-items:center!important;gap:7px!important;font-size:11.5px!important;font-weight:600!important;color:#94a3b8!important}.stepper-item.active{color:#0f766e!important}.stepper-item.done{color:#059669!important}.stepper-bubble{width:22px!important;height:22px!important;border-radius:50%!important;background:#e2e8f0!important;color:#64748b!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:700!important}.stepper-item.active .stepper-bubble{background:#0d9488!important;color:#fff!important}.stepper-item.done .stepper-bubble{background:#10b981!important;color:#fff!important}.stepper-line{flex:1!important;height:2px!important;background:#e2e8f0!important;margin:0 8px!important}.forgot-alert-error{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:14px 22px 0!important;padding:10px 14px!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:10px!important;color:#b91c1c!important;font-size:12.5px!important;line-height:1.45!important;animation:forgotShake .3s ease!important}.forgot-alert-info{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:14px 22px 0!important;padding:10px 14px!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important;border-radius:10px!important;color:#047857!important;font-size:12.5px!important;line-height:1.45!important}.forgot-modal-body{padding:18px 22px 22px!important}.forgot-guide{font-size:13px!important;color:#475569!important;line-height:1.5!important;margin:0 0 16px!important}.forgot-modal-card .field-group{display:block!important;margin:0 0 14px!important}.forgot-modal-card .field-title{display:block!important;font-size:12.5px!important;font-weight:600!important;color:#334155!important;margin-bottom:6px!important}.forgot-modal-card .field-title b{color:#ef4444!important;font-weight:700!important}.forgot-modal-card .input-box{display:flex!important;align-items:center!important;background:#f8fafc!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;transition:all .2s ease!important;overflow:hidden!important}.forgot-modal-card .input-box:focus-within{border-color:#0d9488!important;background:#fff!important;box-shadow:0 0 0 3px #0d948826!important}.forgot-modal-card .input-box input{flex:1!important;height:42px!important;min-height:0!important;padding:0 12px!important;border:none!important;border-radius:0!important;outline:none!important;background:transparent!important;box-shadow:none!important;font-size:13.5px!important;color:#0f172a!important;font-family:inherit!important;min-width:0!important}.forgot-modal-card .input-box input::placeholder{color:#94a3b8!important}.forgot-modal-card .password-toggle{background:transparent!important;border:none!important;box-shadow:none!important;padding:0 12px!important;min-height:0!important;color:#64748b!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;transition:color .15s ease!important}.forgot-modal-card .password-toggle:hover{color:#0f766e!important}.otp-info-card{background:#f0fdfa!important;border:1px solid #ccfbf1!important;border-radius:12px!important;padding:12px 14px!important;margin-bottom:14px!important;text-align:center!important}.otp-info-card p{margin:0 0 6px!important;font-size:12.5px!important;color:#134e4a!important}.masked-email-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#fff!important;border:1px solid #99f6e4!important;padding:4px 12px!important;border-radius:20px!important;font-size:13px!important;color:#0f766e!important;margin-bottom:6px!important}.otp-expiry-note{display:block!important;font-size:11px!important;color:#0d9488!important}.dev-otp-box{display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fefce8!important;border:1px solid #fef08a!important;border-radius:10px!important;padding:8px 12px!important;margin-bottom:14px!important}.dev-badge{font-size:9.5px!important;font-weight:700!important;background:#ca8a04!important;color:#fff!important;padding:2px 6px!important;border-radius:4px!important;margin-right:6px!important;display:inline-block!important}.dev-otp-text{font-size:11.5px!important;color:#854d0e!important;display:flex!important;align-items:center!important}.dev-fill-btn{font-size:11px!important;font-weight:700!important;color:#854d0e!important;background:#fde047!important;border:1px solid #eab308!important;padding:3px 8px!important;border-radius:6px!important;cursor:pointer!important;min-height:0!important;box-shadow:none!important;transition:all .15s ease!important}.dev-fill-btn:hover{background:#facc15!important}.otp-input-wrap{margin:6px 0 10px!important}.otp-digits-input{width:100%!important;text-align:center!important;font-size:24px!important;letter-spacing:.35em!important;font-weight:700!important;color:#0f766e!important;font-family:monospace,monospace!important;height:50px!important;min-height:50px!important;border:2px solid #cbd5e1!important;border-radius:12px!important;background:#f8fafc!important;transition:all .2s ease!important;box-shadow:none!important;padding:0 10px!important;outline:none!important}.otp-digits-input:focus{border-color:#0d9488!important;background:#fff!important;box-shadow:0 0 0 4px #0d948826!important}.resend-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:12.5px!important;color:#64748b!important;margin:10px 0 16px!important}.resend-btn{background:none!important;border:none!important;padding:0!important;min-height:0!important;color:#0d9488!important;font-weight:600!important;cursor:pointer!important;text-decoration:underline!important;box-shadow:none!important}.resend-countdown{font-weight:600!important;color:#94a3b8!important}.reset-account-pill{display:flex!important;align-items:center!important;justify-content:space-between!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:8px 12px!important;margin-bottom:14px!important;font-size:12.5px!important;color:#64748b!important}.reset-account-pill strong{color:#0f172a!important;font-family:monospace!important;font-size:13.5px!important}.pwd-rules-box{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:10px 12px!important;margin:10px 0 16px!important}.pwd-rules-title{display:block!important;font-size:11px!important;font-weight:700!important;color:#475569!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:6px!important}.pwd-rules-list{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;font-size:11.5px!important;color:#94a3b8!important}.pwd-rules-list li.valid{color:#059669!important;font-weight:600!important}.pwd-rules-list li.invalid{color:#dc2626!important;font-weight:600!important}.forgot-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin-top:14px!important;padding-top:14px!important;border-top:1px solid #f1f5f9!important}.forgot-actions.single-action{justify-content:center!important}.forgot-actions .btn-secondary{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#475569!important;font-size:13px!important;font-weight:600!important;padding:0 16px!important;height:40px!important;min-height:40px!important;border-radius:10px!important;cursor:pointer!important;transition:all .15s ease!important;box-shadow:none!important}.forgot-actions .btn-secondary:hover{background:#e2e8f0!important;color:#1e293b!important}.forgot-actions .btn-primary{background:linear-gradient(135deg,#0d9488,#059669)!important;border:none!important;color:#fff!important;font-size:13px!important;font-weight:700!important;padding:0 18px!important;height:40px!important;min-height:40px!important;border-radius:10px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:all .2s ease!important;box-shadow:0 4px 12px #0d948840!important}.forgot-actions .btn-primary:hover{background:linear-gradient(135deg,#0f766e,#047857)!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #0d948859!important}.forgot-actions .btn-primary:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.forgot-success-pane{text-align:center!important;padding:12px 6px 6px!important}.success-icon-ring{width:60px!important;height:60px!important;border-radius:50%!important;background:#d1fae5!important;color:#059669!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 14px!important;box-shadow:0 0 0 8px #ecfdf5!important;animation:forgotPop .4s cubic-bezier(.16,1,.3,1)!important}.forgot-success-pane h3{font-size:19px!important;font-weight:700!important;color:#0f172a!important;margin:0 0 8px!important}.forgot-success-pane p{font-size:13px!important;color:#64748b!important;line-height:1.5!important;margin:0 0 20px!important}@keyframes forgotFadeIn{0%{opacity:0}to{opacity:1}}@keyframes forgotSlideUp{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes forgotPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes forgotShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}html,body,#root,.app-shell,.app-shell>aside,.tree-nav,.app-main,.app-content,.table-wrap,.modal-card,.notification-list,.check-grid,.assignee-options,*{scrollbar-width:none!important;-ms-overflow-style:none!important}*::-webkit-scrollbar,html::-webkit-scrollbar,body::-webkit-scrollbar,.app-shell::-webkit-scrollbar,.app-shell>aside::-webkit-scrollbar,.tree-nav::-webkit-scrollbar,.app-main::-webkit-scrollbar,.app-content::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.notification-list::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.app-shell{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;min-height:100vh!important;background:#f8fafc!important;font-family:Be Vietnam Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;transition:grid-template-columns .25s cubic-bezier(.16,1,.3,1)!important}.app-shell.menu-collapsed{grid-template-columns:76px minmax(0,1fr)!important}.app-shell>aside{position:fixed!important;z-index:100!important;inset:0 auto 0 0!important;width:260px!important;height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;background-color:#051e24!important;background-image:radial-gradient(circle at 10% 20%,rgba(20,184,166,.15) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.1) 0%,transparent 45%),linear-gradient(180deg,#051e24,#072a33 55%,#051b20)!important;background-size:100% 100%,100% 100%,100% 100%!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:4px 0 24px #00000040!important;color:#f1f5f9!important;transition:width .25s cubic-bezier(.16,1,.3,1)!important}.app-shell.menu-collapsed>aside{width:76px!important}.app-shell>aside .brand{height:68px!important;min-height:68px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 16px!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;flex-shrink:0!important;position:relative!important}.brand-logo-pill{width:38px!important;height:38px!important;border-radius:11px!important;background:linear-gradient(135deg,#0d9488,#10b981)!important;color:#fff!important;font-weight:800!important;font-size:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 14px #0d948873!important;flex-shrink:0!important}.brand-text{display:flex!important;flex-direction:column!important;min-width:0!important;margin-left:10px!important;flex:1!important}.brand-text strong{font-size:15px!important;font-weight:800!important;letter-spacing:.05em!important;color:#fff!important;line-height:1.2!important;white-space:nowrap!important}.brand-text small{font-size:10px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#2dd4bf!important;white-space:nowrap!important}.menu-collapsed .brand-text{display:none!important}.menu-toggle{position:relative!important;right:auto!important;top:auto!important;width:32px!important;height:32px!important;padding:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;background:#ffffff0f!important;color:#94a3b8!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 2px 6px #0003!important;flex-shrink:0!important}.menu-toggle:hover{background:#0d948840!important;border-color:#2dd4bf66!important;color:#5eead4!important;box-shadow:0 0 12px #2dd4bf4d!important;transform:scale(1.05)!important}.menu-collapsed .brand{justify-content:center!important;padding:0!important}.menu-collapsed .menu-toggle{display:none!important}.app-shell>aside .tree-nav{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 10px!important;display:flex!important;flex-direction:column!important;gap:3px!important}.nav-section-label{font-size:10px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#5eead4!important;opacity:.75!important;padding:14px 10px 4px!important;white-space:nowrap!important;-webkit-user-select:none!important;user-select:none!important}.menu-collapsed .nav-section-label{display:none!important}.tree-parent{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;height:40px!important;min-height:40px!important;padding:0 12px!important;border-radius:10px!important;border:none!important;background:transparent!important;color:#fff!important;font-size:13px!important;font-weight:600!important;text-align:left!important;cursor:pointer!important;transition:all .18s cubic-bezier(.16,1,.3,1)!important;position:relative!important;box-shadow:none!important}.tree-parent svg{width:19px!important;height:19px!important;flex-shrink:0!important;transition:transform .2s ease!important}.tree-parent:hover svg{transform:scale(1.08)!important}.tree-parent span{flex:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important}.tree-parent i{display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;opacity:.85!important;transition:transform .2s ease,opacity .2s ease!important;margin-left:auto!important}.tree-parent:hover{color:#fff!important;background:#ffffff14!important}.tree-parent:hover i{opacity:1!important}.tree-parent.active,.tree-direct.active{color:#fff!important;background:linear-gradient(135deg,#0d9488,#059669)!important;box-shadow:0 6px 18px -2px #0d948873!important}.tree-parent.active:before,.tree-direct.active:before{content:""!important;position:absolute!important;left:0!important;top:6px!important;bottom:6px!important;width:3.5px!important;border-radius:0 4px 4px 0!important;background:#5eead4!important;box-shadow:0 0 8px #5eead4!important}.tree-parent.current{color:#5eead4!important;background:#0d94881f!important}.tree-parent.current span{color:#5eead4!important}.tree-parent.current i{color:#5eead4!important;opacity:1!important}.menu-collapsed .tree-parent{justify-content:center!important;padding:0!important}.menu-collapsed .tree-parent span,.menu-collapsed .tree-parent i{display:none!important}.tree-children{position:relative!important;margin:2px 0 4px 22px!important;padding-left:12px!important;border-left:2px dashed rgba(45,212,191,.25)!important;display:flex!important;flex-direction:column!important;gap:2px!important;animation:subMenuFade .2s ease!important}.tree-children:before{display:none!important}.menu-collapsed .tree-children{display:none!important}@keyframes subMenuFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tree-children button{position:relative!important;width:100%!important;height:34px!important;min-height:34px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 10px!important;border-radius:8px!important;border:none!important;background:transparent!important;color:#fff!important;font-size:12.5px!important;font-weight:500!important;text-align:left!important;cursor:pointer!important;transition:all .15s ease!important;box-shadow:none!important}.tree-children button span:not(.bullet){color:#fff!important}.tree-children button:before{display:none!important}.tree-children button span.bullet{width:5px!important;height:5px!important;border-radius:50%!important;background:#ffffff73!important;flex-shrink:0!important;transition:all .2s ease!important}.tree-children button:hover{color:#5eead4!important;background:#ffffff12!important}.tree-children button:hover span:not(.bullet){color:#5eead4!important}.tree-children button:hover span.bullet{background:#5eead4!important}.tree-children button.active{color:#5eead4!important;font-weight:700!important;background:#0d94882e!important}.tree-children button.active span:not(.bullet){color:#5eead4!important}.tree-children button.active span.bullet{background:#2dd4bf!important;box-shadow:0 0 6px #2dd4bf!important;transform:scale(1.3)!important}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08)!important;background:#051e2499!important;padding:12px 14px!important;flex-shrink:0!important;margin:0!important}.sidebar-logout{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border-radius:12px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.08)!important;color:#f1f5f9!important;cursor:pointer!important;transition:all .2s ease!important;width:100%!important;text-align:left!important;box-shadow:none!important}.sidebar-logout:hover{background:#ef444426!important;border-color:#ef44444d!important;color:#ef4444!important}.sidebar-user-avatar{width:34px!important;height:34px!important;border-radius:10px!important;background:linear-gradient(135deg,#0d9488,#059669)!important;color:#fff!important;font-weight:700!important;font-size:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;position:relative!important}.sidebar-user-avatar .status-dot{position:absolute!important;bottom:-1px!important;right:-1px!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#10b981!important;box-shadow:0 0 0 2px #071f26!important}.sidebar-user-info{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important}.sidebar-user-info strong{font-size:12.5px!important;font-weight:700!important;color:#f8fafc!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sidebar-user-info small{font-size:11px!important;color:#2dd4bf!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:2px!important}.sidebar-logout-icon{width:18px!important;height:18px!important;color:#94a3b8!important;flex-shrink:0!important;transition:color .15s ease!important}.sidebar-logout:hover .sidebar-logout-icon{color:#ef4444!important}.menu-collapsed .sidebar-footer{padding:10px 8px!important}.menu-collapsed .sidebar-logout{justify-content:center!important;padding:6px 0!important}.menu-collapsed .sidebar-user-info,.menu-collapsed .sidebar-logout-icon{display:none!important}.app-main{min-width:0!important;padding:0!important;background:#f8fafc!important}.app-main>.app-topbar{height:68px!important;min-height:68px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 32px!important;background:#ffffffe0!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(226,232,240,.8)!important;box-shadow:0 4px 20px -2px #0f172a0a!important;position:sticky!important;top:0!important;z-index:90!important;margin:0!important}.topbar-left{display:flex!important;align-items:center!important;gap:16px!important}.topbar-menu-toggle{width:34px!important;height:34px!important;border-radius:8px!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#475569!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s ease!important;box-shadow:0 1px 3px #0000000a!important}.topbar-menu-toggle:hover{background:#f1f5f9!important;color:#0d9488!important;border-color:#cbd5e1!important}.app-breadcrumb{display:flex!important;align-items:center!important;gap:8px!important;font-size:13px!important}.app-breadcrumb span{font-size:11px!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase!important;padding:4px 10px!important;border-radius:7px!important;background:#ecfdf5!important;color:#0f766e!important;border:1px solid #ccfbf1!important}.app-breadcrumb i{color:#94a3b8!important;font-size:12px!important;font-style:normal!important}.app-breadcrumb strong{font-weight:700!important;color:#0f172a!important;font-size:14px!important}.topbar-live-status{display:flex!important;align-items:center!important;gap:7px!important;font-size:12px!important;font-weight:600!important;padding:5px 12px!important;border-radius:20px!important;background:#f0fdf4!important;color:#166534!important;border:1px solid #bbf7d0!important}.live-dot-pulse{width:7px!important;height:7px!important;border-radius:50%!important;background:#10b981!important;box-shadow:0 0 0 3px #10b98140!important;animation:liveDotPulse 2s infinite!important}@keyframes liveDotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}.header-actions{display:flex!important;align-items:center!important;gap:12px!important}.notification-trigger{width:38px!important;height:38px!important;border-radius:10px!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#475569!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;cursor:pointer!important;transition:all .15s ease!important;box-shadow:0 1px 3px #00000008!important}.notification-trigger:hover{background:#f8fafc!important;color:#0f172a!important}.notification-trigger>span{position:absolute!important;top:-3px!important;right:-3px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:10px!important;background:#ef4444!important;color:#fff!important;font-size:10px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 5px #ef444466!important}.user-trigger{display:flex!important;align-items:center!important;gap:10px!important;padding:4px 12px 4px 6px!important;border-radius:30px!important;border:1px solid #e2e8f0!important;background:#fff!important;cursor:pointer!important;transition:all .2s ease!important;text-align:left!important;box-shadow:0 1px 3px #00000008!important;min-width:0!important}.user-trigger:hover{border-color:#cbd5e1!important;box-shadow:0 3px 10px #0000000d!important}.user-avatar{width:32px!important;height:32px!important;border-radius:50%!important;background:linear-gradient(135deg,#0d9488,#10b981)!important;color:#fff!important;font-weight:700!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-shadow:none!important}.user-summary strong{font-size:12.5px!important;font-weight:700!important;color:#0f172a!important}.user-summary small{font-size:10.5px!important;color:#64748b!important;font-weight:500!important}.user-popover{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;width:260px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 15px 35px -5px #0f172a26!important;padding:14px!important;z-index:1000!important}.user-popover-head{display:flex!important;align-items:center!important;gap:10px!important;padding-bottom:12px!important;border-bottom:1px solid #f1f5f9!important;margin-bottom:10px!important}.user-popover-head .user-avatar.large{width:38px!important;height:38px!important;font-size:13px!important}.user-popover-head strong{font-size:13px!important;font-weight:700!important;color:#0f172a!important}.user-popover-head small{font-size:11px!important;color:#64748b!important}.user-popover dl{margin:8px 0!important}.user-popover dl>div{padding:5px 0!important;font-size:12px!important}.user-popover dt{color:#64748b!important}.user-popover dd{color:#0f172a!important;font-weight:600!important}.user-menu-actions{display:flex!important;flex-direction:column!important;gap:6px!important;padding-top:10px!important;border-top:1px solid #f1f5f9!important}.user-menu-actions button{width:100%!important;height:32px!important;border-radius:8px!important;border:none!important;background:transparent!important;font-size:12px!important;font-weight:600!important;color:#334155!important;cursor:pointer!important;display:flex!important;align-items:center!important;padding:0 8px!important;transition:all .15s ease!important}.user-menu-actions button:hover{background:#f1f5f9!important;color:#0f172a!important}.user-menu-actions .logout-action{color:#ef4444!important;background:transparent!important;border:none!important}.user-menu-actions .logout-action:hover{background:#fee2e2!important;color:#dc2626!important}.app-content{width:100%!important;max-width:100%!important;padding:clamp(16px,2vw,28px) clamp(16px,2.4vw,36px)!important;box-sizing:border-box!important}.app-page-title{margin:0 0 24px!important;padding:20px 24px!important;border-left:4px solid #0d9488!important;background:linear-gradient(135deg,#f0fdfa,#fff)!important;border-radius:12px!important;border-top:1px solid #e2e8f0!important;border-right:1px solid #e2e8f0!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 2px 8px #00000005!important}.app-page-title h1{margin:0!important;color:#0f172a!important;font-size:22px!important;font-weight:800!important;letter-spacing:-.02em!important}.app-page-title p{margin:5px 0 0!important;color:#64748b!important;font-size:13.5px!important}@media(max-width:800px){.app-shell,.app-shell.menu-collapsed{grid-template-columns:1fr!important}.app-shell>aside,.app-shell.menu-collapsed>aside{position:relative!important;width:100%!important;height:auto!important}.app-shell>.app-main{grid-column:1!important}.topbar-live-status{display:none!important}.app-main>.app-topbar{padding:0 16px!important}.app-content{padding:16px!important}.menu-toggle{display:flex!important}}.app-shell>aside{overflow:visible!important}.menu-toggle{position:absolute!important;right:-14px!important;top:20px!important;z-index:150!important;width:28px!important;height:28px!important;padding:0!important;border-radius:8px!important;border:1px solid rgba(45,212,191,.4)!important;background:#052229!important;color:#5eead4!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 2px 8px #0006,0 0 0 2px #04181d!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.menu-toggle:hover{background:#0d9488!important;color:#fff!important;border-color:#5eead4!important;box-shadow:0 0 12px #2dd4bf99,0 0 0 2px #04181d!important;transform:scale(1.15)!important}.menu-collapsed .menu-toggle{display:flex!important;position:absolute!important;right:-14px!important;top:20px!important;margin:0!important}.app-main>.app-topbar{position:fixed!important;top:0!important;right:0!important;left:260px!important;height:68px!important;min-height:68px!important;z-index:90!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 32px!important;background:#ffffffeb!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(226,232,240,.8)!important;box-shadow:0 4px 20px -2px #0f172a0a!important;transition:left .25s cubic-bezier(.16,1,.3,1)!important}.app-shell.menu-collapsed .app-main>.app-topbar{left:76px!important}.app-main{width:100%!important;max-width:100%!important;min-width:0!important;padding:68px 0 0!important;background:#f8fafc!important;box-sizing:border-box!important}.app-content{width:100%!important;max-width:100%!important;padding:12px clamp(14px,1.8vw,24px) 20px!important;box-sizing:border-box!important}@media(max-width:800px){.app-main{padding:0!important}.app-main>.app-topbar{position:sticky!important;top:0!important;left:0!important;width:100%!important;margin:0!important;padding:0 16px!important}}.dashboard-hero-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;flex-shrink:0!important}.hero-create-task-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#fff!important;color:#0f766e!important;font-weight:750!important;font-size:13.5px!important;letter-spacing:-.01em!important;padding:10px 20px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 4px 16px #0000002e,0 1px 3px #0000001a!important;cursor:pointer!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;white-space:nowrap!important}.hero-create-task-btn .hero-btn-icon{font-size:17px!important;font-weight:850!important;line-height:1!important;margin-top:-1px!important;color:#0d9488!important}.hero-create-task-btn:hover{background:#f0fdfa!important;color:#0d9488!important;transform:translateY(-1.5px)!important;box-shadow:0 8px 22px #0000003d,0 0 16px #2dd4bf59!important}.hero-create-task-btn:active{transform:translateY(0)!important;box-shadow:0 2px 8px #0000002e!important}.hero-refresh-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#ffffff26!important;color:#fff!important;font-weight:650!important;font-size:13px!important;padding:10px 18px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.32)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important}.hero-refresh-btn:hover:not(:disabled){background:#ffffff42!important;border-color:#fff9!important;color:#fff!important;transform:translateY(-1px)!important}.hero-refresh-btn:active:not(:disabled){transform:translateY(0)!important}.hero-refresh-btn:disabled{opacity:.65!important;cursor:not-allowed!important}@media(max-width:600px){.dashboard-hero-actions{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.hero-create-task-btn,.hero-refresh-btn{width:100%!important;justify-content:center!important}}.modern-executive-hub{display:flex!important;flex-direction:column!important;gap:22px!important}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{display:inline-block!important;animation:spin 1s linear infinite!important}.hero-content{display:flex!important;flex-direction:column!important;gap:4px!important}.hero-badge{display:inline-flex!important;align-items:center!important;gap:8px!important;width:fit-content!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.16)!important;padding:5px 12px!important;border-radius:999px!important;font-size:11px!important;font-weight:700!important;letter-spacing:.05em!important;color:#5eead4!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;margin-bottom:2px!important}.live-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#10b981!important;box-shadow:0 0 8px #10b981!important;display:inline-block!important;animation:pulseDot 2s infinite!important}.hero-divider{opacity:.45!important}.hero-date{color:#ccfbf1!important;font-weight:600!important}.hero-subtext{margin:0!important;color:#99f6e4!important;font-size:13px!important}.hero-subtext strong{color:#fff!important}.dashboard-metrics-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.kpi-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:18px 20px!important;box-shadow:0 4px 14px #0f172a08!important;cursor:pointer!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;display:flex!important;flex-direction:column!important;gap:12px!important;position:relative!important;overflow:hidden!important;-webkit-user-select:none!important;user-select:none!important}.kpi-card:hover{transform:translateY(-2.5px)!important;box-shadow:0 10px 24px #0f172a14!important;border-color:#cbd5e1!important}.kpi-card-header{display:flex!important;align-items:center!important;justify-content:space-between!important}.kpi-icon{width:40px!important;height:40px!important;border-radius:11px!important;display:grid!important;place-items:center!important;font-size:17px!important;font-weight:800!important}.kpi-badge{font-size:11px!important;font-weight:750!important;padding:3px 8px!important;border-radius:6px!important;white-space:nowrap!important}.kpi-card.teal .kpi-icon{background:#ccfbf1!important;color:#0d9488!important}.kpi-card.teal .kpi-badge{background:#f0fdfa!important;color:#0f766e!important;border:1px solid rgba(13,148,136,.2)!important}.kpi-card.green .kpi-icon{background:#d1fae5!important;color:#059669!important}.kpi-card.green .kpi-badge{background:#ecfdf5!important;color:#047857!important;border:1px solid rgba(16,185,129,.2)!important}.kpi-card.orange .kpi-icon{background:#ffedd5!important;color:#ea580c!important}.kpi-card.orange .kpi-badge{background:#fff7ed!important;color:#c2410c!important;border:1px solid rgba(234,88,12,.2)!important}.kpi-card.orange .kpi-badge.neutral{background:#f1f5f9!important;color:#64748b!important;border:1px solid #e2e8f0!important}.kpi-card.violet .kpi-icon{background:#ede9fe!important;color:#7c3aed!important}.kpi-card.violet .kpi-badge{background:#f5f3ff!important;color:#6d28d9!important;border:1px solid rgba(124,58,237,.2)!important}.kpi-card-body{display:flex!important;flex-direction:column!important}.kpi-card-body small{font-size:12px!important;color:#64748b!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.04em!important}.kpi-card-body strong{font-size:29px!important;font-weight:850!important;color:#0f172a!important;line-height:1.15!important;margin:4px 0 8px!important}.kpi-card-body strong.text-danger{color:#dc2626!important}.kpi-progress-track{height:5px!important;border-radius:999px!important;background:#f1f5f9!important;overflow:hidden!important}.kpi-progress-bar{height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#0d9488,#10b981)!important;transition:width .4s ease!important}.kpi-progress-bar.success{background:#10b981!important}.kpi-progress-bar.warning{background:#ea580c!important}.kpi-progress-bar.violet{background:#8b5cf6!important}.kpi-card-body p{margin:6px 0 0!important;font-size:12px!important;color:#94a3b8!important;font-weight:500!important}.executive-layout-grid{display:grid!important;grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr)!important;gap:20px!important;align-items:start!important}.executive-primary-column{display:flex!important;flex-direction:column!important;gap:20px!important;min-width:0!important}.executive-side-column{display:flex!important;flex-direction:column!important;gap:20px!important;min-width:0!important;background:transparent!important;color:inherit!important;padding:0!important}.recent-tasks-panel{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;padding:22px!important;box-shadow:0 4px 16px #0f172a0a!important}.panel-link-btn{background:none!important;border:none!important;padding:6px 12px!important;font-size:12.5px!important;font-weight:750!important;color:#0d9488!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:5px!important;border-radius:8px!important;transition:all .15s ease!important}.panel-link-btn:hover{background:#f0fdfa!important;color:#0f766e!important;transform:translate(2px)!important}.recent-tasks-wrap{margin-top:10px!important;overflow-x:auto!important}.recent-tasks-table{width:100%!important;border-collapse:collapse!important;font-size:13px!important;table-layout:fixed!important}.recent-tasks-table th{padding:10px 12px!important;text-align:left!important;font-size:11px!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:1px solid #e2e8f0!important;background:#f8fafc!important}.recent-tasks-table td{padding:12px!important;border-bottom:1px solid #f1f5f9!important;vertical-align:middle!important}.recent-task-row{transition:background .15s ease!important;cursor:pointer!important}.recent-task-row:hover{background:#f8fafc!important}.task-title-cell{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}.task-title-text{font-weight:750!important;color:#0f172a!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}.task-dept-pill{font-size:10.5px!important;color:#0d9488!important;font-weight:600!important}.task-assignee-cell{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}.mini-avatar{width:26px!important;height:26px!important;border-radius:50%!important;background:linear-gradient(135deg,#0d9488,#10b981)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:800!important;flex-shrink:0!important}.assignee-name{font-weight:600!important;color:#334155!important;font-size:12.5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.due-date-pill{font-size:12px!important;color:#475569!important;font-weight:600!important;font-variant-numeric:tabular-nums!important}.due-date-pill.overdue{color:#dc2626!important;background:#fef2f2!important;padding:2px 7px!important;border-radius:5px!important;font-weight:750!important;display:inline-block!important}.task-mini-progress{display:flex!important;align-items:center!important;gap:8px!important}.task-mini-progress .progress-track{flex:1!important;height:5px!important;border-radius:999px!important;background:#e2e8f0!important;overflow:hidden!important;min-width:40px!important}.task-mini-progress .progress-fill{height:100%!important;border-radius:999px!important;background:#0d9488!important}.task-mini-progress .progress-fill.done{background:#10b981!important}.task-mini-progress .progress-num{font-size:11px!important;font-weight:700!important;color:#64748b!important;font-variant-numeric:tabular-nums!important;min-width:28px!important}.status-tag{display:inline-block!important;padding:3px 9px!important;border-radius:6px!important;font-size:11.5px!important;font-weight:750!important;white-space:nowrap!important}.status-tag.done{background:#ecfdf5!important;color:#059669!important;border:1px solid rgba(16,185,129,.25)!important}.status-tag.in-progress{background:#f0fdfa!important;color:#0d9488!important;border:1px solid rgba(13,148,136,.25)!important}.status-tag.confirming{background:#f5f3ff!important;color:#7c3aed!important;border:1px solid rgba(124,58,237,.25)!important}.status-tag.not-started{background:#f1f5f9!important;color:#64748b!important;border:1px solid rgba(100,116,139,.2)!important}.recent-tasks-empty{padding:36px 20px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important}.empty-icon{font-size:32px!important}.empty-create-btn{padding:9px 16px!important;border-radius:8px!important;background:#0d9488!important;color:#fff!important;font-weight:700!important;border:none!important;cursor:pointer!important}.dashboard-charts-subgrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important}.donut-panel .donut-chart-body{display:flex!important;align-items:center!important;gap:20px!important;padding:10px 0!important}.donut-chart-container{flex-shrink:0!important}.donut-panel .donut-chart{width:125px!important;height:125px!important;border-radius:50%!important;display:grid!important;place-items:center!important;position:relative!important}.donut-panel .donut-chart:before{content:""!important;position:absolute!important;width:88px!important;height:88px!important;border-radius:50%!important;background:#fff!important}.donut-panel .donut-chart span{position:relative!important;display:flex!important;flex-direction:column!important;text-align:center!important}.donut-panel .donut-chart strong{font-size:23px!important;font-weight:850!important;color:#0f172a!important;line-height:1!important}.donut-panel .donut-chart small{font-size:10px!important;color:#64748b!important;text-transform:uppercase!important;font-weight:700!important;margin-top:2px!important}.chart-legend-grid{display:flex!important;flex-direction:column!important;gap:7px!important;flex:1!important;min-width:0!important}.legend-row{display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:12px!important}.legend-left{display:flex!important;align-items:center!important;gap:8px!important;color:#475569!important;font-weight:600!important}.legend-left i{width:8px!important;height:8px!important;border-radius:2px!important;display:inline-block!important}.legend-right{display:flex!important;align-items:center!important;gap:4px!important}.legend-right strong{font-weight:750!important;color:#0f172a!important}.legend-right small{color:#64748b!important;font-size:11px!important}.dashboard-charts-subgrid .overview-chart-card,.dashboard-charts-subgrid .donut-panel{min-height:220px!important}.overview-chart-card .overview-columns{display:flex!important;justify-content:space-around!important;align-items:flex-end!important;height:135px!important;min-height:0!important;padding:10px 0 0!important;background:none!important;border-bottom:none!important}.overview-chart-card .overview-column{display:flex!important;grid-template-rows:none!important;flex-direction:column!important;align-items:center!important;gap:5px!important;flex:1!important;height:100%!important;justify-content:flex-end!important}.overview-chart-card .overview-column strong{font-size:13px!important;color:#0f172a!important;font-weight:800!important}.overview-chart-card .overview-column-track{width:22px!important;height:75px!important;border-radius:6px!important;background:#f1f5f9!important;display:flex!important;align-items:flex-end!important;overflow:hidden!important}.overview-chart-card .overview-column-track i{width:100%!important;border-radius:6px 6px 0 0!important;transition:height .4s ease!important}.overview-chart-card .overview-column span{font-size:11px!important;color:#64748b!important;font-weight:600!important;text-align:center!important;white-space:nowrap!important}.live-status-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:3px 8px!important;border-radius:999px!important;background:#ecfdf5!important;color:#059669!important;font-size:11px!important;font-weight:750!important}.pulse-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:#10b981!important;display:inline-block!important;animation:pulseDot 2s infinite!important}.attendance-ring-wrap{display:flex!important;justify-content:center!important;margin:4px 0 14px!important}.attendance-overview-panel .attendance-ring{width:125px!important;height:125px!important;margin:0!important}.attendance-stats-list{display:flex!important;flex-direction:column!important;gap:8px!important}.stat-row{display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:12.5px!important;color:#475569!important}.stat-row.total-row{border-top:1px solid #f1f5f9!important;padding-top:8px!important;font-weight:750!important;color:#0f172a!important}.stat-val{font-weight:800!important;color:#0f172a!important}.user-check-times-box{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:10px 14px!important;margin-top:14px!important}.check-time-item{display:flex!important;flex-direction:column!important;gap:2px!important}.check-label{font-size:10px!important;color:#64748b!important;font-weight:700!important;text-transform:uppercase!important}.check-time-item strong{font-size:13px!important;font-weight:800!important;font-variant-numeric:tabular-nums!important}.check-arrow{color:#94a3b8!important;font-weight:700!important}.checked-in{color:#0d9488!important}.checked-out{color:#3b82f6!important}.not-checked{color:#94a3b8!important;font-weight:500!important;font-size:11.5px!important}.panel-action-btn{width:100%!important;margin-top:14px!important;padding:10px 14px!important;border-radius:10px!important;background:#f0fdfa!important;border:1px solid rgba(13,148,136,.25)!important;color:#0d9488!important;font-weight:750!important;font-size:12.5px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;transition:all .2s ease!important}.panel-action-btn:hover{background:#0d9488!important;color:#fff!important;box-shadow:0 4px 12px #0d94884d!important}.approval-badge-count{padding:2px 8px!important;border-radius:999px!important;background:#ede9fe!important;color:#7c3aed!important;font-size:11px!important;font-weight:800!important}.approval-items-list{display:flex!important;flex-direction:column!important;gap:10px!important}.approval-item{display:grid!important;grid-template-columns:36px 1fr auto!important;align-items:center!important;gap:12px!important;padding:11px 14px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid #f1f5f9!important;cursor:pointer!important;transition:all .18s ease!important}.approval-item:hover{background:#fff!important;border-color:#cbd5e1!important;transform:translate(2px)!important;box-shadow:0 4px 12px #0f172a0d!important}.approval-icon{width:36px!important;height:36px!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-size:15px!important;font-weight:800!important}.approval-icon.leaves{background:#ede9fe!important;color:#7c3aed!important}.approval-icon.overtime{background:#e0f2fe!important;color:#0284c7!important}.approval-info{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.approval-info strong{font-size:13px!important;font-weight:750!important;color:#0f172a!important}.approval-info small{font-size:11px!important;color:#64748b!important}.approval-action-tag{padding:4px 10px!important;border-radius:6px!important;font-size:11.5px!important;font-weight:700!important;background:#fff!important;border:1px solid #e2e8f0!important;color:#475569!important;transition:all .15s ease!important}.approval-item:hover .approval-action-tag{background:#0d9488!important;border-color:#0d9488!important;color:#fff!important}.quick-action-buttons{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.quick-btn{display:grid!important;grid-template-columns:36px 1fr 16px!important;align-items:center!important;gap:12px!important;padding:10px 14px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e2e8f0!important;cursor:pointer!important;text-align:left!important;transition:all .18s ease!important;box-shadow:none!important}.quick-btn:hover{background:#f8fafc!important;border-color:#0d9488!important;transform:translateY(-1.5px)!important;box-shadow:0 4px 12px #0d948814!important}.quick-icon{width:34px!important;height:34px!important;border-radius:9px!important;display:grid!important;place-items:center!important;font-size:15px!important;font-weight:800!important}.quick-icon.teal{background:#ccfbf1!important;color:#0d9488!important}.quick-icon.blue{background:#dbeafe!important;color:#2563eb!important}.quick-icon.green{background:#dcfce7!important;color:#16a34a!important}.quick-icon.orange{background:#ffedd5!important;color:#ea580c!important}.quick-text{display:flex!important;flex-direction:column!important;min-width:0!important}.quick-text strong{font-size:13px!important;font-weight:750!important;color:#0f172a!important}.quick-text small{font-size:10.5px!important;color:#64748b!important;margin-top:1px!important}.quick-arrow{color:#94a3b8!important;font-style:normal!important;font-size:16px!important;transition:transform .15s ease!important}.quick-btn:hover .quick-arrow{transform:translate(2px)!important;color:#0d9488!important}.workspace-card,.card,.guide-page,.catalog-page,.pyzk-test-panel,.device-employees-form,.dashboard-page,.dashboard-executive{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.group-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;width:100%!important}.table-wrap,.recent-tasks-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important}@media(min-width:1800px){.dashboard-executive{gap:24px!important}.dashboard-metrics-grid{gap:20px!important}.metric-card-pro{padding:22px 24px!important}.metric-pro-value strong{font-size:32px!important}.executive-layout-grid{grid-template-columns:minmax(0,2.15fr) minmax(380px,1fr)!important;gap:24px!important}.dashboard-charts-subgrid{gap:22px!important}.quick-actions-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}@media(max-width:1280px){.app-shell:not(.sidebar-collapsed) .executive-layout-grid{grid-template-columns:1fr!important}.app-shell:not(.sidebar-collapsed) .executive-side-column{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.app-shell:not(.sidebar-collapsed) .quick-actions-panel{grid-column:1 / -1!important}.app-shell:not(.sidebar-collapsed) .quick-actions-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}@media(max-width:1100px){.executive-layout-grid{grid-template-columns:1fr!important}.executive-side-column{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.quick-actions-panel{grid-column:1 / -1!important}.quick-actions-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}@media(max-width:960px){.dashboard-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-charts-subgrid{grid-template-columns:1fr!important}.dashboard-hero-banner{padding:20px 22px!important}}@media(max-width:640px){.dashboard-metrics-grid{grid-template-columns:1fr!important}.executive-side-column,.app-shell:not(.sidebar-collapsed) .executive-side-column{grid-template-columns:1fr!important}.quick-actions-grid,.app-shell:not(.sidebar-collapsed) .quick-actions-grid{grid-template-columns:1fr!important}.hero-content h2{font-size:20px!important}.hero-actions{width:100%!important}.hero-btn-primary,.hero-btn-secondary{flex:1 1 auto!important;justify-content:center!important}.recent-tasks-table{min-width:580px!important}}.workspace-card,.card{margin-top:0!important;margin-bottom:0!important}.tasks-module-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;padding:14px 20px 18px!important;margin:0!important;box-shadow:0 6px 24px #0f172a09!important}.tasks-module-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding-bottom:10px!important;margin-bottom:10px!important;border-bottom:1px solid #f1f5f9!important}.tasks-module-header .eyebrow{font-size:10.5px!important;font-weight:800!important;letter-spacing:.08em!important;color:#0d9488!important;margin:0 0 2px!important}.tasks-module-header h2{font-size:clamp(19px,1.8vw,22px)!important;font-weight:800!important;color:#0f172a!important;letter-spacing:-.02em!important;margin:0 0 2px!important;line-height:1.25!important}.tasks-module-header .muted{font-size:12.5px!important;color:#64748b!important;margin:0!important;line-height:1.35!important}.btn-secondary-outline{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:36px!important;height:36px!important;padding:0 14px!important;border-radius:10px!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#334155!important;font-size:12.5px!important;font-weight:700!important;box-shadow:0 1px 3px #0f172a08!important;transition:all .18s ease!important}.btn-secondary-outline:hover:not(:disabled){border-color:#0d9488!important;color:#0f766e!important;background:#f0fdfa!important;transform:translateY(-1px)!important}.btn-primary-gradient{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:36px!important;height:36px!important;padding:0 16px!important;border-radius:10px!important;border:none!important;background:linear-gradient(135deg,#0d9488,#0f766e)!important;color:#fff!important;font-size:12.5px!important;font-weight:700!important;box-shadow:0 4px 12px #0d948838!important;transition:all .18s ease!important}.btn-primary-gradient:hover:not(:disabled){background:linear-gradient(135deg,#0f766e,#115e59)!important;box-shadow:0 6px 16px #0d94884d!important;transform:translateY(-1px)!important}.modern-module-tabs{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:11px!important;margin:0 0 10px!important}.modern-module-tabs button{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:32px!important;height:32px!important;padding:0 14px!important;border:none!important;border-radius:8px!important;background:transparent!important;color:#475569!important;font-size:12.5px!important;font-weight:650!important;box-shadow:none!important;transition:all .18s ease!important}.modern-module-tabs button:hover:not(.active){color:#0f172a!important;background:#fff9!important}.modern-module-tabs button.active{background:#fff!important;color:#0f766e!important;font-weight:750!important;box-shadow:0 2px 6px #0f172a12!important}.tab-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:800!important;background:#ccfbf1!important;color:#0f766e!important}.task-summary-metrics{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin:0 0 10px!important}.task-summary-metrics .metric-card.filter-card{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border:1px solid #e2e8f0!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 8px #0f172a05!important;transition:all .18s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important}.task-summary-metrics .metric-card.filter-card:hover{transform:translateY(-1px)!important;border-color:#99f6e4!important;box-shadow:0 6px 16px #0f172a0d!important}.task-summary-metrics .metric-card.filter-card.active{border-color:#0d9488!important;background:linear-gradient(180deg,#f0fdfa,#fff)!important;box-shadow:0 0 0 2px #0d948824,0 6px 14px #0d948812!important}.metric-card.slate .metric-icon{color:#475569!important;background:#f1f5f9!important}.task-summary-metrics .metric-icon{width:36px!important;height:36px!important;border-radius:10px!important;flex-shrink:0!important}.task-summary-metrics .metric-card small{font-size:11px!important;font-weight:700!important;color:#475569!important;line-height:1.2!important}.task-summary-metrics .metric-card strong{font-size:20px!important;font-weight:800!important;color:#0f172a!important;margin:2px 0 1px!important;font-variant-numeric:tabular-nums!important}.task-summary-metrics .metric-card p{font-size:10.5px!important;color:#64748b!important;margin:0!important}.unified-list-controls{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:10px!important}.unified-list-controls .pagination-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:44px!important;margin-top:0!important;padding:6px 10px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important}.search-and-advanced-group{display:flex!important;align-items:center!important;gap:10px!important;flex:1 1 auto!important;min-width:0!important;flex-wrap:wrap!important}.search-and-advanced-group>.quick-search{flex:1 1 280px!important;max-width:420px!important;min-height:40px!important;height:40px!important;margin:0!important;padding:0 13px!important;border:1px solid #cbd5e1!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 2px #0f172a08!important;transition:all .18s ease!important}.search-and-advanced-group>.quick-search:focus-within{border-color:#0d9488!important;box-shadow:0 0 0 3px #0d948824!important}.search-and-advanced-group>.quick-search input{font-size:13px!important;color:#0f172a!important}.advanced-search-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;height:40px!important;padding:0 15px!important;border-radius:10px!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#334155!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 1px 2px #0f172a08!important;transition:all .18s cubic-bezier(.16,1,.3,1)!important;white-space:nowrap!important}.advanced-search-btn:hover{border-color:#0d9488!important;color:#0f766e!important;background:#f0fdfa!important;box-shadow:0 4px 12px #0d94881a!important}.advanced-search-btn.open,.advanced-search-btn.has-filters{border-color:#0d9488!important;background:linear-gradient(135deg,#f0fdfa,#ccfbf1)!important;color:#0f766e!important;box-shadow:0 2px 10px #0d948824!important}.adv-filter-svg{color:#0d9488!important;flex-shrink:0!important}.adv-filter-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;background:#0d9488!important;color:#fff!important;font-size:11px!important;font-weight:800!important;line-height:1!important}.adv-chevron-svg{color:#64748b!important;transition:transform .22s ease!important;flex-shrink:0!important}.advanced-search-btn.open .adv-chevron-svg{transform:rotate(180deg)!important;color:#0f766e!important}.quick-clear-filters-btn{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:36px!important;padding:0 11px!important;border-radius:9px!important;border:1px dashed #fda4af!important;background:#fff1f2!important;color:#e11d48!important;font-size:12px!important;font-weight:700!important}.quick-clear-filters-btn:hover{background:#ffe4e6!important;border-color:#f43f5e!important}.advanced-filter-panel{padding:18px 20px!important;background:linear-gradient(180deg,#f8fafc,#f0fdfa)!important;border:1px solid #99f6e4!important;border-radius:14px!important;box-shadow:0 10px 25px #0d948812!important;animation:advPanelSlideDown .2s cubic-bezier(.16,1,.3,1)!important}@keyframes advPanelSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.advanced-filter-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-bottom:14px!important;margin-bottom:14px!important;border-bottom:1px solid rgba(13,148,136,.15)!important}.advanced-filter-title{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;color:#0f766e!important}.advanced-filter-title span{font-size:13px!important;font-weight:800!important;color:#0f172a!important}.advanced-filter-title small{font-size:12px!important;color:#64748b!important;font-weight:500!important}.advanced-filter-header-actions{display:flex!important;align-items:center!important;gap:8px!important}.adv-reset-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:32px!important;padding:0 11px!important;border-radius:8px!important;border:1px solid #fecdd3!important;background:#fff1f2!important;color:#be123c!important;font-size:12px!important;font-weight:700!important}.adv-collapse-btn{min-height:32px!important;padding:0 11px!important;border-radius:8px!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#475569!important;font-size:12px!important;font-weight:650!important}.advanced-filter-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:end!important}.adv-field{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important}.adv-field-label{font-size:12px!important;font-weight:700!important;color:#334155!important}.adv-field input,.adv-field select{width:100%!important;min-height:40px!important;height:40px!important;padding:0 12px!important;border:1px solid #cbd5e1!important;border-radius:10px!important;background-color:#fff!important;font-size:13px!important;color:#0f172a!important;box-sizing:border-box!important}.adv-field select{padding-right:34px!important}.active-filter-chips{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:4px 2px!important}.chips-label{font-size:12px!important;font-weight:700!important;color:#64748b!important}.filter-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 8px 4px 11px!important;border-radius:999px!important;background:#f0fdfa!important;border:1px solid #99f6e4!important;color:#0f766e!important;font-size:12px!important;font-weight:500!important}.filter-chip strong{font-weight:750!important}.filter-chip.chip-danger{background:#fef2f2!important;border-color:#fecaca!important;color:#dc2626!important}.filter-chip button{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;padding:0!important;border:none!important;border-radius:50%!important;background:#0d948824!important;color:inherit!important;font-size:13px!important;line-height:1!important}.filter-chip button:hover{background:#0d948847!important}.enterprise-table-wrap{border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 4px 20px #0f172a09!important;overflow-x:auto!important}.enterprise-table{width:100%!important;min-width:980px!important;border-collapse:separate!important;border-spacing:0!important}.enterprise-table thead th{position:sticky!important;top:0!important;z-index:2!important;padding:13px 12px!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;color:#475569!important;font-size:11px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;white-space:nowrap!important}.enterprise-table tbody td{padding:14px 12px!important;border-bottom:1px solid #f1f5f9!important;vertical-align:middle!important;color:#1e293b!important;font-size:13px!important;transition:background .15s ease!important}.enterprise-table tbody tr:hover td{background:#f8fafc!important}.enterprise-table tbody tr:hover{box-shadow:inset 3px 0 #0d9488!important}.col-stt{width:48px!important;min-width:48px!important;text-align:center!important}.stt-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;height:26px!important;padding:0 6px!important;border-radius:8px!important;background:#f1f5f9!important;color:#475569!important;font-size:12px!important;font-weight:750!important;font-variant-numeric:tabular-nums!important}.task-title-cell{min-width:230px!important;max-width:380px!important}.task-title-link{font-size:13.8px!important;font-weight:750!important;color:#0f172a!important;line-height:1.4!important;cursor:pointer!important;transition:color .15s ease!important}.task-title-link:hover{color:#0d9488!important;text-decoration:underline!important;text-underline-offset:3px!important}.task-desc-snippet{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:4px 0 8px!important;color:#64748b!important;font-size:12px!important;line-height:1.45!important}.task-meta-pills{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important}.priority-pill{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:3px 8px!important;border-radius:999px!important;font-size:11px!important;font-weight:700!important}.priority-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:currentColor!important}.priority-high{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important}.priority-medium{background:#f0fdfa!important;color:#0f766e!important;border:1px solid #99f6e4!important}.priority-low{background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important}.due-today-badge{background:#fffbeb!important;color:#d97706!important;border:1px solid #fde68a!important;border-radius:999px!important;padding:3px 8px!important;font-size:11px!important;font-weight:700!important}.meta-chip{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:2px 7px!important;border-radius:6px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#475569!important;font-size:11px!important;font-weight:650!important}.person-badge-inline{display:flex!important;align-items:center!important;gap:9px!important;min-width:130px!important}.person-avatar-sm{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:9px!important;font-size:11px!important;font-weight:800!important;flex-shrink:0!important}.teal-avatar{background:linear-gradient(135deg,#0d9488,#0f766e)!important;color:#fff!important;box-shadow:0 3px 8px #0d948838!important}.slate-avatar{background:#e2e8f0!important;color:#334155!important}.person-badge-text{display:flex!important;flex-direction:column!important;min-width:0!important}.person-badge-text strong{font-size:12.8px!important;font-weight:700!important;color:#0f172a!important;white-space:nowrap!important}.person-badge-text small{font-size:11px!important;color:#64748b!important;margin-top:2px!important;white-space:nowrap!important}.dept-tag{color:#0f766e!important;font-weight:600!important;font-size:11px!important}.date-stack{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:112px!important}.date-line{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:12px!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important}.date-line small{color:#64748b!important;font-size:11px!important;min-width:30px!important}.date-line b{color:#334155!important;font-weight:650!important}.due-line.is-overdue b{color:#dc2626!important;background:#fef2f2!important;padding:2px 6px!important;border-radius:6px!important;border:1px solid #fecaca!important;font-weight:750!important}.due-line.is-due-today b{color:#d97706!important;background:#fffbeb!important;padding:2px 6px!important;border-radius:6px!important;font-weight:750!important}.status-stack{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important}.status-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 10px!important;border-radius:999px!important;font-size:11.5px!important;font-weight:700!important;white-space:nowrap!important}.status-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:currentColor!important}.status-completed{background:#ecfdf5!important;color:#059669!important;border:1px solid #a7f3d0!important}.status-in-progress{background:#f0fdfa!important;color:#0d9488!important;border:1px solid #99f6e4!important}.status-pending{background:#f5f3ff!important;color:#7c3aed!important;border:1px solid #ddd6fe!important}.status-not-started{background:#f1f5f9!important;color:#475569!important;border:1px solid #cbd5e1!important}.kpi-score-pill{display:inline-flex!important;align-items:center!important;padding:2px 8px!important;border-radius:6px!important;background:#fffbeb!important;border:1px solid #fde68a!important;color:#b45309!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}.approval-subtext{font-size:11px!important;color:#64748b!important;padding-left:4px!important;white-space:nowrap!important}.table-progress-modern{min-width:110px!important;display:flex!important;flex-direction:column!important;gap:5px!important}.progress-label-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important}.progress-label-row strong{font-size:12px!important;font-weight:800!important;color:#0f172a!important;font-variant-numeric:tabular-nums!important}.progress-label-row span{font-size:10px!important;color:#64748b!important;white-space:nowrap!important}.progress-track-modern{width:100%!important;height:7px!important;border-radius:999px!important;background:#e2e8f0!important;overflow:hidden!important}.progress-track-modern i{display:block!important;height:100%!important;border-radius:999px!important;transition:width .35s ease!important}.fill-emerald{background:linear-gradient(90deg,#10b981,#059669)!important}.fill-teal{background:linear-gradient(90deg,#14b8a6,#0d9488)!important}.fill-amber{background:linear-gradient(90deg,#f59e0b,#d97706)!important}.fill-rose{background:linear-gradient(90deg,#f43f5e,#e11d48)!important}.task-table.enterprise-table-wrap th:last-child,.task-table.enterprise-table-wrap td:last-child,.enterprise-table th.col-actions,.enterprise-table td.col-actions{position:static!important;width:110px!important;min-width:110px!important;box-shadow:none!important;text-align:left!important}.enterprise-table .icon-action{width:33px!important;height:33px!important;min-height:33px!important;flex:0 0 33px!important;border-radius:9px!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#475569!important;transition:all .16s ease!important}.enterprise-table .icon-action:hover{border-color:#0d9488!important;background:#f0fdfa!important;color:#0f766e!important;transform:translateY(-1px)!important}.enterprise-table .icon-action.action-review{border-color:#ddd6fe!important;background:#f5f3ff!important;color:#7c3aed!important}.enterprise-table .icon-action.action-review:hover{border-color:#8b5cf6!important;background:#ede9fe!important}.enterprise-table .icon-action.danger-action{border-color:#fecdd3!important;background:#fff1f2!important;color:#e11d48!important}.enterprise-table .icon-action.danger-action:hover{border-color:#f43f5e!important;background:#ffe4e6!important}.enterprise-table tbody tr.overdue-task td{background:snow!important}.enterprise-table tbody tr.overdue-task:hover td{background:#fef2f2!important}.empty-state-box{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:48px 24px!important;text-align:center!important;border:1px dashed #cbd5e1!important;border-radius:16px!important;background:#f8fafc!important;margin-top:12px!important}.empty-state-icon{font-size:32px!important;margin-bottom:10px!important}.empty-state-box strong{font-size:15px!important;color:#0f172a!important;margin-bottom:4px!important}.empty-state-box p{font-size:13px!important;color:#64748b!important;margin:0 0 14px!important}.overview-control-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;margin:0 0 10px!important;padding:6px 12px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important}.overview-control-bar .filters,.overview-control-bar .overview-filters{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:10px!important}.overview-control-bar .filters label{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:12.5px!important;font-weight:700!important;color:#334155!important;white-space:nowrap!important}.overview-control-bar .filters input[type=month]{min-width:165px!important;width:auto!important;min-height:34px!important;height:34px!important;padding:0 10px!important;margin:0!important;border-radius:8px!important;border:1px solid #cbd5e1!important;font-size:12.5px!important}.overview-control-bar .overview-subtabs{display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:3px!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:9px!important}.overview-control-bar .overview-subtabs button{min-height:28px!important;height:28px!important;padding:0 12px!important;border:none!important;border-radius:6px!important;font-size:12px!important;font-weight:650!important;color:#475569!important;background:transparent!important;box-shadow:none!important}.overview-control-bar .overview-subtabs button.active{background:#0d9488!important;color:#fff!important;font-weight:700!important;box-shadow:none!important}.overview-table{margin-top:0!important}.kpi-summary-cards{margin:0 0 10px!important;gap:10px!important}.kpi-summary-cards article{padding:12px 14px!important}.total-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important;padding:3px 10px!important;border-radius:999px!important;background:#f1f5f9!important;color:#0f172a!important;font-size:12.5px!important}.total-pill.highlight{background:#0d9488!important;color:#fff!important}@media(max-width:1360px){.task-summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:1100px){.advanced-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:768px){.task-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.advanced-filter-grid{grid-template-columns:1fr!important}.unified-list-controls .pagination-row{flex-direction:column!important;align-items:stretch!important}.search-and-advanced-group>.quick-search{max-width:none!important}}.workspace-card>.section-heading,.card>.section-heading{padding-bottom:10px!important;margin-bottom:10px!important;border-bottom:1px solid #f1f5f9!important;align-items:center!important;gap:12px!important}.workspace-card>.section-heading .eyebrow,.card>.section-heading .eyebrow{display:inline-block!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.08em!important;color:#0d9488!important;text-transform:uppercase!important;margin:0 0 2px!important}.workspace-card>.section-heading h2,.card>.section-heading h2{font-size:20px!important;font-weight:800!important;color:#0f172a!important;letter-spacing:-.02em!important;margin:0!important;line-height:1.25!important}.workspace-card>.section-heading p,.workspace-card>.section-heading .muted,.card>.section-heading p,.card>.section-heading .muted{font-size:12.5px!important;color:#64748b!important;margin:2px 0 0!important}.module-top-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:10px!important;margin:0 0 10px!important}.module-top-bar>.tabs,.module-top-bar>.modern-module-tabs{margin:0!important}.workspace-card>.tabs,.card>.tabs,.catalog-tabs{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:11px!important;margin:0 0 10px!important;width:fit-content!important;max-width:100%!important;flex-wrap:wrap!important}.workspace-card>.tabs button,.card>.tabs button,.catalog-tabs button{min-height:32px!important;height:32px!important;padding:0 14px!important;border-radius:8px!important;border:none!important;background:transparent!important;color:#475569!important;font-size:12.5px!important;font-weight:650!important;display:inline-flex!important;align-items:center!important;gap:6px!important;transition:all .18s ease!important;box-shadow:none!important}.workspace-card>.tabs button.active,.card>.tabs button.active,.catalog-tabs button.active{background:#fff!important;color:#0f766e!important;font-weight:700!important;box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0a!important}.catalog-tabs button b{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:18px!important;padding:0 6px!important;border-radius:999px!important;background:#e2e8f0!important;color:#334155!important;font-size:11px!important;font-weight:700!important}.catalog-tabs button.active b{background:#ccfbf1!important;color:#0f766e!important}.inline-stat-pills{display:inline-flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important}.inline-stat-pill{display:inline-flex!important;align-items:center!important;gap:5px!important;height:32px!important;padding:0 12px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#475569!important;font-size:12px!important;font-weight:600!important;white-space:nowrap!important}.inline-stat-pill strong{color:#0f172a!important;font-weight:800!important;font-variant-numeric:tabular-nums!important}.inline-stat-pill.highlight{background:#f0fdfa!important;border-color:#99f6e4!important;color:#0f766e!important}.inline-stat-pill.highlight strong{color:#0d9488!important}.today-attendance-inline{display:inline-flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:5px 12px!important;background:linear-gradient(135deg,#f0fdfa,#f8fafc)!important;border:1px solid #ccfbf1!important;border-radius:10px!important;font-size:12px!important;color:#334155!important}.today-attendance-inline .today-attendance-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;border-radius:6px!important;background:#0d9488!important;color:#fff!important;font-size:12px!important}.today-punch-pill{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:2px 9px!important;border-radius:6px!important;background:#fff!important;border:1px solid #cbd5e1!important;font-size:11.5px!important;color:#475569!important}.today-punch-pill strong{color:#0f766e!important;font-weight:800!important;font-variant-numeric:tabular-nums!important}.fleet-flow{display:inline-flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important;padding:5px 12px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;font-size:11.5px!important;font-weight:600!important;color:#475569!important}.fleet-flow span{padding:2px 7px!important;border-radius:6px!important;background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important;font-size:11px!important}.fleet-flow i{color:#94a3b8!important;font-style:normal!important}.pagination-row{margin:0 0 10px!important;padding:6px 10px!important;min-height:46px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;gap:10px!important}.pagination-leading{flex:1 1 auto!important;min-width:280px!important}.pagination-leading>.quick-search{min-width:340px!important;max-width:460px!important;flex:1 1 340px!important;height:36px!important;min-height:36px!important;margin:0!important;border-radius:9px!important;background:#fff!important}.inline-toolbar-select,.inline-toolbar-month input{height:36px!important;min-height:36px!important;padding:0 10px!important;border-radius:9px!important;border:1px solid #cbd5e1!important;background:#fff!important;font-size:12.5px!important;font-weight:600!important;color:#0f172a!important;margin:0!important;width:auto!important}.inline-toolbar-month{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;margin:0!important;font-size:12px!important;font-weight:700!important;color:#475569!important;white-space:nowrap!important}.tab-intro-muted{margin:0 0 8px!important;font-size:12.5px!important}.filters,.report-filters{margin:0 0 10px!important;padding:8px 12px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;display:flex!important;align-items:flex-end!important;flex-wrap:wrap!important;gap:10px!important}.filters label,.report-filters label{margin:0!important;font-size:12px!important;gap:4px!important}.filters input,.filters select,.report-filters input,.report-filters select{min-height:36px!important;height:36px!important;padding:0 10px!important;font-size:12.5px!important;border-radius:8px!important}.report-filters button{min-height:36px!important;height:36px!important;padding:0 14px!important}.metric-row,.attendance-summary-metrics{margin:0 0 10px!important;gap:10px!important}.attendance-summary-metrics .metric-card{padding:10px 14px!important;min-height:auto!important}.summary-heading-inline{display:flex!important;flex-direction:column!important;gap:2px!important}.summary-heading-inline strong{font-size:14px!important;color:#0f172a!important}.summary-heading-inline small{font-size:12px!important;color:#64748b!important}.table-wrap{margin-top:0!important;border-radius:14px!important;border:1px solid #e2e8f0!important;background:#fff!important;box-shadow:0 2px 10px #0f172a08!important;overflow-x:auto!important}.table-wrap table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}.table-wrap thead th{background:#f8fafc!important;color:#475569!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important;padding:11px 12px!important;border-bottom:2px solid #e2e8f0!important;white-space:nowrap!important}.table-wrap tbody td{padding:10px 12px!important;border-bottom:1px solid #f1f5f9!important;vertical-align:middle!important;font-size:13px!important;color:#1e293b!important;transition:background-color .14s ease!important}.table-wrap tbody td>small{display:block!important;font-size:11.5px!important;color:#64748b!important;margin-top:2px!important}.table-wrap tbody tr:last-child td{border-bottom:none!important}.table-wrap tbody tr:hover td{background:#f0fdfa!important}.table-wrap tbody tr:hover td:first-child{box-shadow:inset 3px 0 #0d9488!important}.table-wrap:has(tbody td:last-child>button) th:last-child,.table-wrap:has(tbody td:last-child>button) td:last-child,.table-wrap:has(tbody td:last-child .row-actions) th:last-child,.table-wrap:has(tbody td:last-child .row-actions) td:last-child{position:static!important;width:auto!important;min-width:96px!important;box-shadow:none!important;text-align:left!important}.table-wrap .row-actions,.row-actions,.task-row-actions{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:nowrap!important;text-align:left!important}.table-wrap .icon-action{width:32px!important;height:32px!important;min-height:32px!important;flex:0 0 32px!important;border-radius:8px!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#475569!important;transition:all .16s ease!important}.table-wrap .icon-action:hover{border-color:#0d9488!important;background:#f0fdfa!important;color:#0f766e!important;transform:translateY(-1px)!important}.table-wrap .icon-action.danger-action{border-color:#fecdd3!important;background:#fff1f2!important;color:#e11d48!important}.table-wrap .icon-action.danger-action:hover{border-color:#f43f5e!important;background:#ffe4e6!important}.modal-backdrop{background:#06181e73!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.modal-card.form-modal{border:1px solid rgba(13,148,136,.25)!important;box-shadow:-16px 0 40px #05181e2e,0 0 0 1px #ffffff80!important;border-radius:18px 0 0 18px!important;overflow:hidden!important}.form-modal .modal-header{position:relative!important;flex:0 0 auto!important;padding:16px 64px 16px 22px!important;background-color:#f0fdfa!important;background-image:radial-gradient(circle at 92% 20%,rgba(20,184,166,.14) 0%,transparent 60%),linear-gradient(135deg,#f0fdfa,#e6fbf7 55%,#ddf7f2)!important;border-bottom:1.5px solid #99f6e4!important;color:#0f766e!important;box-shadow:0 2px 10px #0f766e0d!important}.form-modal .modal-header h2,.form-modal .modal-header h3,.form-modal .modal-header .section-heading h3,.form-modal .modal-header .modal-heading h2{position:relative!important;margin:0!important;padding-left:13px!important;font-size:17px!important;font-weight:800!important;letter-spacing:-.015em!important;line-height:1.3!important;color:#0f766e!important}.form-modal .modal-header h2:before,.form-modal .modal-header h3:before,.form-modal .modal-header .section-heading h3:before,.form-modal .modal-header .modal-heading h2:before{content:""!important;position:absolute!important;left:0!important;top:2px!important;bottom:2px!important;width:4px!important;border-radius:999px!important;background:linear-gradient(180deg,#14b8a6,#0d9488)!important;box-shadow:0 0 6px #0d948859!important}.form-modal .modal-header .eyebrow{display:inline-block!important;margin:0 0 4px 13px!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#0d9488!important}.form-modal .modal-header small,.form-modal .modal-header p:not(.eyebrow){color:#4b6a65!important;font-size:12px!important;font-weight:500!important;margin:4px 0 0 13px!important}.form-modal .modal-header .section-heading{padding:0!important;margin:0!important;border:none!important}.form-modal .modal-header .detail-heading{padding-right:0!important;align-items:center!important}.form-modal .modal-header .detail-heading h3{margin:4px 0 3px!important}.form-modal .modal-header .detail-heading small{margin-left:13px!important;color:#4b6a65!important}.form-modal .modal-header .badge{background:#ccfbf1!important;border:1px solid #99f6e4!important;color:#0f766e!important;font-weight:700!important}.form-modal .modal-header .detail-scope{background:#fffc!important;border:1px solid rgba(13,148,136,.22)!important;color:#0f766e!important;padding:5px 12px!important;border-radius:8px!important}.form-modal-close{position:absolute!important;top:13px!important;right:18px!important;z-index:10!important;width:32px!important;height:32px!important;min-height:32px!important;border-radius:9px!important;border:1px solid rgba(13,148,136,.25)!important;background:#ffffffe6!important;color:#0f766e!important;font-size:19px!important;font-weight:600!important;line-height:1!important;box-shadow:0 1px 4px #0f766e1a!important;transition:all .18s ease!important}.form-modal-close:hover{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;transform:scale(1.06)!important;box-shadow:0 3px 10px #ef44444d!important}.form-modal .group-config-layout .editor{border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important}.form-modal .group-config-layout .editor>.modal-header{padding:12px 16px!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;box-shadow:none!important}.form-modal .group-config-layout .editor>.modal-header h3{color:#334155!important;font-size:14px!important;padding-left:10px!important}.form-modal .group-config-layout .editor>.modal-header h3:before{background:#0d9488!important;box-shadow:none!important}.form-modal .modal-body{padding:20px 24px!important;background:#fff!important}.form-modal .modal-footer{padding:14px 24px!important;background:#f8fafc!important;border-top:1px solid #e2e8f0!important}.forgot-modal-header{padding:16px 20px!important;background-color:#f0fdfa!important;background-image:radial-gradient(circle at 92% 20%,rgba(20,184,166,.14) 0%,transparent 60%),linear-gradient(135deg,#f0fdfa,#e6fbf7 55%,#ddf7f2)!important;border-bottom:1.5px solid #99f6e4!important}.forgot-icon-pill{background:#ccfbf1!important;border:1px solid #99f6e4!important;color:#0d9488!important}.forgot-title-wrap h2{color:#0f766e!important;font-weight:800!important}.forgot-subtitle{color:#4b6a65!important}.forgot-close-btn{background:#ffffffe6!important;border:1px solid rgba(13,148,136,.25)!important;color:#0f766e!important;box-shadow:0 1px 4px #0f766e1a!important}.forgot-close-btn:hover{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.notification-heading{padding:12px 16px!important;background:linear-gradient(135deg,#f0fdfa,#e6fbf7 60%,#ddf7f2)!important;border-bottom:1.5px solid #99f6e4!important;color:#0f766e!important}.notification-heading strong{color:#0f766e!important;font-size:14px!important;font-weight:800!important}.notification-heading small{color:#4b6a65!important;font-size:11.5px!important}.notification-heading button{background:#fff!important;border:1px solid rgba(13,148,136,.28)!important;color:#0d9488!important;border-radius:7px!important;padding:3px 9px!important;font-weight:700!important;box-shadow:0 1px 3px #0f766e14!important}.notification-heading button:hover{background:#0d9488!important;color:#fff!important;border-color:#0d9488!important}.user-popover{padding:0!important;overflow:hidden!important;border:1px solid rgba(13,148,136,.25)!important;box-shadow:0 10px 30px #0f766e1f,0 2px 6px #0000000a!important}.user-popover-head{padding:12px 16px!important;margin-bottom:0!important;background:linear-gradient(135deg,#f0fdfa,#e6fbf7 60%,#ddf7f2)!important;border-bottom:1.5px solid #99f6e4!important}.user-popover-head strong{color:#0f766e!important}.user-popover-head small{color:#4b6a65!important}.user-popover dl{margin:0!important;padding:10px 14px!important}.user-menu-actions{padding:10px 14px 12px!important;background:#f8fafc!important}.user-account-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 18px!important;margin-bottom:16px!important}.user-account-grid label{margin:0!important;width:100%!important}.user-account-grid label input,.user-account-grid label select{width:100%!important;box-sizing:border-box!important}.permission-matrix{width:100%!important;max-width:100%!important;overflow:hidden!important}.permission-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important}.permission-table-wrap::-webkit-scrollbar{display:block!important;height:8px!important;width:8px!important}.permission-table-wrap::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:4px!important}.permission-table-wrap::-webkit-scrollbar-thumb{background:#94a3b8!important;border-radius:4px!important}.permission-table-wrap::-webkit-scrollbar-thumb:hover{background:#64748b!important}.permission-table{min-width:720px!important}