@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.coffee-tracker-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.coffee-tracker-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 8px 24px #091e420d}.coffee-tracker-summary-label{font-size:11px;color:var(--text3);margin-bottom:6px}.coffee-tracker-summary-value{font-size:26px;font-weight:800;color:var(--text)}.coffee-tracker-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.coffee-tracker-metric-card{border-radius:18px;padding:18px;box-shadow:0 4px 12px #0000000f}.coffee-tracker-metric-card--tea{background:linear-gradient(135deg,#fff7e6,#fff);border:1px solid #f5d08a}.coffee-tracker-metric-card--coffee{background:linear-gradient(135deg,#eaf5ff,#fff);border:1px solid #c8e1ff}.coffee-tracker-metric-card--total{background:linear-gradient(135deg,#1e4f85,#357abd);color:#fff}.coffee-tracker-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.coffee-tracker-metric-title{font-size:13px;font-weight:600}.coffee-tracker-metric-title--tea{color:#8b5e00}.coffee-tracker-metric-title--coffee{color:#245c9e}.coffee-tracker-metric-title--total{color:#ffffffe6}.coffee-tracker-metric-icon{font-size:22px}.coffee-tracker-metric-body{display:flex;justify-content:space-between;align-items:end}.coffee-tracker-metric-value-wrap{min-width:0}.coffee-tracker-metric-value{font-size:32px;font-weight:800}.coffee-tracker-metric-value--tea{color:#7a4b00}.coffee-tracker-metric-value--coffee{color:#1e4f85}.coffee-tracker-metric-value--total{font-size:34px;font-weight:900;letter-spacing:.5px;color:#fff}.coffee-tracker-metric-subtitle{font-size:12px}.coffee-tracker-metric-subtitle--tea{color:#9a7b36}.coffee-tracker-metric-subtitle--coffee{color:#4d7aa8}.coffee-tracker-metric-subtitle--total{margin-top:8px;color:#fffc}.coffee-tracker-metric-currency{font-size:22px;font-weight:700}.coffee-tracker-metric-currency--tea{color:#7a4b00}.coffee-tracker-metric-currency--coffee{color:#1e4f85}.coffee-tracker-table-actions{display:flex;gap:6px;flex-wrap:wrap}.coffee-tracker-empty{text-align:center;color:var(--text3);font-size:12px}.coffee-tracker-note{font-size:11px;color:var(--text3);line-height:1.5}.cleaning-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px;padding:20px 16px}.cleaning-metric-card{border-radius:16px;padding:18px;box-shadow:0 4px 15px #091e420a;transition:transform .2s ease,box-shadow .2s ease}.cleaning-metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #091e4214}.cleaning-metric-card--total{background:linear-gradient(135deg,#f6f8fa,#fff);border:1px solid #d0d7de}.cleaning-metric-card--present{background:linear-gradient(135deg,#e6ffed,#fff);border:1px solid #acf2bd}.cleaning-metric-card--absent{background:linear-gradient(135deg,#ffeef0,#fff);border:1px solid #ffd8d8}.cleaning-metric-card--rate{background:linear-gradient(135deg,#0969da,#03449d);color:#fff;border:none}.cleaning-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cleaning-metric-title{font-size:13px;font-weight:600;color:var(--text3)}.cleaning-metric-card--rate .cleaning-metric-title{color:#ffffffd9}.cleaning-metric-icon{font-size:20px}.cleaning-metric-value{font-size:30px;font-weight:800;color:var(--text);line-height:1.2}.cleaning-metric-card--rate .cleaning-metric-value{color:#fff}.cleaning-metric-subtitle{font-size:11px;color:var(--text3);margin-top:4px}.cleaning-metric-card--rate .cleaning-metric-subtitle{color:#ffffffb3}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;line-height:1}.status-badge--present{background-color:#dafbe1;color:#1a7f37;border:1px solid #acf2bd}.status-badge--absent{background-color:#ffebe9;color:#cf222e;border:1px solid #ffd8d8}.status-badge-dot{width:6px;height:6px;border-radius:50%}.status-badge--present .status-badge-dot{background-color:#1a7f37;box-shadow:0 0 0 2px #1a7f3733}.status-badge--absent .status-badge-dot{background-color:#cf222e;box-shadow:0 0 0 2px #cf222e33}.cleaning-filter-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:14px;margin-bottom:20px;box-shadow:0 4px 12px #091e4208}.cleaning-empty{text-align:center;padding:48px 16px;color:var(--text3)}.cleaning-empty-icon{font-size:40px;margin-bottom:12px}.cleaning-empty-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.cleaning-empty-desc{font-size:13px;color:var(--text3)}:root{--bg: #f4f6fb;--surface: #ffffff;--surface2: #f7f8fb;--surface3: #eef2f7;--border: #d8dee8;--border2: #e6ebf2;--text: #172b4d;--text2: #42526e;--text3: #6b778c;--accent: #0c66e4;--accent2: #1d7afc;--accent-glow: rgba(12,102,228,.12);--green: #1f845a;--green-bg: rgba(31,132,90,.12);--red: #c9372c;--red-bg: rgba(201,55,44,.12);--yellow: #b38600;--yellow-bg: rgba(179,134,0,.12);--orange: #e56910;--orange-bg: rgba(229,105,16,.12);--purple: #5e4db2;--purple-bg: rgba(94,77,178,.12);--blue-bg: rgba(12,102,228,.12);--radius: 6px;--radius2: 10px;--shadow: 0 12px 40px rgba(9,30,66,.12);--sidebar-width: 240px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:110%;background:radial-gradient(1200px 520px at -10% -10%,#e9f2ffe6 0,#e9f2ff00 60%),radial-gradient(900px 520px at 110% -20%,#fff2e6e6 0,#fff2e600 60%),var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-glow);color:var(--accent2)}h1,h2,h3,h4{letter-spacing:-.3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:none;opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-in{animation:fadeIn .2s ease forwards}.app-layout{display:flex;height:100vh;overflow:hidden}.page-root{flex:1;min-height:0;display:flex;flex-direction:column}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;height:100vh}.sidebar-nav-container{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.main-area{flex:1;overflow:auto;display:flex;flex-direction:column;min-width:0}.sidebar-header{min-height:64px;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-icon{width:30px;height:30px;background:var(--accent);color:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.logo-text{font-size:18px;font-weight:700;color:var(--text)}.logo-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;font-size:9px;line-height:1;color:var(--accent2);background:var(--blue-bg);border:1px solid var(--border);padding:3px 6px;border-radius:999px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.nav-section{padding:6px 0}.nav-section+.nav-section{border-top:1px solid var(--border)}.nav-section-title{padding:8px 16px 4px;font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.8px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 16px;cursor:pointer;color:var(--text2);transition:all .12s;border-left:2px solid transparent;text-decoration:none;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--blue-bg);color:var(--accent2);border-left-color:var(--accent)}.submenu-trigger{width:100%;border:none;background:none;text-align:left;font-family:inherit}.submenu-trigger:focus{outline:none}.nav-item.submenu-trigger.active{background:transparent;color:var(--accent2);border-left-color:var(--accent)}.nav-item.submenu-trigger.active:hover{background:var(--surface2)}.submenu-arrow{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;color:var(--text3);transition:transform .2s ease}.submenu-arrow.open{transform:rotate(90deg)}.submenu-items{display:flex;flex-direction:column;gap:2px;padding:2px 0}.nav-item.submenu-item{padding-left:32px}.nav-item.submenu-item .nav-label{font-size:13.5px}.nav-item-folder .nav-icon svg{width:20px;height:20px}.nav-icon{display:flex;font-size:15px;width:18px;text-align:center;flex-shrink:0}.nav-label{font-size:14px;font-weight:500}.nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:11px;padding:1px 6px;border-radius:10px;font-weight:600}.sidebar-footer{margin-top:auto;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}.user-card{display:flex;align-items:center;gap:6px;position:relative}.user-profile{width:40%;align-items:center;display:flex;justify-content:center}.user-profile-trigger{display:flex;align-items:center;gap:6px;padding:4px 6px;background:transparent;border:none;cursor:pointer;border-radius:var(--radius);color:inherit;flex:1;min-width:0;transition:background .12s,color .12s}.user-profile-trigger:hover,.user-profile-trigger:focus-visible{background:var(--surface3);color:var(--text)}.user-menu-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;cursor:pointer;border-radius:var(--radius);color:var(--text3);transition:background .12s,color .12s}.user-menu-trigger:hover,.user-menu-trigger:focus-visible{background:var(--surface3);color:var(--text)}.user-menu{position:absolute;right:0;bottom:calc(100% + 8px);min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);box-shadow:0 12px 30px #091e422e;padding:6px;display:none;z-index:20}.user-menu.is-open{display:block;animation:fadeIn .12s ease}.user-menu-item{width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:6px;cursor:pointer;color:var(--text);font-size:13px;font-weight:500;transition:background .12s,color .12s}.user-menu-item:hover,.user-menu-item:focus-visible{background:var(--surface3);color:var(--accent2)}.user-menu-item.danger{color:var(--red)}.user-menu-item.danger:hover,.user-menu-item.danger:focus-visible{background:var(--red-bg);color:var(--red)}.user-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;color:#fff;overflow:hidden}.user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.user-info{flex:1;min-width:0;text-align:left}.user-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-tag{font-size:11px;color:var(--text3)}.logout-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;padding:4px;border-radius:var(--radius);line-height:1;transition:all .12s}.logout-btn:hover{color:var(--red);background:var(--red-bg)}.profile-avatar-row{display:flex;align-items:center;gap:12px}.profile-avatar{width:64px;height:64px;font-size:24px}.form-hint{font-size:12px;color:var(--text3);margin-top:6px}.file-upload{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.file-upload-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.file-upload-btn{padding:6px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;box-shadow:0 1px #091e420a}.file-upload:hover .file-upload-btn,.file-upload:focus-within .file-upload-btn{border-color:var(--accent);color:var(--accent2)}.file-upload-name{font-size:12px;color:var(--text3);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpdesk-widget{display:none!important;position:fixed;right:20px;bottom:20px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.helpdesk-fab{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600;box-shadow:0 14px 30px #0c66e440;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.helpdesk-fab:hover{transform:translateY(-1px);box-shadow:0 18px 34px #0c66e44d;background:var(--accent2)}.helpdesk-panel{width:min(360px,90vw);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;animation:fadeIn .18s ease}.helpdesk-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface2)}.helpdesk-title{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text)}.helpdesk-close{width:28px;height:28px;border:none;background:transparent;border-radius:8px;color:var(--text3);cursor:pointer}.helpdesk-close:hover{background:var(--surface3);color:var(--text)}.helpdesk-body{display:grid;grid-template-columns:1fr;gap:12px;padding:12px;max-height:60vh;overflow:auto}.helpdesk-accordion{display:grid;gap:8px}.helpdesk-accordion-item{border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden}.helpdesk-accordion-trigger{width:100%;text-align:left;border:none;background:var(--surface);padding:10px 12px;font-size:12px;font-weight:600;color:var(--text2);cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:8px}.helpdesk-accordion-item.is-open .helpdesk-accordion-trigger{background:var(--blue-bg);color:var(--accent2)}.helpdesk-accordion-icon{font-weight:700;color:var(--text3)}.helpdesk-accordion-body{padding:10px 12px 12px;display:grid;gap:6px;background:var(--surface2);border-top:1px solid var(--border)}.helpdesk-step{display:inline-flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text2)}.helpdesk-step svg{color:var(--green);margin-top:2px}.helpdesk-footer{padding:10px 12px;font-size:11px;color:var(--text3);border-top:1px solid var(--border);background:var(--surface2)}.feedback-widget{position:fixed;right:20px;bottom:20px;z-index:40}.feedback-fab{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--green),#156f4d);color:#fff;border:none;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600;box-shadow:0 14px 30px #1f845a3d;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.feedback-fab:hover{transform:translateY(-1px);box-shadow:0 18px 34px #1f845a47}@media (max-width: 600px){.helpdesk-widget{right:12px;bottom:12px}.helpdesk-fab span{display:none}.feedback-widget{right:12px;bottom:12px}.feedback-fab span{display:none}}.page-header{padding:18px 24px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;flex-shrink:0;background:var(--surface)}.page-title{font-size:26px;font-weight:700}.page-subtitle{font-size:14px;color:var(--text2);margin-top:2px}.page-body{padding:20px 16px;flex:1;min-height:0;overflow:auto;font-size:16px}.page-body.scrollable{overflow:auto;min-height:0}.page-body.full-height{padding:14px 16px;min-height:0;display:flex;flex-direction:column;flex:1;font-size:16px}.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;font-weight:500;font-size:14px;font-family:inherit;transition:all .12s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent2);border-color:var(--accent2)}.btn-secondary{background:var(--surface3);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface2);border-color:var(--text3)}.btn-ghost{background:transparent;color:var(--text2);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface3);color:var(--text)}.btn-danger{background:var(--red-bg);color:var(--red);border-color:#f851494d}.btn-danger:hover:not(:disabled){background:#f8514933}.btn-success{background:var(--green-bg);color:var(--green);border-color:#3fb9504d}.btn-sm{padding:5px 10px;font-size:13px}.btn-xs{padding:3px 8px;font-size:12px}.btn-icon{padding:6px;width:30px;height:30px;justify-content:center}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text3);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.form-label .req{color:var(--red);margin-left:2px}.form-control{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:var(--radius);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.form-control:not([disabled]):not(:read-only){background:var(--bg)}.form-control::placeholder{color:var(--text3)}.form-control:read-only{background:var(--surface3);color:var(--text3);border-color:var(--border2);cursor:default}.form-control[disabled]{background:var(--surface3);color:var(--text3);border-color:var(--border2);cursor:not-allowed}.checkbox{margin-top:2px}.checkbox label{-webkit-user-select:none;user-select:none;cursor:pointer}.checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.7}.leave-preview{margin-top:10px;margin-bottom:14px;padding:8px 10px;border:1px solid var(--border);background:var(--surface2);border-radius:var(--radius);font-size:12px;color:var(--text3)}.leave-preview.is-error{border-color:#f8514959;background:var(--red-bg);color:var(--red)}.project-suggest{position:relative}.project-suggest-dropdown{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 26px #091e4224;padding:6px;display:none;z-index:10}.project-suggest-dropdown.is-open{display:block;animation:fadeIn .12s ease}.project-suggest-item{width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:6px;margin:2px;cursor:pointer;color:var(--text);display:flex;flex-direction:column;gap:2px;font-family:inherit;transition:background .12s,color .12s}.project-suggest-item:hover,.project-suggest-item:focus-visible{background:var(--surface3);color:var(--accent2)}.project-suggest-item.active{background:var(--accent);color:#fff}.project-suggest-item.active .project-suggest-hint{color:#fffc}.project-suggest-title{font-weight:600;font-size:13px}.project-suggest-hint{font-size:11px;color:var(--text3)}.project-suggest-empty{padding:8px 10px;font-size:12px;color:var(--text3)}.progress-slider{gap:10px}.progress-slider .progress-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent2) 100%);box-shadow:inset 0 0 0 1px var(--border)}.progress-slider .progress-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:0 2px 6px #091e4233;cursor:pointer}.progress-slider .progress-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:0 2px 6px #091e4233;cursor:pointer}.progress-slider .progress-range::-moz-range-track{height:6px;border-radius:999px;background:var(--surface3);border:1px solid var(--border)}textarea.form-control{resize:vertical;min-height:80px;line-height:1.6}.file-input{text-align:center}.file-input::file-selector-button{margin:0 auto}.file-input-hidden{display:none}.file-picker{display:flex;align-items:center;gap:10px;border:1px dashed var(--border);background:var(--surface2);padding:10px 12px;border-radius:var(--radius);justify-content:center}.file-drop{border:1px dashed var(--border);background:var(--surface2);padding:10px 12px;border-radius:var(--radius);display:grid;gap:6px;text-align:center}.file-drop.is-dragover{border-color:var(--accent);background:var(--blue-bg)}.file-drop .file-picker{border:none;background:transparent;padding:0}.file-drop-hint{font-size:11px;color:var(--text3)}.file-picker-btn{background:var(--surface);border:1px solid var(--border);padding:6px 10px;border-radius:var(--radius);cursor:pointer;font-size:12px}.file-picker-name{font-size:12px;color:var(--text3);text-align:center}.form-error{color:var(--red);font-size:11px;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.form-row.col-full{grid-column:1 / -1}@media (max-width: 640px){.form-row,.form-row.cols-3{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;line-height:1.6}.badge-new{background:var(--blue-bg);color:var(--accent2)}.badge-todo{background:var(--purple-bg);color:var(--purple)}.badge-in-progress{background:#388bfd26;color:#79c0ff}.badge-in-review{background:#d2992226;color:#e3b341}.badge-done{background:var(--green-bg);color:var(--green)}.badge-low{background:var(--surface3);color:var(--text2)}.badge-medium{background:var(--yellow-bg);color:var(--yellow)}.badge-high{background:var(--orange-bg);color:var(--orange)}.badge-critical{background:var(--red-bg);color:var(--red)}.badge-delayed{background:var(--red-bg);color:var(--red);border:1px solid rgba(248,81,73,.3)}.badge-private{background:var(--blue-bg);color:var(--accent2);border:1px solid rgba(12,102,228,.25)}.badge-active{background:var(--green-bg);color:var(--green)}.badge-inactive{background:var(--surface3);color:var(--text3)}.badge-admin{background:#f851491a;color:#ff7b72}.badge-super-admin{background:#bb86fc1a;color:#bb86fc}.badge-developer{background:#388bfd1a;color:#79c0ff}.user-card-flex{display:flex;width:100%;justify-content:space-evenly}.users-grid{display:grid;grid-template-columns:repeat(3,minmax(320px,1fr));gap:16px;width:100%}.user-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:14px;transition:all .2s ease;position:relative}.user-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.user-card-header{display:flex;align-items:center;gap:12px;width:60%}.user-card-avatar{width:90px;height:90px;min-width:64px;font-size:20px;font-weight:700;border-radius:50%}.user-card-header-content{flex:1;min-width:0}.user-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.4}.user-badges{display:flex;gap:6px;flex-wrap:wrap}.user-card-body{display:flex;flex-direction:column;gap:10px;margin-top:10px}.user-info-row{display:flex;justify-content:flex-start;align-items:center;gap:12px;font-size:13px;padding-bottom:5px}.user-info-label{color:var(--text3);font-weight:600;white-space:nowrap}.user-info-row span:last-child{text-align:right;color:var(--text);word-break:break-word}.user-sidebar-card{background:var(--surface);display:flex;flex-direction:row;gap:14px;transition:all .2s ease;position:relative}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot-active{background:#22c55e;box-shadow:0 0 0 3px #22c55e26}.status-dot-inactive{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.user-card-footer{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;padding-top:8px}.user-card-footer .btn{flex:1;min-width:90px}.user-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;align-self:center}.user-avatar-img{width:100%;height:100%;object-fit:cover}@media (max-width: 1400px){.users-grid{grid-template-columns:repeat(2,minmax(320px,1fr))}}@media (max-width: 768px){.users-grid{grid-template-columns:1fr}.user-card-footer{flex-direction:column}.user-card-footer .btn{width:100%}}.expenses-table{min-height:488px}.expense-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:20px;border-bottom:1px solid var(--border)}.expense-page-header h1{margin:0;color:var(--text);font-size:28px;line-height:1.2}.expense-page-header p{margin:6px 0 0;color:var(--text2);font-size:14px}.expense-header-actions,.expense-filter-actions,.expense-row-actions{display:flex;align-items:center;gap:10px}.expense-search{width:min(270px,32vw);height:42px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);background:var(--surface)}.expense-search input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font:inherit}.expense-add-button,.expense-filter-actions .btn{min-height:42px;gap:8px}.expense-filter-panel{margin-top:12px;margin-bottom:20px;padding:0 32px}.expense-page .page-body{padding-left:32px;padding-right:32px}.expense-filter-form{display:flex;align-items:center;flex-wrap:wrap;gap:14px 32px}.expense-date-range{height:46px;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--surface)}.expense-date-range{min-width:300px;display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--text2)}.expense-date-range input{min-width:0;width:125px;border:0;outline:0;color:var(--text);background:transparent;font:inherit}.expense-select-filter{min-width:195px}.expense-select-filter .filter-select{width:100%}.expense-filter-actions{margin-left:auto}.expense-list-table{min-height:0}.expense-list-table th{height:50px;color:var(--text2);font-size:11px}.expense-list-table th svg{display:inline-block;margin-left:5px;vertical-align:-2px;color:var(--text3)}.expense-list-table td{height:50px;padding-top:9px;padding-bottom:9px}.expense-description-cell{max-width:310px;font-weight:500}.expense-amount{font-weight:600;white-space:nowrap}.expense-created-by{white-space:nowrap;color:var(--text2)}.expense-action-column{text-align:center}.expense-row-actions{justify-content:center;gap:6px}.expense-edit-action{background:var(--surface)!important}.expense-category{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;color:var(--accent2);background:var(--blue-bg);white-space:nowrap}.expense-category>span{width:6px;height:6px;border-radius:50%;background:currentColor}.expense-category.category-office-supply,.expense-category.category-stationaries{color:#6c48c6;background:#f1edff}.expense-category.category-food-snacks{color:#25803a;background:#edf8ed}.expense-category.category-transport-fuel,.expense-category.category-travels{color:var(--accent2);background:var(--blue-bg)}.expense-category.category-accomodation{color:#b26012;background:#fff5e7}.expense-category.category-portal{color:#c43b71;background:#fff0f5}.expense-category.category-other{color:var(--text2);background:var(--surface2)}@media (max-width: 900px){.expense-filter-actions{margin-left:0}}@media (max-width: 640px){.expense-page-header{align-items:flex-start;flex-direction:column;padding-bottom:16px}.expense-header-actions,.expense-search,.expense-add-button,.expense-filter-actions,.expense-filter-actions .btn,.expense-select-filter,.expense-date-range{width:100%}.expense-header-actions,.expense-filter-actions{flex-wrap:wrap}.expense-date-range{min-width:0}.expense-date-range input{width:calc(50% - 22px)}.expense-export-button{display:none}.expense-list-table{min-width:720px}.expense-filter-panel,.expense-page .page-body{padding-left:12px;padding-right:12px}}.expenses-table thead th,.expenses-table tbody tr{height:44px}.expenses-table .btn-ghost{background:var(--blue-bg);color:var(--accent2);border:1px solid rgba(12,102,228,.2)}.expenses-table .btn-ghost:hover:not(:disabled){background:var(--accent-glow);color:var(--accent)}.expenses-table td .btn+.btn{margin-left:6px}.table-wrapper{overflow-x:auto;border-radius:var(--radius2);border:1px solid var(--border);background:var(--surface)}.table-wrapper.full-height{flex:1;min-height:0;overflow:auto}.list-panel{display:flex;flex-direction:column;height:100%;min-height:0}table{width:100%;border-collapse:collapse}thead{background:var(--surface2)}th{position:sticky;top:0;z-index:10;background:var(--surface2);padding:10px 12px;text-align:left;font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}th.sortable{cursor:pointer}th.sortable:hover{color:var(--text2)}td{padding:10px 12px;border-bottom:1px solid var(--border2);vertical-align:middle}tbody tr{transition:background .1s}tbody tr:hover td{background:#091e420a}tbody tr.delayed-row td:first-child{border-left:2px solid var(--red)}tbody tr.delayed-row{background:#c9372c0a}tbody tr.clickable{cursor:pointer}.board{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;flex:1;min-height:0;align-items:stretch}.board-column{min-width:260px;max-width:320px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius2);display:flex;flex-direction:column;flex:1;min-height:0}.board-header{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px;color:var(--text2);text-transform:uppercase;letter-spacing:.4px}.board-count{background:var(--surface);border:1px solid var(--border2);padding:1px 6px;border-radius:999px;font-size:11px;color:var(--text3)}.board-list{padding:10px;display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0}.board-card{background:var(--surface);border:1px solid var(--border2);border-left:3px solid var(--accent);border-radius:8px;padding:10px;box-shadow:0 1px 2px #091e4214;cursor:pointer;transition:transform .12s,box-shadow .12s}.board-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #091e421f}.board-title{font-weight:600;font-size:15px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-type-icon{margin-top:5px}.list-panel td{font-size:14px}.board-meta{font-size:11px;color:var(--text3);margin-top:2px}.board-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px}.board-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.board-user{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text2)}.view-toggle{display:inline-flex;gap:6px}.view-toggle .btn{border-radius:999px}.board-column.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.board-card[draggable=true]{cursor:grab}.board-card[draggable=true]:active{cursor:grabbing}.progress-bar{height:4px;background:var(--surface3);border-radius:2px;overflow:hidden;margin-top:4px}.progress-fill{height:100%;border-radius:2px;transition:width .4s ease}.progress-fill.high{background:var(--green)}.progress-fill.medium{background:var(--yellow)}.progress-fill.low{background:var(--red)}.ticket-id{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--accent2);font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2)}.card-body{padding:16px}.card-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:13px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);padding:16px;transition:border-color .15s,transform .15s;cursor:default}.stat-card:hover{border-color:var(--accent);transform:translateY(-1px)}.stat-label{font-size:11px;color:var(--text2);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:30px;font-weight:800;margin-top:4px;letter-spacing:-1.5px;line-height:1}.stat-sub{font-size:11px;color:var(--text3);margin-top:4px}.filters-bar{padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex-shrink:0;justify-content:space-between}.filter-input{background:var(--surface3);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius);font-size:12px;outline:none;font-family:inherit}.filter-input:focus{border-color:var(--accent)}.filter-input::placeholder{color:var(--text3)}.filter-select{background:var(--surface3);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius);font-size:12px;outline:none;cursor:pointer;font-family:inherit}.filter-select:focus{border-color:var(--accent)}.filters-right-selects{display:flex;align-items:center;gap:8px}.task-scope-toggle{display:inline-flex;align-items:center}.time-filter-wrap{position:relative}.time-filter-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,85vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);box-shadow:0 14px 28px #091e4229;z-index:30;animation:fadeIn .12s ease}.time-filter-fields{display:grid;gap:10px;padding:10px}.time-filter-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px;border-top:1px solid var(--border2)}.advanced-filters-wrap{position:relative}.advanced-filters-popover{position:absolute;top:calc(100% + 8px);left:0;width:min(720px,92vw);min-height:270px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);box-shadow:0 16px 30px #091e422e;display:grid;grid-template-columns:220px 1fr;overflow:hidden;z-index:32;animation:fadeIn .12s ease}.justify-between{justify-content:space-between}.gap-sm{gap:10px}.advanced-filters-menu{border-right:1px solid var(--border2);background:var(--surface2);padding:8px;display:flex;flex-direction:column;gap:4px}.advanced-filters-tab{border:1px solid transparent;background:transparent;color:var(--text2);border-radius:8px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;font-size:12px;font-weight:600;cursor:pointer}.advanced-filters-tab:hover{background:var(--surface3);color:var(--text)}.advanced-filters-tab.active{background:var(--blue-bg);border-color:#0c66e433;color:var(--accent2)}.advanced-filters-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ffedd5;color:#9a3412;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.advanced-filters-content{padding:12px;display:flex;flex-direction:column;gap:10px}.leaveAndHoliday{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.card-holiday-header{padding:8px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.holiday-list{list-style:none;margin:0;padding:0}.holiday-list-item{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid var(--border)}.holiday-list-item.is-odd{background:var(--surface2)}.holiday-list-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--surface);color:var(--text2)}.page-btn{border:none;background:transparent;padding:6px 10px;cursor:pointer}.page-btn[disabled]{opacity:.4;cursor:default}.holidays-table th,.holidays-table td{padding:10px 12px;vertical-align:middle}.holidays-table th{font-size:12px;text-transform:uppercase;color:var(--text3)}.holidays-table td{border-bottom:1px solid var(--border2)}.holidays-table td button{margin-left:6px}.holiday-list-actions{display:inline-flex;gap:6px}.holiday-list-actions .btn{padding:3px 8px;font-size:13px}.holiday-text-right{color:var(--text2);text-align:right;font-size:small}.employees-leave-card{overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #091e4229}.employees-leave-header{min-height:52px;padding:14px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.employees-leave-icon{width:30px;height:30px;border-radius:999px;background:#dbeafe;color:#0c66e4;display:inline-flex;align-items:center;justify-content:center}.employees-leave-tabs{display:flex;align-items:stretch;border-bottom:1px solid var(--border);background:var(--surface)}.employees-leave-tab{min-width:160px;height:52px;padding:0 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;cursor:pointer}.employees-leave-tab.active{color:#0c66e4;border-bottom-color:#0c66e4}.employees-leave-tab-icon{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.employees-leave-tab-icon.today{color:#ff6b2c;background:#ffe4d8}.employees-leave-tab-icon.future{color:#7c6cf2;background:#e9e5ff}.employees-leave-body{min-height:286px;padding:16px}.employees-leave-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#172b4d;font-size:14px}.employees-leave-empty svg{color:#d9dee7}.employees-leave-list{display:flex;flex-direction:column;gap:10px}.employees-leave-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.employees-leave-person{display:flex;align-items:center;gap:10px;min-width:0}.employees-leave-name{font-size:13px;font-weight:700;color:var(--text)}.employees-leave-code,.employees-leave-date{font-size:11px;color:var(--text3)}.employees-leave-meta{text-align:right;flex-shrink:0}.employees-leave-type{display:inline-block;padding:2px 7px;border-radius:4px;background:var(--surface3);color:var(--text2);font-size:10px;font-weight:700;text-transform:capitalize}.employees-leave-date{margin-top:4px}.advanced-filter-group{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto}.advanced-filter-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);font-weight:700}.advanced-filter-option{width:100%;border:none;background:var(--surface);color:var(--text2);border-radius:0;text-align:left;padding:7px 10px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.advanced-filter-option:hover{background:var(--surface2);color:var(--text)}.advanced-filter-option.active{background:var(--blue-bg);color:var(--accent2);font-weight:600}.advanced-filter-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.advanced-filter-empty{font-size:12px;color:var(--text3);padding:4px 2px}.advanced-filter-checkbox{width:14px;height:14px;margin:0;accent-color:var(--accent);pointer-events:none}.input-with-action{position:relative}.input-with-action .form-control{padding-right:38px}.input-action-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text3);padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius)}.input-action-btn:hover{color:var(--text);background:var(--surface3)}.pagination{display:flex;align-items:center;gap:4px;padding:12px 24px;background:var(--surface);flex-shrink:0}.page-btn{background:var(--surface3);border:1px solid var(--border);color:var(--text2);padding:5px 10px;border-radius:var(--radius);cursor:pointer;font-size:12px;font-family:inherit;transition:all .12s}.page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent2)}.page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:12px;color:var(--text3);margin-left:8px}.holiday-modal{width:30%!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#091e42bf!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2147483646!important;pointer-events:auto!important;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;animation:fadeIn .15s ease}.modal-overlay-top{z-index:2147483647!important}.modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);width:100%;box-shadow:var(--shadow);margin:auto;animation:fadeIn .15s ease;display:flex;flex-direction:column;max-height:calc(100vh - 48px)}.modal-sm{max-width:460px}.modal-md{max-width:680px}.modal-folder{max-width:520px}.modal-lg{max-width:920px}.modal-auth{max-width:380px}.modal-full{max-width:100%;width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-overlay-full{padding:0}.modal-overlay-inmodal{position:absolute;top:0;right:0;bottom:0;left:0;background:#091e4259;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px 16px;border-radius:inherit}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title{font-size:16px;font-weight:700}.modal-subtitle{font-size:11px;color:var(--text3);margin-top:2px;font-family:JetBrains Mono,monospace}.modal-close{background:none;border:none;color:var(--text3);cursor:pointer;font-size:18px;line-height:1;padding:4px;border-radius:var(--radius);flex-shrink:0;transition:all .12s}.modal-close:hover{color:var(--text);background:var(--surface3)}.modal-body{padding:20px;flex:1;min-height:0;overflow:auto}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:18px;gap:0;overflow-x:auto}.tab-item{padding:9px 16px;font-size:15px;font-weight:500;cursor:pointer;color:var(--text2);border-bottom:2px solid transparent;transition:all .12s;white-space:nowrap;-webkit-user-select:none;user-select:none}.tab-item:hover{color:var(--text)}.tab-item.active{color:var(--accent2);border-bottom-color:var(--accent)}.tab-label{display:inline-flex;align-items:center;gap:6px}.detail-section{margin-bottom:22px}.detail-section-title{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:14px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-field-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-field-value{font-size:13px;color:var(--text)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}@media (max-width: 600px){.detail-grid{grid-template-columns:1fr 1fr}}.audit-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border2)}.audit-item:last-child{border-bottom:none}.audit-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:5px;flex-shrink:0}.audit-desc{font-size:12px}.audit-meta{font-size:11px;color:var(--text3);margin-top:2px}.audit-old{color:var(--red);text-decoration:line-through}.audit-new{color:var(--green);font-weight:500}.audit-field{font-weight:600;color:var(--text2)}.comment-item{display:flex;gap:10px;margin-bottom:14px}.comment-bubble{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);padding:10px 12px;flex:1;min-width:80%;width:100%}.comment-meta{font-size:11px;color:var(--text3);margin-bottom:4px}.comment-text{font-size:13px;line-height:1.6}.comment-actions{margin-top:8px}.comment-replies{margin-top:12px;display:flex;flex-direction:column;gap:10px}.comment-reply{margin-left:24px}.comment-reply-box{margin-top:10px}.comment-reply-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.profile-avatar-wrap{position:relative;width:fit-content}.profile-avatar-remove{position:absolute;right:-6px;top:-6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text2);display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;transform:scale(.92)}.profile-avatar-wrap:hover .profile-avatar-remove{opacity:1;pointer-events:auto;transform:scale(1)}.profile-avatar-remove:hover{color:var(--text);border-color:var(--accent)}.profile-avatar-remove:disabled{opacity:0;pointer-events:none}.empty-state{text-align:center;padding:48px 20px}.empty-icon{font-size:40px;margin-bottom:12px;opacity:.4}.empty-title{font-size:15px;font-weight:600;color:var(--text2);margin-bottom:6px}.empty-desc{font-size:12px;color:var(--text3)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.spinner-sm{width:14px;height:14px}.spin{animation:spin .6s linear infinite}.loading-page{display:flex;align-items:center;justify-content:center;height:200px;gap:10px;color:var(--text3);font-size:13px}.bar-chart-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bar-label{font-size:12px;color:var(--text2);width:120px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;height:6px;background:var(--surface3);border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.bar-count{font-size:11px;color:var(--text3);width:26px;text-align:right;flex-shrink:0}.grouped-bar-wrap{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:end}.grouped-bar-yaxis{display:flex;flex-direction:column;justify-content:space-between;height:190px;padding-bottom:20px;font-size:11px;color:var(--text3)}.grouped-bar-yaxis-tick{display:flex;align-items:center;justify-content:flex-end}.grouped-bar-chart{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:end;height:190px}.grouped-bar-grid{position:absolute;left:0;right:0;bottom:20px;height:170px;pointer-events:none}.grouped-bar-grid-line{position:absolute;left:0;right:0;height:1px;background:var(--border);opacity:.55}.grouped-bar-col{display:grid;grid-template-rows:1fr auto;align-items:end;gap:6px;height:100%;z-index:1}.grouped-bar-plot{height:170px;display:flex;align-items:flex-end}.grouped-bar-group{display:flex;align-items:flex-end;gap:8px;height:100%}.grouped-bar{width:12px;border-radius:6px 6px 2px 2px;transition:height .35s ease;box-shadow:0 6px 12px #00000014}.grouped-bar-label{font-size:10px;color:var(--text3)}.grouped-bar-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.grouped-bar-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text2)}.grouped-bar-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.grouped-bar-text{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grouped-bar-value{color:var(--text3);font-weight:600}.grouped-bar-item{position:relative;display:flex;align-items:flex-end;height:100%}.grouped-bar-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px;min-width:200px;box-shadow:0 12px 24px #0000001f;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:5}.grouped-bar-item:hover .grouped-bar-tooltip{opacity:1;pointer-events:auto}.grouped-bar-tooltip-title{font-size:11px;font-weight:600;color:var(--text2);margin-bottom:6px}.grouped-bar-avatars{display:flex;align-items:center;gap:0}.group-avatars-top{position:absolute;left:50%;bottom:calc((var(--bar-height, 0%) / 2));transform:translate(-50%,50%);opacity:0;pointer-events:none;transition:opacity .12s ease;background:#fff;border:1px solid var(--border);border-radius:10px;padding:4px 8px;box-shadow:0 6px 14px #0000001f;z-index:100}.grouped-bar-item:hover .group-avatars-top,.grouped-bar-item.is-open .group-avatars-top{opacity:1;pointer-events:auto}.grouped-bar-avatar-item{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--border);overflow:hidden;margin-left:-6px}.grouped-bar-avatar-item:first-child{margin-left:0}.grouped-bar-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.grouped-bar-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.grouped-bar-user{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;font-size:11px;color:var(--text2)}.grouped-bar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grouped-bar-user-count{color:var(--text3);font-weight:600}.grouped-bar-more{border:1px solid var(--border);background:#fff;color:var(--text2);font-size:11px;padding:4px 8px;border-radius:999px;cursor:pointer;margin-left:-4px;box-shadow:0 4px 10px #00000014}.grouped-bar-more:hover{background:var(--surface2);color:var(--text)}.grouped-bar-popover{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 12px;min-width:240px;box-shadow:0 14px 28px #00000029;z-index:6}.grouped-bar-popover-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.grouped-bar-popover-title{font-size:12px;color:var(--text2);font-weight:600}.grouped-bar-popover-close{border:1px solid var(--border);background:#fff;color:var(--text2);font-size:11px;padding:4px 8px;border-radius:999px;cursor:pointer}.grouped-bar-popover-close:hover{background:var(--surface2);color:var(--text)}.grouped-bar-popover-list{display:grid;gap:10px;max-height:220px;overflow:auto;padding-right:4px}.grouped-bar-popover-row{display:grid;grid-template-columns:28px 1fr 24px;gap:10px;align-items:center}.grouped-bar-popover-avatar{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.grouped-bar-popover-name{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grouped-bar-popover-count{font-size:12px;color:var(--text2);font-weight:700;text-align:right}.pie-chart{display:grid;grid-template-columns:500px minmax(0,1fr);gap:22px;align-items:center}.pie-chart-visual{position:relative;width:500px;height:500px}.pie-chart-svg{width:500px;height:500px;display:block}.pie-chart-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.pie-chart-center-value{font-size:34px;font-weight:800;color:var(--text);line-height:1}.pie-chart-center-sub{font-size:13px;color:var(--text3)}.pie-chart-legend{display:grid;gap:6px}.pie-chart-legend-item{display:grid;grid-template-columns:10px 1fr auto;gap:10px;font-size:13px;color:var(--text2);align-items:center}.pie-chart-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.pie-chart-value{color:var(--text3)}.leaves-page .leaves-tabs-header,.leaves-page .leaves-tabs-actions{flex-wrap:wrap}@media (max-width: 1024px){.leaves-page .form-row.cols-3{grid-template-columns:1fr 1fr}.leaves-page .stat-value{font-size:24px}}@media (max-width: 768px){.leaves-page .page-body{gap:12px!important}.leaves-page .card-header,.leaves-page .card-body{padding:12px}.leaves-page .table-wrapper table{min-width:720px}}@media (max-width: 640px){.leaves-page .form-row,.leaves-page .form-row.cols-3,.leaves-page .stats-grid{grid-template-columns:1fr}.leaves-page .leaves-tabs-actions{width:100%}.leaves-page .leaves-tabs-actions .btn{flex:1;min-width:120px}.leaves-page .stat-value{font-size:22px}}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface3);border:1px solid var(--border);padding:2px 8px;border-radius:5px;font-size:14px;color:var(--text2)}.chip-removable{padding-right:4px}.chip-remove{border:none;background:#0000001a;color:inherit;width:18px;height:18px;border-radius:50%;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.chip-remove:hover{background:#0003}.label-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.multi-select{min-height:96px}.mono{font-family:JetBrains Mono,monospace}.text-muted{color:var(--text3)}.text-accent{color:var(--accent2)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}.text-orange{color:var(--orange)}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-1{gap:4px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:20px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:36px;width:100%;max-width:380px;box-shadow:var(--shadow)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-logo-icon{width:38px;height:38px;color:#fff;background:var(--accent);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:20px}.login-logo-name{font-size:22px;font-weight:800;letter-spacing:-.5px}.login-logo-tag{font-size:10px;color:var(--accent2)}.login-title{font-size:18px;font-weight:700;margin-bottom:4px}.login-desc{font-size:12px;color:var(--text2);margin-bottom:24px}.login-actions{display:flex;justify-content:flex-end;margin-bottom:14px}.link-btn{background:transparent;border:none;color:var(--accent2);font-size:12px;cursor:pointer;padding:0}.link-btn:hover{color:var(--accent);text-decoration:underline}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius2);padding:28px;text-align:center;cursor:pointer;transition:all .15s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:var(--accent-glow)}.drop-zone-icon{font-size:28px;margin-bottom:8px}.drop-zone-text{font-size:13px;color:var(--text2)}.drop-zone-sub{font-size:11px;color:var(--text3);margin-top:4px}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translate(-100%);transition:transform .2s ease;box-shadow:0 12px 24px #091e422e}.app-layout.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#091e4273;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:40}.app-layout.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.sidebar-toggle{display:inline-flex}.topbar{justify-content:space-between}.page-body{padding:12px}.filters-bar{padding:8px 14px}.page-header{padding:14px 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:71px;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.sidebar-toggle{display:none;width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text);align-items:center;justify-content:center;cursor:pointer}.sidebar-overlay{display:none}.topbar-spacer{flex:1}.notif-wrap,.notif-btn{position:relative}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.notif-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:360px;max-width:90vw;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #091e4226;z-index:20;overflow:hidden}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-weight:600}.notif-list{max-height:360px;overflow-y:auto}.notif-item{width:100%;text-align:left;background:transparent;border:none;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border)}.notif-item:hover{background:var(--surface2)}.notif-item.unread{background:#388bfd14}.notif-title{font-size:13px;color:var(--text1);margin-bottom:4px}.notif-meta{font-size:12px;color:var(--text3);display:flex;align-items:center;gap:6px}.notif-dot{opacity:.6}.notif-empty{padding:16px;font-size:13px;color:var(--text3);text-align:center}@media (max-width: 640px){.topbar{padding:8px 12px}.notif-dropdown{width:300px}}.filters-left{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters-right{display:flex;align-items:center;gap:8px}.user-filter{display:flex;align-items:center;gap:6px}.user-filter-group{display:flex;align-items:center}.user-filter-avatar{width:28px;height:28px;font-size:11px;border:2px solid #fff;cursor:pointer;margin-left:-8px;box-shadow:0 0 0 1px var(--border)}.user-filter-avatar:first-child{margin-left:0}.user-filter-avatar.active{box-shadow:0 0 0 2px var(--accent)}.user-filter-more{width:28px;height:28px;font-size:12px;background:var(--surface2);color:var(--text2);border:2px solid #fff;box-shadow:0 0 0 1px var(--border);margin-left:-8px;cursor:pointer}.user-filter-count{font-size:11px;color:var(--text3)}.user-filter-dropdown{position:absolute;margin-top:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 26px #091e4224;padding:6px;display:flex;flex-direction:column;gap:4px;z-index:20;top:0;right:-170px;width:170px}.user-filter-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:none;background:transparent;cursor:pointer;text-align:left}.user-filter-item:hover{background:var(--surface2)}.user-filter-item.active{background:var(--blue-bg);color:var(--accent2)}.user-filter-name{font-size:12px;color:var(--text2)}.user-filter-close{justify-content:center;font-size:11px;color:var(--text3)}.topbar{justify-content:space-between}.topbar-left{display:flex;align-items:center;gap:8px}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-title{font-size:20px;font-weight:600;color:var(--text1);line-height:1.2}.topbar-subtitle{font-size:15px;color:var(--text3);margin-top:2px;line-height:1.2}.page-actions{padding:10px 24px 0;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}@media (max-width: 640px){.page-actions{padding:8px 14px 0}}@media (max-width: 768px){.sidebar-toggle{display:inline-flex}.sidebar-overlay{display:block}.topbar-right .filter-input{width:140px!important}}@media (max-width: 600px){body{background:var(--bg);font-size:14px}.app-layout{height:100svh}.sidebar{width:82vw;min-width:82vw}.nav-item{padding:12px 16px}.nav-label{font-size:15px}.topbar{position:sticky;top:0;z-index:30}.topbar{flex-wrap:wrap;gap:8px}.topbar-right{width:100%;flex-wrap:wrap;justify-content:flex-end}.topbar-right .filter-input{flex:1 1 180px;width:auto!important}.notif-wrap{margin-left:auto}.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-title{font-size:20px}.page-subtitle{font-size:12px}.topbar-title{font-size:16px}.topbar-subtitle{font-size:12px}.page-actions{justify-content:flex-start}.page-actions .btn{width:100%;justify-content:center}.header-actions{width:100%}.header-actions .btn{width:100%;justify-content:center}.modal{max-height:100svh;border-radius:0}.modal-sm,.modal-md,.modal-lg{max-width:100%}.modal-header{flex-direction:column;align-items:flex-start;padding:12px 14px}.modal-body{padding:14px}.modal-footer{padding:12px 14px}.modal-header>div:last-child{width:100%;justify-content:flex-end}.filters-left,.filters-right{width:100%;justify-content:flex-start}.filters-right{flex-wrap:wrap}.filters-bar{gap:6px}.advanced-filters-popover{position:static;width:100%;min-height:0;grid-template-columns:1fr;margin-top:6px}.advanced-filters-menu{border-right:none;border-bottom:1px solid var(--border2);flex-direction:row;flex-wrap:wrap}.advanced-filters-tab{flex:1 1 calc(50% - 6px)}.table-wrapper{border-radius:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:8px 10px;font-size:12px}.expenses-table{min-height:0}.board-column{min-width:220px}.detail-grid{grid-template-columns:1fr}.comment-item{flex-direction:column}.comment-reply{margin-left:12px}.btn{padding:10px 14px;font-size:14px}.btn-sm{padding:8px 12px;font-size:13px}.form-control{padding:10px 12px;font-size:15px}.filter-input{width:100%!important}}.folders-layout{display:grid;grid-template-columns:260px 1fr;gap:16px}.folders-board{display:flex;flex-direction:column;gap:16px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.folder-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:17px;display:flex;flex-direction:column;align-items:center;gap:15px;cursor:pointer;text-align:center;transition:all .15s ease}.folder-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.folder-card.active{border-color:var(--accent);background:var(--surface2)}.folder-card{position:relative}.folder-menu-wrap{position:absolute;top:8px;right:8px}.folder-menu-trigger{width:28px;height:28px;border-radius:8px;border:transparent;background:transparent;color:var(--text2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.folder-menu{position:absolute;top:32px;right:0;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:4px;display:none;z-index:5}.folder-menu.is-open{display:flex;flex-direction:column}.folder-menu-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:none;background:transparent;color:var(--text);cursor:pointer;text-align:left;width:100%;font-size:12px}.folder-menu-item:hover{background:var(--surface2)}.folder-menu-item.danger{color:var(--red)}.folder-icon{font-size:60px}.folder-icon img,.file-icon img{width:56px;height:56px;display:block}.folder-title{font-size:13px;font-weight:600}.folder-subtitle{font-size:11px;color:var(--text3)}.folder-card-actions{display:flex;gap:6px;margin-top:6px}.folders-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.folders-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.files-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:12px;flex-wrap:wrap}.files-topbar-left{display:flex;align-items:center;gap:10px}.files-title{font-size:14px;font-weight:700;color:var(--text1)}.files-subtitle{font-size:12px;color:var(--text3)}.files-topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.files-search{display:flex;align-items:center;gap:6px}.files-search .form-control{width:240px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.file-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;position:relative}.file-icon{font-size:52px}.file-title{font-size:13px;font-weight:600}.file-original-name{font-size:11px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-size:11px;color:var(--text3)}.file-tags{display:flex;flex-wrap:wrap;gap:4px;min-height:18px}.file-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.file-menu-wrap{position:absolute;top:8px;right:8px}.file-menu-trigger{width:28px;height:28px;border-radius:8px;border:transparent;background:transparent;color:var(--text2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.file-menu{position:absolute;top:32px;right:0;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:4px;display:none;z-index:5}.file-menu.is-open{display:flex;flex-direction:column}.file-menu-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:none;background:transparent;color:var(--text);cursor:pointer;text-align:left;width:100%;font-size:12px}.file-menu-item:hover{background:var(--surface2)}.file-menu-item.danger{color:var(--red)}.empty-center{padding:40px 20px;margin:24px 0;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}@media (max-width: 900px){.folders-layout{grid-template-columns:1fr}}.folders-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;min-height:280px}.folders-sidebar-header{font-size:12px;font-weight:700;color:var(--text2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.folders-list{display:flex;flex-direction:column;gap:8px}.folder-item{text-align:left;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease}.folder-item:hover{background:var(--surface2)}.folder-item.active{border-color:var(--primary);background:#1f6feb14}.folder-name{font-weight:600;font-size:13px}.folder-desc{font-size:11px;color:var(--text3);margin-top:2px}.folders-content{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.folders-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.folders-title{font-size:16px;font-weight:700}.folders-subtitle{font-size:12px;color:var(--text3)}.folders-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}.folders-section{margin-top:12px}.folders-section-title{font-size:12px;font-weight:700;color:var(--text2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.chip-tag{margin-right:6px;font-size:10px;background:#1f6feb1f;color:var(--text1);border:1px solid rgba(31,111,235,.24)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 900px){.form-grid{grid-template-columns:1fr}}.folder-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.folder-actions{display:flex;gap:6px;flex-shrink:0}.file-input{border:1px dashed var(--border);background:var(--surface2);border-radius:10px;cursor:pointer;color:transparent;caret-color:transparent;display:flex;align-items:center;justify-content:center}.file-input::-webkit-file-upload-button{background:var(--primary);color:transparent;border:0;border-radius:8px;margin:0;cursor:pointer;font-size:0;width:32px;height:32px;padding:0}.file-input::file-selector-button{background:var(--primary);color:transparent;border:0;border-radius:8px;margin:0;cursor:pointer;font-size:0;width:32px;height:32px;padding:0}.file-input:hover{border-color:var(--primary)}.board-parent-task{padding:4px 8px;background-color:#f5a6c0e6;width:fit-content;margin:6px 0;font-size:10px;border-radius:5px;color:#5b1a2b;font-weight:600;text-transform:uppercase;border:1px solid rgba(245,166,192,.6);max-width:180px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.board-parent-task:hover{background-color:#f5a6c0;border-color:#f5a6c0e6}.parent-menu-wrap{position:relative;display:inline-block}.parent-menu{position:absolute;top:100%;left:0;margin-top:6px;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:4px;display:none;z-index:5}.parent-menu.is-open{display:flex;flex-direction:column}.parent-menu-item{width:100%;background:transparent;border:none;text-align:left;padding:6px 8px;border-radius:8px;font-size:12px;color:var(--text);cursor:pointer}.parent-menu-item:hover{background:var(--surface2)}.rt-editor{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.rt-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-bottom:1px solid var(--border);background:var(--surface)}.rt-linkbar{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--border);background:var(--surface2);flex-wrap:wrap}.rt-link-input{flex:1;width:100%;min-width:0;height:32px;border:1px solid var(--border2);border-radius:8px;background:var(--surface);color:var(--text);padding:0 10px;font-size:12px;box-sizing:border-box}.rt-link-input:focus{outline:2px solid var(--accent-glow);border-color:var(--accent)}.rt-link-apply,.rt-link-cancel{height:32px;border-radius:8px;border:1px solid var(--border2);padding:0 12px;font-size:12px;font-weight:600;cursor:pointer}.rt-link-apply{background:var(--accent);color:#fff;border-color:var(--accent)}.rt-link-cancel{background:var(--surface);color:var(--text2)}.rt-link-apply:hover{filter:brightness(.98)}.rt-link-cancel:hover{background:var(--surface3);color:var(--text)}.rt-btn{background:var(--surface3);border:1px solid var(--border2);color:var(--text2);padding:6px 10px;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .12s ease;display:inline-flex;align-items:center;gap:6px}.rt-btn:hover{color:var(--text);border-color:var(--accent);background:var(--surface2)}.rt-btn.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.rt-select{height:30px;border-radius:8px;border:1px solid var(--border2);background:var(--surface3);color:var(--text2);padding:0 8px;font-size:12px;font-weight:600}.rt-select:focus{outline:2px solid var(--accent-glow);border-color:var(--accent)}.rt-editor-body{position:relative}.rt-table-actions{position:absolute;right:auto;bottom:auto;display:flex;gap:6px;background:var(--surface);border:1px solid var(--border2);border-radius:8px;padding:4px;box-shadow:0 6px 16px #091e421f;pointer-events:auto}.rt-table-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--border2);background:var(--surface3);color:var(--text2);display:inline-flex;align-items:center;justify-content:center;gap:2px;cursor:pointer}.rt-table-btn:hover{border-color:var(--accent);color:var(--text);background:var(--surface2)}.rt-table-hover-btn{position:absolute;width:22px;height:22px;border-radius:50%;border:1px solid var(--border2);background:var(--surface);color:var(--text2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #091e421f}.rt-table-hover-btn:hover{border-color:var(--accent);color:var(--text)}.rt-mention-list{position:absolute;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 20px #091e421f;padding:4px;z-index:6}.rt-mention-item{width:100%;display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:none;background:transparent;text-align:left;border-radius:8px;cursor:pointer}.rt-mention-item.is-active,.rt-mention-item:hover{background:var(--surface2)}.rt-mention-name{font-size:12px;font-weight:600;color:var(--text)}.rt-mention-email{font-size:10px;color:var(--text3)}.mention{color:var(--accent2);font-weight:700}.rt-btn:disabled{opacity:.5;cursor:not-allowed}.desc-checkbox-token{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:6px;margin-left:1px;-webkit-user-select:none;user-select:none;cursor:pointer;border:none;background:transparent;padding:0;line-height:1;position:relative;top:1px}.rt-readonly .desc-checkbox-token{cursor:default}.desc-checkbox-box{width:16px;height:16px;border-radius:6px;border:1.8px solid #91a5bf;background:linear-gradient(180deg,#fff,#f6f9fd);display:inline-flex;align-items:center;justify-content:center;transition:all .18s ease}.desc-checkbox-tick{color:#fff;font-size:11px;font-weight:800;opacity:0;transform:scale(.7);transition:all .18s ease}.desc-checkbox-token:hover .desc-checkbox-box{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.desc-checkbox-token.is-checked .desc-checkbox-box{border-color:var(--green);background:linear-gradient(180deg,#3faa70,#238a56);box-shadow:0 2px 8px #1f845a40}.desc-checkbox-token.is-checked .desc-checkbox-tick{opacity:1;transform:scale(1)}.rt-readonly p:has(.desc-checkbox-token.is-checked),.rt-readonly li:has(.desc-checkbox-token.is-checked){color:var(--text3);opacity:.82;text-decoration-thickness:1.2px}.rt-readonly p:has(.desc-checkbox-token),.rt-readonly li:has(.desc-checkbox-token){display:flex;align-items:center;gap:2px}.rt-sep{width:1px;height:20px;background:var(--border);margin:0 2px;align-self:center}.rt-content{padding:8px 10px;min-height:64px;outline:none;font-size:14px;line-height:1.6;color:var(--text)}.rt-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text3);float:left;height:0;pointer-events:none}.rt-content h1{font-size:18px;margin:8px 0}.rt-content h2{font-size:16px;margin:8px 0}.rt-content h3{font-size:15px;margin:8px 0}.rt-content ul,.rt-content ol{padding-left:18px}.rt-content blockquote{border-left:3px solid var(--border);padding-left:10px;color:var(--text2)}.rt-content table{border-collapse:collapse;width:100%;margin:8px 0;border:1px solid var(--border)}.rt-content ul[data-type=taskList]{list-style:none;padding-left:0;margin:6px 0}.rt-content ul[data-type=taskList] li[data-type=taskItem]{display:flex;align-items:flex-start;gap:8px;margin:6px 0}.rt-content ul[data-type=taskList] li[data-type=taskItem]>label{display:inline-flex;align-items:center;justify-content:center;margin-top:2px;cursor:pointer}.rt-content ul[data-type=taskList] li[data-type=taskItem]>label>input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:6px;border:1.8px solid #91a5bf;background:linear-gradient(180deg,#fff,#f6f9fd);cursor:pointer;position:relative;transition:all .18s ease}.rt-content ul[data-type=taskList] li[data-type=taskItem]>label>input[type=checkbox]:after{content:"";position:absolute;left:4px;top:1.5px;width:3.8px;height:7.4px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(.6);opacity:0;transition:all .18s ease}.rt-content ul[data-type=taskList] li[data-type=taskItem]>label>input[type=checkbox]:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.rt-content ul[data-type=taskList] li[data-type=taskItem]>label>input[type=checkbox]:checked{border-color:var(--green);background:linear-gradient(180deg,#3faa70,#238a56);box-shadow:0 2px 8px #1f845a40}.rt-content ul[data-type=taskList] li[data-type=taskItem]>label>input[type=checkbox]:checked:after{opacity:1;transform:rotate(45deg) scale(1)}.rt-content ul[data-type=taskList] li[data-type=taskItem]>div{flex:1 1 auto}.rt-content ul[data-type=taskList] li[data-type=taskItem]>div>p{margin:0}.rt-content ul[data-type=taskList] li[data-type=taskItem][data-checked=true]>div{color:var(--text3);text-decoration:line-through}.expense-status{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent;min-width:80px}.expense-status.pending{background:#fde8e8;color:#9b1c1c;border-color:#f8b4b4}.expense-status.paid{background:#e7f9ed;color:#116a3d;border-color:#a7f3c8}.custom-select{position:relative;display:inline-block}.custom-select-trigger{border:1px solid var(--border);background:var(--surface);cursor:pointer;gap:8px}.custom-select-trigger:disabled{opacity:.6;cursor:not-allowed}.custom-select-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor}.custom-select-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:120px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #091e421f;padding:6px;z-index:10}.custom-select-menu.open-up{top:auto;bottom:calc(100% + 6px)}.custom-select-item{width:100%;padding:8px 10px;text-align:left;border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:13px;color:var(--text)}.custom-select-item:hover{background:var(--surface2)}.custom-select-item.active{background:#e7f9ed;color:#116a3d}.table-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px;flex-wrap:wrap}.table-pagination-info{font-size:12px;color:var(--text2)}.table-pagination-actions{display:flex;align-items:center;gap:6px}.table-pagination-page{font-size:12px;color:var(--text2);padding:0 6px}.attendance-filters-bar{padding:12px 16px;align-items:flex-end}.attendance-filters-form{display:flex;flex-wrap:wrap;gap:10px;width:100%;align-items:flex-end}.attendance-filter-item{min-width:120px}.attendance-filter-item .filter-input,.attendance-filter-item .filter-select{width:100%;min-height:32px}.attendance-filter-date{width:132px}.attendance-filter-wide{width:220px}.attendance-filter-code{width:180px}.attendance-filter-punch{width:110px}.attendance-filter-actions{display:flex;align-items:center;gap:8px}.expenses-end-action{margin-left:auto;padding-left:10px}.attendance-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:12px;margin-bottom:14px}.attendance-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);padding:12px 14px}.attendance-summary-value{font-size:18px;line-height:1.1;font-weight:800;color:var(--text);margin:4px 0}.attendance-table-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.attendance-table-count{font-size:12px;color:var(--text2);font-weight:600}.attendance-table-wrapper{max-height:520px;overflow:auto;-webkit-overflow-scrolling:touch}.attendance-table{width:100%;table-layout:auto}.attendance-mobile-list{display:none}.attendance-pagination{justify-content:flex-start}.attendance-pagination .table-pagination-actions{flex-wrap:wrap}@media (max-width: 900px){.attendance-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-table-wrapper{overflow-x:auto;overflow-y:auto}.attendance-table{min-width:880px}.attendance-table th,.attendance-table td{white-space:nowrap}}@media (max-width: 640px){.attendance-filters-bar{padding:10px 12px}.attendance-filter-item,.attendance-filter-date,.attendance-filter-wide,.attendance-filter-code,.attendance-filter-punch,.attendance-filter-actions{width:100%}.attendance-filter-actions .btn{flex:1;justify-content:center}.expenses-end-action{margin-left:0;padding-left:0;width:100%}.expenses-end-action .btn{width:100%;justify-content:center}.attendance-summary-strip{grid-template-columns:1fr}.attendance-table-meta{flex-direction:column;align-items:flex-start}.attendance-table{min-width:820px;font-size:12px}.attendance-table th,.attendance-table td{padding:8px 10px}.attendance-table td:last-child{min-width:120px}.attendance-table-wrapper{display:none}.attendance-mobile-list{display:grid;gap:10px}.attendance-mobile-card{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:10px;display:grid;gap:10px}.attendance-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.attendance-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.attendance-mobile-grid>div{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text2)}.attendance-mobile-grid>div strong{font-size:12px;color:var(--text)}.attendance-mobile-actions{display:flex;gap:8px}.attendance-mobile-actions .btn{flex:1;justify-content:center}.attendance-pagination,.pagination{padding:10px 8px;gap:6px;flex-wrap:wrap}.attendance-pagination .page-btn,.pagination .page-btn{min-width:34px;height:34px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.attendance-pagination .page-info,.pagination .page-info{width:100%;margin-left:0;font-size:11px}}.rt-content th,.rt-content td{border:1px solid var(--border);padding:6px;text-align:left}.rt-content th{background:var(--surface3)}.rt-readonly{padding:0}.rt-readonly-scroll{min-height:150px;max-height:150px;overflow:auto;padding-right:6px}.rt-editor-fixed .rt-content{min-height:450px;max-height:450px;overflow:auto}.rt-content img,.ProseMirror img{max-width:600px;width:100%;height:100%;margin:16px auto;display:block;border-radius:12px}.rt-file-card-wrapper{margin:14px 0}.rt-file-card{display:flex;align-items:center;gap:12px;max-width:360px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:inherit;text-decoration:none;box-shadow:0 8px 24px #0f172a14}.rt-file-card:hover{border-color:var(--accent);box-shadow:0 12px 28px #0f172a1f}.rt-file-card-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#4f86ff);color:#fff;position:relative;flex-shrink:0}.rt-file-card-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#ffffff29;color:#fff;font-size:10px;font-weight:800;letter-spacing:.7px;text-align:center;padding:0 4px;word-break:break-word}.rt-file-card-body{min-width:0;display:flex;flex-direction:column;gap:3px}.rt-file-card-name{font-size:13px;font-weight:700;color:var(--text);word-break:break-word}.rt-file-card-meta{font-size:12px;color:var(--text2)}.rt-upload-status{margin:10px 0 4px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface2)}.rt-upload-status-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text2);margin-bottom:8px;min-width:0}.rt-upload-status-label{font-weight:700;color:var(--text);white-space:nowrap}.rt-upload-status-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-upload-status-percent{flex-shrink:0;font-weight:700;color:var(--accent2)}.rt-upload-progress{width:100%;height:8px;border-radius:999px;background:var(--surface3);overflow:hidden}.rt-upload-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#4f86ff);transition:width .15s ease}.rt-content pre,.ProseMirror pre{background:#1e1e1e;color:#fff;padding:12px;border-radius:6px;overflow-x:auto;font-family:monospace}.rt-content pre code,.ProseMirror pre code{background:transparent;color:inherit;padding:0;font-family:inherit}.rt-content code,.ProseMirror code{font-family:monospace}.rt-link-popup{position:absolute;top:45px;left:10px;display:flex;gap:8px;padding:10px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001f;z-index:1000}.rt-link-input{width:100%;max-width:100%;padding:6px 10px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box}.rt-link-apply,.rt-link-cancel{padding:6px 12px;cursor:pointer}.table-with-bg-header{border-radius:10px;border:1px solid #D1D5DB;overflow:hidden}.recent-in-out-table{min-height:272px}.table-with-bg-header .pagination-with-entries{border-top:1px solid #D8D8D8}.pagination-with-entries{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0 20px;border-top:1px solid #D1D5DB}pagination-with-entries .pagination-main{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center}.w-auto{width:auto!important}#Online_Attendance_Date,.recent-in-out-table table tbody td,.pagination-with-entries .pagination-main>p{font-size:13px}.pagination-with-entries .pagination-main>p{color:#333;font-size:12px;font-weight:400;margin:0}.pagination-main{display:flex;align-items:center}.pagination-main p{font-size:13px}.mr-2,.mx-2{margin-right:.5rem!important}.btn,p,.new-pragraph{font-size:13px}p,.new-pragraph{color:#333;font-size:14px;font-weight:400;line-height:normal}p{margin-top:0;margin-bottom:1rem}*{box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate}.pagination-with-entries .pagination-main .pagination{box-shadow:none;margin-right:-9px!important}.pagination-with-entries .pagination-main .pagination{box-shadow:none}.pagination-main .pagination{box-shadow:0 0 4px #e4e4e5cc;margin:0}.m-0{margin:0!important}ol,ul,dl{margin-top:0;margin-bottom:1rem}ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;padding-inline-start:40px;unicode-bidi:isolate}.holiday tr:last-child td{text-align:end}.profile-layout-container{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius2);overflow:hidden}.profile-card-header{display:flex;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--surface2)}.profile-header-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;border:3px solid var(--surface);box-shadow:0 2px 8px #0000001a;overflow:hidden}.profile-header-avatar-img{width:100%;height:100%;object-fit:cover}.profile-header-info{flex:1}.profile-header-name{font-size:18px;font-weight:700;color:var(--text);margin:0}.profile-header-sub{font-size:13px;color:var(--text3);margin-top:4px;display:flex;align-items:center;gap:16px}.profile-header-sub-item{display:inline-flex;align-items:center;gap:6px}.profile-layout-columns{display:flex;min-height:480px;height:580px;max-height:calc(100vh - 220px)}.profile-sidebar{width:240px;border-right:1px solid var(--border);background:var(--surface);overflow-y:auto}.vertical-tabs{display:flex;flex-direction:column;gap:2px;padding:12px 8px}.vertical-tab-item{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:500;color:var(--text2);border-radius:6px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.vertical-tab-item:hover{background:var(--surface3);color:var(--text)}.vertical-tab-item.active{background:var(--accent)!important;color:#fff!important}.profile-content-area{flex:1;background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.profile-content-scroll{flex:1;padding:24px;overflow-y:auto}.profile-content-header{font-size:16px;font-weight:700;margin-bottom:20px;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:10px;display:flex;justify-content:space-between;align-items:center}.profile-edit-actions{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;border-top:1px solid var(--border);background:var(--surface2)}.detail-row{display:grid;grid-template-columns:200px 1fr;padding:10px 0;border-bottom:1px dashed var(--border);align-items:start}.detail-row:last-child{border-bottom:none}.detail-row-label{font-size:12px;font-weight:600;color:var(--text2);display:flex;align-items:center;gap:6px;padding-top:2px}.detail-row-value{font-size:13px;color:var(--text);word-break:break-word}.detail-badge-counter{background:var(--red);color:#fff;font-size:10px;padding:1px 5px;border-radius:10px;font-weight:700;margin-left:auto}.profile-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:10px}.profile-detail-card{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.profile-detail-card.span-2{grid-column:span 2}.profile-detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);display:flex;align-items:center;gap:6px}.profile-detail-value{font-size:13px;font-weight:500;color:var(--text);word-break:break-word}.holiday-calendar-modal{max-width:960px;width:90%!important}.calendar-modal-container{display:flex;gap:24px;min-height:480px}@media (max-width: 768px){.calendar-modal-container{flex-direction:column}.calendar-sidebar-column{min-width:0!important}}.calendar-main-column{flex:1.8;display:flex;flex-direction:column;min-width:0}.calendar-sidebar-column{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius2);padding:16px;display:flex;flex-direction:column;gap:16px;justify-content:flex-start;min-width:280px}.calendar-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calendar-month-title{font-size:18px;font-weight:700;color:var(--text)}.calendar-grid-container{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-grid-day-header{text-align:center;font-size:12px;font-weight:600;color:var(--text3);padding:6px 0;text-transform:uppercase}.calendar-day-box{aspect-ratio:1.2;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px;display:flex;flex-direction:column;justify-content:space-between;transition:all .15s ease-in-out;min-height:64px;position:relative}.calendar-day-box.empty-box{background:transparent;border-color:transparent;cursor:default;pointer-events:none}.calendar-day-box.selected-day{border-color:var(--accent2);box-shadow:0 0 0 2px var(--accent-glow);background:var(--accent-glow)}.calendar-day-box.has-holiday{background:var(--green-bg);border-color:#1f845a4d}.calendar-day-box.has-weekoff{background:var(--yellow-bg);border-color:#b386004d}.calendar-day-number{font-size:14px;font-weight:600;color:var(--text)}.calendar-day-status-pill{font-size:10px;padding:2px 6px;border-radius:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:500;display:block;width:100%;box-sizing:border-box}.calendar-day-status-pill.status-holiday{background:var(--green-bg);color:var(--green)}.calendar-day-status-pill.status-weekoff{background:var(--yellow-bg);color:var(--yellow)}.calendar-day-box.has-attendance-absent{background:#c9372c14;border-color:#c9372c40}.calendar-day-box.has-attendance-shortday{background:#e5691014;border-color:#e569103d}.calendar-day-box.has-dashboard-leave-approved{background:#1f845a1a;border-color:#1f845a47}.calendar-day-box.has-dashboard-leave-pending{background:#b386001f;border-color:#b386004d}.calendar-day-status-pill.status-attendance-absent{background:#c9372c24;color:var(--red)}.calendar-day-status-pill.status-attendance-shortday{background:#e5691024;color:var(--orange)}.calendar-day-status-pill.status-dashboard-leave-approved{background:#1f845a24;color:var(--green)}.calendar-day-status-pill.status-dashboard-leave-pending{background:#b3860029;color:#8a6500}.attendance-calendar-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:14px;font-size:12px;color:var(--text2);justify-content:center}.attendance-legend-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.attendance-legend-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.attendance-legend-dot.absent{background:var(--red)}.attendance-legend-dot.shortday{background:var(--orange)}.attendance-legend-dot.approvedleave{background:var(--green)}.attendance-legend-dot.pendingleave{background:#8a6500}.attendance-legend-dot.present,.attendance-legend-dot.holiday{background:var(--green)}.attendance-legend-dot.weekoff{background:var(--yellow)}.calendar-config-title{font-size:15px;font-weight:700;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:8px;color:var(--text)}.calendar-type-select{display:flex;gap:8px}.calendar-type-btn{flex:1;padding:8px;border:1px solid var(--border);background:var(--surface);color:var(--text2);border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease;text-align:center}.calendar-type-btn.active-type{background:var(--accent2);color:#fff;border-color:var(--accent2)}.calendar-type-btn:hover:not(.active-type){background:var(--surface3);border-color:var(--text3)}.calendar-empty-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text3);text-align:center;height:100%;padding:40px 20px;gap:12px}.leaves-page-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1200px){.leaves-page-grid{grid-template-columns:1fr 400px}}.leave-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:8px}.leave-fy-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);padding:3px 10px;border-radius:20px;text-transform:uppercase}.leave-stat-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius2);padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #091e420a}.leave-stat-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 24px #091e4214}.leave-stat-card-header{display:flex;justify-content:space-between;align-items:flex-start}.leave-stat-card-info{display:flex;flex-direction:column}.leave-stat-label{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.8px}.leave-stat-value-container{display:flex;align-items:baseline;gap:4px;margin-top:4px}.leave-stat-value{font-size:28px;font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-.5px}.leave-stat-total{font-size:13px;font-weight:500;color:var(--text3)}.leave-stat-icon-wrapper{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leave-stat-icon-wrapper svg{width:20px;height:20px}.leave-stat-card.casual{border-left:4px solid var(--accent)}.leave-stat-card.casual .leave-stat-icon-wrapper{background:var(--blue-bg);color:var(--accent2)}.leave-stat-card.sick{border-left:4px solid var(--green)}.leave-stat-card.sick .leave-stat-icon-wrapper{background:var(--green-bg);color:var(--green)}.leave-stat-card.personal{border-left:4px solid var(--orange)}.leave-stat-card.personal .leave-stat-icon-wrapper{background:var(--orange-bg);color:var(--orange)}.leave-stat-card.total{border-left:4px solid var(--purple)}.leave-stat-card.total .leave-stat-icon-wrapper{background:var(--purple-bg);color:var(--purple)}.leave-progress-container{display:flex;flex-direction:column;gap:4px;margin-top:2px}.leave-progress-track{height:6px;background:var(--surface2);border-radius:3px;overflow:hidden;border:1px solid var(--border2)}.leave-progress-bar{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.leave-progress-bar.casual{background:linear-gradient(90deg,var(--accent) 0%,var(--accent2) 100%)}.leave-progress-bar.sick{background:linear-gradient(90deg,var(--green) 0%,#28a745 100%)}.leave-progress-bar.personal{background:linear-gradient(90deg,var(--orange) 0%,#ff8c00 100%)}.leave-progress-bar.total{background:linear-gradient(90deg,var(--purple) 0%,#7e57c2 100%)}.leave-progress-info{font-size:11px;color:var(--text3);display:flex;justify-content:space-between}.leave-preview-banner{padding:12px 14px;border-radius:var(--radius);font-size:13px;line-height:1.5;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px;transition:all .2s ease;border:1px solid transparent}.leave-preview-banner.banner-ok{background:#1f845a0f;border-color:#1f845a26;color:var(--green);border-left:4px solid var(--green)}.leave-preview-banner.banner-error{background:#c9372c0f;border-color:#c9372c26;color:var(--red);border-left:4px solid var(--red)}.leave-preview-banner.banner-hint{background:var(--surface2);border-color:var(--border2);color:var(--text2);border-left:4px solid var(--accent)}.leave-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;border:1px solid transparent}.leave-status-pill.approved{background:var(--green-bg);color:var(--green);border-color:#1f845a33}.leave-status-pill.pending{background:var(--yellow-bg);color:var(--yellow);border-color:#b3860033}.leave-status-pill.rejected{background:var(--red-bg);color:var(--red);border-color:#c9372c33}.leave-status-pill.cancelled{background:var(--surface3);color:var(--text3);border-color:var(--border)}.leaves-page .table-wrapper table{min-width:950px;table-layout:auto}.leave-app-calendar-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1200px){.leave-app-calendar-grid{grid-template-columns:1.2fr 1.8fr}}.calendar-day-box.has-leave-approved{background:#6366f114;border-color:#6366f140}.calendar-day-box.has-leave-pending{background:#f59e0b0f;border-color:#f59e0b33;border-style:dashed}.calendar-day-status-pill.status-leave-approved{background:#6366f126;color:#6366f1}.calendar-day-status-pill.status-leave-pending{background:#f59e0b26;color:#f59e0b}.calendar-day-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--surface3);color:var(--text);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #00000026;border:1px solid var(--border);z-index:10;pointer-events:none;opacity:0;transition:opacity .15s ease;margin-bottom:4px}.calendar-day-box:hover .calendar-day-tooltip{opacity:1}.calendar-day-box.has-leave-pending-cancel{background:#f59e0b0d!important;border-color:#f59e0b66!important;border-style:dashed!important}.calendar-day-box.has-leave-cancelled{background:#94a3b80d!important;border-color:#94a3b833!important;text-decoration:line-through;opacity:.6}.calendar-day-status-pill.status-leave-pending-cancel{background:#f59e0b26;color:#d97706}.calendar-day-status-pill.status-leave-cancelled{background:#94a3b826;color:#64748b}.leave-status-pill.pending.cancellation{background:#f59e0b1a;color:#d97706;border-color:#f59e0b33}.leave-status-pill.rejected.cancellation{background:#ef44441a;color:#dc2626;border-color:#ef444433}.attendance-calendar-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;height:fit-content;overflow:hidden;box-shadow:0 2px 8px #091e4229}.attendance-calendar-card-header{min-height:56px;padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.attendance-calendar-title-wrap{display:inline-flex;align-items:center;gap:10px}.attendance-calendar-icon{width:30px;height:30px;border-radius:999px;background:#dbeafe;color:#0c66e4;display:inline-flex;align-items:center;justify-content:center}.attendance-calendar-body{padding:14px}.attendance-calendar-shell{border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;background:#f8fafc}.attendance-calendar-nav{height:54px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;background:#f8fafc}.attendance-calendar-nav-btn{width:36px;height:36px;margin:0 auto;border:0;background:transparent;color:#94a3b8;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.attendance-calendar-nav-btn:hover{background:#e2e8f0;color:#64748b}.attendance-calendar-month{text-align:center;color:#0f172a;font-size:14px;font-weight:700}.attendance-calendar-card .attendance-calendar-grid{gap:0;background:#f8fafc}.attendance-calendar-card .calendar-grid-day-header{height:32px;padding:8px 0;background:#eef0f3;color:#0f172a;font-size:12px;font-weight:500;text-transform:none}.attendance-calendar-card .calendar-day-box{width:36px;height:36px;min-height:36px;aspect-ratio:1;margin:6px auto;padding:0;border:0;border-radius:999px;background:transparent;color:#172b4d;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;line-height:1}.attendance-calendar-card .calendar-day-box.outside-month{color:#cbd5e1}.attendance-calendar-card .calendar-day-box.has-attendance-absent{background:#ffe0e3;color:#ff3b44}.attendance-calendar-card .calendar-day-box.has-attendance-shortday{background:#ffdff0;color:#ff3f96}.attendance-calendar-card .calendar-day-box.has-dashboard-leave-approved{background:#d7f8e4;color:#0ab65b}.attendance-calendar-card .calendar-day-box.has-dashboard-leave-pending{background:#ffedd5;color:#f28c13}.attendance-calendar-card .calendar-day-box.has-holiday{background:#e9e5ff;color:#7465f2;font-weight:bolder}.attendance-calendar-card .calendar-day-box.has-weekoff{background:#dbeafe;color:#0c66e4}.attendance-calendar-card .attendance-calendar-legend{justify-content:flex-start;gap:9px 14px;margin-top:14px;font-size:13px;color:#172b4d}.attendance-calendar-card .attendance-legend-dot{width:7px;height:7px}.attendance-calendar-card .attendance-legend-dot.absent{background:#ff3b44}.attendance-calendar-card .attendance-legend-dot.approvedleave{background:#0ab65b}.attendance-calendar-card .attendance-legend-dot.holiday{background:#7465f2}.attendance-calendar-card .attendance-legend-dot.shortday{background:#ff3f96}.attendance-calendar-card .attendance-legend-dot.pendingleave{background:#f28c13}.attendance-calendar-card .attendance-legend-dot.weekoff{background:#0c66e4}.attendance-calendar-card .attendance-legend-dot.optionalholiday{background:#9a4d14}.calendar-container{background:#fff;padding:20px;border-radius:12px}.absent-day{background:#ffebee!important;color:red!important;border-radius:50%}.weekoff-day{background:#e3f2fd!important;color:#00f!important;border-radius:50%}.reports-dropdown-container{position:relative}.reports-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #091e421f;padding:6px;z-index:100;display:flex;flex-direction:column;gap:2px}.reports-dropdown-item{width:100%;padding:8px 12px;text-align:left;border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:13px;color:var(--text2);white-space:nowrap;font-weight:500;transition:all .12s}.reports-dropdown-item:hover{background:var(--surface2);color:var(--text)}.reports-dropdown-item.active{background:var(--surface2);color:var(--accent2);font-weight:600}