@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700;800&family=Quicksand:wght@600;700;800&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}.payment-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.payment-badge--paid{background:#dcfce7;color:#15803d;border:1px solid #86efac}.payment-badge--unpaid{background:#fef3c7;color:#b45309;border:1px solid #fcd34d}.coffee-tracker-metric-card--status{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between}.payment-summary-box{background:var(--surface2);border:1px dashed var(--border);border-radius:12px;padding:12px 16px;margin:12px 0}.payment-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:6px}.payment-summary-row:last-child{margin-bottom:0}.payment-summary-total{font-size:16px;font-weight:800;color:var(--accent);border-top:1px solid var(--border);padding-top:8px;margin-top:8px}.monthly-payment-section{margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.monthly-payment-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--surface2);border-bottom:1px solid var(--border)}.monthly-payment-title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text)}.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;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;overflow-x:hidden}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;z-index:20}.project-suggest:focus-within,.project-suggest:has(.is-open){z-index:1000}.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 #091e4238;padding:6px;display:none;z-index:1050;max-height:220px;overflow-y:auto}.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:100%}.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}}.expense-mobile-list{display:none}@media (max-width: 768px){.expense-desktop-table{display:none!important}.expense-mobile-list{display:flex!important;flex-direction:column;gap:10px;padding:12px 0!important}.expense-mobile-row{background:var(--bg1, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:14px;box-shadow:0 1px 3px #0000000a}.expense-mobile-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border, #f0f0f0)}.expense-mobile-row-type{font-weight:700;font-size:13px;color:var(--text1)}.expense-mobile-row-details{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.expense-mobile-row-detail{display:flex;flex-direction:column;gap:2px}.expense-mobile-row-label{font-size:10px;font-weight:600;color:var(--text3, #999);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:1px}.expense-mobile-row-value{font-size:13px;color:var(--text1);display:block;font-weight:500}.expense-mobile-row-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border, #eaeaea)}.expense-mobile-row-actions .btn{flex:1;justify-content:center!important;border-radius:6px!important;font-weight:600!important;padding:6px 12px!important;display:flex;align-items:center}.expense-filter-form{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.expense-filter-form .attendance-filter-item{width:100%!important}.expense-filter-actions{width:100%!important;flex-direction:column!important;gap:8px!important;margin-top:8px!important;margin-left:0!important}.expense-filter-actions button{width:100%!important;justify-content:center!important}}.expense-edit-modal{max-width:780px;width:95%}@media (max-width: 640px){.expense-edit-modal{max-width:100%!important;width:100%!important;margin:0!important;border-radius:16px 16px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:92dvh!important;display:flex;flex-direction:column;animation:ar-modal-slide-up .25s ease-out}.expense-edit-modal .modal-header{padding:16px!important;border-bottom:1px solid var(--border, #eaeaea)!important;position:sticky;top:0;z-index:2;background:var(--bg1, #fff);border-radius:16px 16px 0 0}.expense-edit-modal .modal-body{padding:16px!important;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.expense-modal-buttons{flex-direction:column-reverse!important;gap:8px!important;margin-top:16px!important;padding:16px!important;border-top:1px solid var(--border, #eaeaea)!important;background:var(--bg1, #fff)!important}.expense-modal-buttons .btn{width:100%!important;justify-content:center!important;padding:10px 16px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important}.expense-edit-modal.expense-modal-closing{animation:ar-modal-slide-down .25s ease-in forwards!important}}.expenses-table thead th{height:44px}.expenses-table tbody tr{min-height:44px;height:auto}.expenses-table td{padding:8px 12px;vertical-align:middle}.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)}.expense-receipts-container{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:2px 0}.expense-receipts-container .btn{margin-left:0!important;display:inline-flex;align-items:center;white-space:nowrap}.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}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;display:block}table{width:100%;border-collapse:collapse}.list-panel{display:flex;flex-direction:column;height:100%;min-height:0}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}@keyframes modalOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@keyframes modalOverlayFadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalScaleOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(10px)}}@keyframes modalSlideUpMobile{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}@keyframes modalSlideDownMobile{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.holiday-modal{width:30%!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#091e42a6!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:2147483646!important;pointer-events:auto!important;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;animation:modalOverlayFadeIn .2s ease-out}.modal-overlay.closing,.modal-overlay.modal-closing{animation:modalOverlayFadeOut .2s ease-in forwards!important}.modal-overlay-top{z-index:2147483647!important}.modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;box-shadow:0 12px 32px #00000029;margin:auto;animation:modalScaleIn .22s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:calc(100vh - 48px)}.modal.closing,.modal.modal-closing{animation:modalScaleOut .2s ease-in forwards!important}.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:100dvh;max-height:100dvh;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:0}.comment-meta{font-size:11px;color:var(--text3);margin-bottom:4px}.comment-text{font-size:13px;line-height:1.6;word-break:break-word;overflow-wrap:anywhere}.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:100dvh;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:100dvh;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(3,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:100dvh}.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{display:flex;align-items:center;gap:10px;width:auto}.topbar-right.has-search{width:100%;flex-wrap:wrap;justify-content:flex-end}.topbar-right .filter-input{flex:1 1 180px;width:auto!important}.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{display:none}.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-overlay{display:flex!important;padding:0!important;align-items:flex-end!important;justify-content:center!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.modal-overlay .modal,.modal-overlay .modal-sm,.modal-overlay .modal-md,.modal-overlay .modal-lg,.modal-overlay .modal-folder,.modal-overlay .modal-auth,.modal-overlay .fy-form-modal,.modal-overlay .task-detail-modal,.modal,.modal-sm,.modal-md,.modal-lg,.modal-folder,.modal-auth{max-width:100%!important;width:100%!important;margin:auto 0 0!important;align-self:flex-end!important;border-radius:20px 20px 0 0!important;max-height:85vh!important;max-height:85dvh!important;animation:modalSlideUpMobile .25s cubic-bezier(.16,1,.3,1)!important}.modal-overlay.modal-closing .modal,.modal-overlay.closing .modal,.modal-overlay.modal-closing .modal-md,.modal-overlay.modal-closing .modal-lg,.modal-overlay.modal-closing .fy-form-modal,.modal.closing,.modal.modal-closing{animation:modalSlideDownMobile .2s ease-in forwards!important}.modal-header{padding:14px 16px!important;border-bottom:1px solid var(--border)!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.modal-title{font-size:15px!important;font-weight:600!important}.modal-body{flex:1 1 auto!important;min-height:0!important;padding:16px 14px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.modal-footer{padding:12px 16px!important;gap:8px!important;display:flex!important;flex-direction:row!important}.modal-footer .btn{flex:1!important;justify-content:center!important}.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:row}.comment-reply{margin-left:12px}.btn{padding:10px 14px;font-size:14px}.btn-sm{padding:8px 12px;font-size:13px}.btn.btn-icon{padding:6px;width:30px;height:30px}.form-control{padding:10px 12px;font-size:15px}.filter-input{width:100%!important}.stat-card{padding:12px}.stat-value{font-size:24px}.stat-label,.stat-sub{font-size:10px}.topbar{padding:10px 12px}.holiday-modal{width:90%!important;max-width:400px}}.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:450px;max-height:450px;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;background:transparent!important;padding:0!important;border:none!important;margin:0!important;gap:4px}.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}@media (max-width: 1024px){.leaveAndHoliday{grid-template-columns:1fr}}.leave-donut-svg{width:100%;max-width:980px;display:block;margin:40px auto}.project-donut-svg{width:100%;max-width:980px;display:block;margin:0 auto}@media (max-width: 640px){.leave-donut-svg{margin:15px auto}}.celebration-tab-label{font-size:16px;font-weight:700}@media (max-width: 640px){.celebration-tab-label{font-size:13px}}@media (max-width: 400px){.celebration-tab-label{font-size:11px}}@media (max-width: 640px){.employees-leave-tab{min-width:0;flex:1;padding:0 8px;font-size:12px}.employees-leave-tab-icon{width:24px;height:24px}}.grouped-bar-chart-scrollable{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}@media (max-width: 640px){.grouped-bar-chart{min-width:480px}}@media (max-width: 600px){.holiday-list-item{padding:10px 12px}.holiday-list-item:has(.holiday-list-actions){display:flex;flex-direction:column!important;align-items:flex-start;gap:8px}.holiday-list-item:has(.holiday-list-actions)>div:first-child{width:100%;display:flex;align-items:center;gap:10px}.holiday-list-item:has(.holiday-list-actions)>div:last-child{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-evenly!important;gap:12px!important;width:100%!important;min-width:0!important}.holiday-list-actions{display:flex;align-items:center;gap:6px!important}.holiday-list-actions .btn{padding:4px 8px;font-size:11px}}@media (max-width: 600px){.employees-leave-row{flex-direction:column;align-items:flex-start;gap:10px}.employees-leave-meta{text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center}.employees-leave-date{margin-top:0}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.holiday-calendar-modal{width:95%!important}.calendar-grid-container{gap:4px}.calendar-day-box{padding:4px;min-height:40px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.calendar-day-number{font-size:12px;font-weight:600}.calendar-day-status-pill{display:none!important}.calendar-day-box.has-holiday:after{content:"";width:5px;height:5px;background:var(--green);border-radius:50%;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}}@media (max-width: 640px){.pagination-with-entries{flex-direction:column;gap:10px;padding:12px 14px!important;align-items:center;justify-content:center}.pagination-main{justify-content:center;width:100%;margin-top:4px}}.project-mobile-cards{display:none}@media (max-width: 600px){.project-desktop-table{display:none}.project-mobile-cards{display:flex;flex-direction:column;gap:12px;padding:0 4px}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px #0000000a}.project-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.project-card-name{font-weight:700;font-size:15px;color:var(--accent);background:transparent;border:none;padding:0;cursor:pointer;text-align:left}.project-card-name:hover{text-decoration:underline}.project-card-desc{font-size:13px;color:var(--text2);line-height:1.4;word-break:break-word}.project-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;border-top:1px solid var(--border);padding-top:12px}.project-card-actions .btn{flex:1;justify-content:center}.modal-body-top-bar{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.modal-body-top-bar>div{font-size:12px!important}.modal-body-top-bar .form-control{max-width:100%!important}}@media (min-width: 601px){.modal-body-top-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}}.task-mobile-cards{display:none}@media (max-width: 600px){.task-desktop-table{display:none}.task-mobile-cards{display:flex;flex-direction:column;gap:12px;padding:0 4px;overflow-y:auto;flex:1;min-height:0}.task-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:transform .12s,box-shadow .12s}.task-card:hover{box-shadow:0 4px 12px #091e4214}.task-card.delayed-row{border-left-color:var(--red);background:#f8514905}.task-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.task-card-id-wrap{display:flex;align-items:center;gap:6px}.task-card-project{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.3px}.task-card-title{font-weight:600;font-size:14px;color:var(--text1);line-height:1.4}.task-card-labels{display:flex;flex-wrap:wrap;gap:4px}.task-card-details{display:flex;flex-direction:column;gap:10px;background:var(--surface2);border-radius:8px;padding:10px 12px;border:1px solid var(--border)}.task-card-detail-row{display:flex;justify-content:space-between;gap:12px}.task-card-detail-item{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.task-card-detail-item .detail-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.2px}.task-card-assignee{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}.task-card-actions{display:flex;gap:8px;margin-top:4px;border-top:1px solid var(--border);padding-top:12px}.task-card-actions .btn{flex:1;justify-content:center}}.mobile-leave-list{display:none}@media (max-width: 600px){.my-leaves-desktop-table,.pending-leaves-desktop-table,.cancel-leaves-desktop-table{display:none}.mobile-leave-list{display:flex;flex-direction:column;padding:0 16px 16px}.mobile-leave-row{padding:16px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.mobile-leave-row:last-child{border-bottom:none;padding-bottom:0}.mobile-leave-row-header{display:flex;justify-content:space-between;align-items:center}.mobile-leave-row-type{font-size:14px;font-weight:700;color:var(--text);text-transform:capitalize}.mobile-leave-row-details{display:flex;flex-direction:column;gap:8px}.mobile-leave-row-detail{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:13px}.mobile-leave-row-label{font-weight:500;color:var(--text3);flex-shrink:0}.mobile-leave-row-value{font-weight:600;color:var(--text);text-align:right}.mobile-leave-row-actions{margin-top:4px}.mobile-leave-row-empty{text-align:center;color:var(--text3);padding:24px 0;font-size:14px}.leave-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.leave-stat-card{padding:12px!important;gap:8px!important}.leave-stat-value{font-size:20px!important}.leave-stat-label{font-size:9px!important}.leave-stat-icon-wrapper{width:28px!important;height:28px!important}.leave-stat-icon-wrapper svg{width:14px!important;height:14px!important}.leaves-page .tabs{flex-wrap:wrap!important;gap:6px!important;border-bottom:none!important}.leaves-page .tab-item{border-radius:6px!important;border:1px solid var(--border)!important;padding:8px 12px!important;font-size:13px!important;margin-bottom:4px!important}.leaves-page .tab-item:after{display:none!important}.leaves-page .tab-item.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.leaves-page .pagination{display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;gap:8px!important;align-items:center!important;justify-content:center!important;padding:12px!important;width:100%!important;box-sizing:border-box!important}.leaves-page .pagination .page-info{margin-top:4px!important;width:100%!important;text-align:center!important;display:block!important}.leaves-page .reports-dropdown-menu{left:auto!important;right:0!important;min-width:200px!important}}@media (max-width: 640px){.leave-action-icons{display:none!important}.calendar-day-box.has-leave-approved:after{content:"";width:5px;height:5px;background:#6366f1;border-radius:50%;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.calendar-day-box.has-leave-pending:after{content:"";width:5px;height:5px;background:#f59e0b;border-radius:50%;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.calendar-day-box.has-leave-pending-cancel:after{content:"";width:5px;height:5px;background:#f59e0b;border:1px dashed #f59e0b;border-radius:50%;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.calendar-day-box.has-leave-cancelled:after{content:"";width:5px;height:5px;background:#64748b;border-radius:50%;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}}.inout-mobile-list{display:none}@media (max-width: 768px){.view-toggle,.board{display:none!important}.services-tabs-bar{padding:12px 16px 8px!important;flex-direction:column!important;align-items:stretch!important;height:auto!important}.services-tabs-list{flex-wrap:wrap!important;gap:6px!important;width:100%!important}.services-tabs-list button{flex:1 1 calc(50% - 6px)!important;min-width:120px!important;justify-content:center!important;padding:8px 10px!important;border-radius:6px!important;border:1px solid var(--border)!important;background:var(--surface)!important;height:38px!important;box-sizing:border-box!important}.services-tabs-list button.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;border-bottom:2px solid var(--accent)!important}.ar-employee-info-header-wrapper{border-radius:8px 8px 0 0!important}.ar-employee-info-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 14px!important}.ar-employee-user-info{width:100%!important;padding-bottom:8px!important;border-bottom:1px solid var(--border, #eaeaea)!important}.ar-employee-stats{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important;width:100%!important;font-size:13px!important}.ar-employee-stats>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:6px 4px!important;background:var(--surface2, #f8f9fa)!important;border:1px solid var(--border, #e9ecef)!important;border-radius:6px!important;font-size:13px!important;font-weight:600!important}.ar-employee-stats>div>span{font-size:15px!important;line-height:1!important}@media (max-width: 520px){.ar-employee-stats{grid-template-columns:repeat(3,1fr)!important}}.attendance-filters-bar form{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.attendance-filter-item{width:100%!important}.attendance-filters-bar form button{width:100%!important;justify-content:center!important}.attendance-filters-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:12px!important}.attendance-filters-row>div{width:100%!important;min-width:0!important}.attendance-filters-row button{width:100%!important;margin-top:8px!important}.inout-desktop-table{display:none!important}.inout-mobile-list{display:flex!important;flex-direction:column}.attendance-filter-item>div{flex-wrap:wrap!important;gap:6px!important}.attendance-filter-item>div button{flex:1 1 calc(50% - 6px)!important;text-align:center!important;justify-content:center!important}.ar-legend-pagination-row{flex-direction:column!important;align-items:center!important;gap:16px!important;padding:12px 0!important}.ar-legend-stats{justify-content:center!important;gap:10px 16px!important;font-size:12px!important}.ar-desktop-table{display:none!important}.ar-mobile-list{display:flex!important;flex-direction:column;gap:10px;padding:12px!important}.ar-mobile-row{background:var(--bg1, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:14px;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s}.ar-mobile-row:active{box-shadow:0 2px 8px #00000014}.ar-mobile-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border, #f0f0f0)}.ar-mobile-row-type{font-weight:700;font-size:13px;color:var(--text1);letter-spacing:.01em}.ar-mobile-row-details{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.ar-mobile-row-detail{display:flex;flex-direction:column;gap:2px}.ar-mobile-row-label{font-size:10px;font-weight:600;color:var(--text3, #999);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:1px}.ar-mobile-row-value{font-size:13px;color:var(--text1);display:block;font-weight:500}.ar-mobile-row-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border, #eaeaea);display:flex;gap:8px}.ar-mobile-row-actions .btn{border-radius:6px!important;font-weight:600!important;padding:6px 12px!important;display:flex;align-items:center;justify-content:center}.ar-mobile-row-empty{text-align:center;color:var(--text3);font-size:13px;padding:32px 20px;background:var(--bg2, #f8f9fa);border-radius:10px;border:1px dashed var(--border, #ddd)}.ar-edit-modal{max-width:100%!important;width:100%!important;margin:0!important;border-radius:16px 16px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:92dvh!important;display:flex;flex-direction:column;animation:ar-modal-slide-up .25s ease-out}.ar-edit-modal.ar-modal-closing{animation:ar-modal-slide-down .25s ease-in forwards!important}.ar-edit-modal .modal-header{padding:16px!important;border-bottom:1px solid var(--border, #eaeaea)!important;position:sticky;top:0;z-index:2;background:var(--bg1, #fff);border-radius:16px 16px 0 0}.ar-edit-modal .modal-title{font-size:13px!important;line-height:1.4;word-break:break-word}.ar-edit-modal .modal-body{padding:16px!important;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.ar-modal-attendance-grid{grid-template-columns:1fr!important;gap:10px!important}.ar-modal-reg-grid{grid-template-columns:1fr!important;gap:12px!important}.ar-edit-modal .filter-input,.ar-edit-modal .filter-select,.ar-edit-modal textarea{width:100%!important;font-size:14px!important;padding:10px 12px!important;border-radius:8px!important;border:1px solid var(--border, #d1d5db)!important;background:var(--bg1, #fff)!important;box-sizing:border-box!important}.ar-edit-modal .filter-input:disabled,.ar-edit-modal .filter-select:disabled,.ar-edit-modal textarea:disabled{background:var(--bg2, #f3f4f6)!important;color:var(--text2, #666)!important}.ar-edit-modal label{font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--text3, #6b7280)!important;margin-bottom:4px!important;display:block!important}.ar-modal-buttons{flex-direction:column-reverse!important;gap:8px!important;margin-top:16px!important;padding-top:16px!important;border-top:1px solid var(--border, #eaeaea)!important}.ar-modal-buttons .btn{width:100%!important;justify-content:center!important;padding:10px 16px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important}}@media (max-width: 768px){.sa-list-header{flex-direction:column!important;align-items:stretch!important;padding:14px 16px!important}.sa-list-header h3{font-size:15px!important}.sa-list-actions{flex-direction:column!important;width:100%!important}.sa-list-actions .form-control{width:100%!important}.sa-list-actions .btn{width:100%!important;justify-content:center!important}.sa-desktop-table{display:none!important}.sa-mobile-list{display:flex!important;flex-direction:column;gap:10px;padding:12px!important}.sa-mobile-row{background:var(--bg1, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:14px;box-shadow:0 1px 3px #0000000a}.sa-mobile-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border, #f0f0f0)}.sa-mobile-row-type{font-weight:700;font-size:13px;color:var(--text1)}.sa-mobile-row-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.sa-mobile-row-label{font-size:10px;font-weight:600;color:var(--text3, #999);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:2px}.sa-mobile-row-value{font-size:13px;color:var(--text1);display:block;font-weight:500}.sa-mobile-row-actions{flex-wrap:wrap;display:flex;gap:8px}.sa-mobile-row-actions .btn{flex:1 1 calc(50% - 4px)!important;display:flex!important;align-items:center!important}.sa-add-header h3{font-size:14px!important}.sa-preview-bar{flex-direction:column!important;align-items:stretch!important;padding:12px 16px!important}.sa-preview-bar h3{font-size:13px!important}.sa-preview-actions{width:100%!important;flex-direction:column!important}.sa-preview-actions .form-control{width:100%!important}.sa-preview-actions .btn{width:100%!important;justify-content:center!important}.sa-month-select-wrapper{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.sa-month-date-range{white-space:normal!important;font-size:12px!important;color:var(--text2)!important;margin-top:2px!important;display:inline-block!important}.sa-generate-btn-wrapper{width:100%!important;margin-left:0!important;margin-top:8px!important}.sa-generate-btn-wrapper button{width:100%!important;justify-content:center!important}}@keyframes ar-modal-slide-up{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}@keyframes ar-modal-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.ar-mobile-list,.sa-mobile-list{display:none}.users-page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:12px}.users-filters-left{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex:1;min-width:250px}.users-search-input{width:250px}.users-filters-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.users-action-buttons{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.users-page-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.users-filters-left{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.users-filters-left>div{width:100%!important}.users-filters-left .form-control,.users-search-input{width:100%!important}.users-filters-right{width:100%!important;justify-content:space-between!important}.users-action-buttons{flex:1!important;justify-content:flex-end!important}.users-action-buttons .btn{flex:1!important;justify-content:center!important;padding:8px 10px!important}.users-grid{grid-template-columns:1fr!important;gap:12px!important}.user-card{padding:12px!important}.user-card-header{width:100%!important}.user-card-avatar{width:64px!important;height:64px!important;min-width:64px!important;font-size:16px!important}.user-name{font-size:14px!important}.user-info-row{font-size:12px!important;gap:8px!important}.user-profile-form-grid,.profile-content-scroll div[style*=gridTemplateColumns],.modal-body div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:10px!important}.form-group[style*="gridColumn: span 2"],div[style*="gridColumn: span 2"],div[style*="gridColumn: 'span 2'"]{grid-column:span 1!important;flex-direction:column!important;align-items:flex-start!important}.profile-layout-container{border-radius:0!important;height:100%!important}.profile-card-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:14px!important;position:relative!important}.profile-card-header .modal-close{position:absolute!important;top:14px!important;right:14px!important}.profile-header-info{width:100%!important}.profile-header-name{font-size:16px!important}.profile-header-sub{flex-wrap:wrap!important;gap:6px 12px!important;font-size:12px!important}.profile-layout-columns{flex-direction:column!important;height:auto!important;min-height:0!important;max-height:none!important}.profile-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border)!important;max-height:140px!important;overflow-y:auto!important}.vertical-tabs{flex-direction:row!important;overflow-x:auto!important;padding:8px!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;gap:6px!important}.vertical-tab-item{white-space:nowrap!important;flex-shrink:0!important;padding:8px 12px!important;font-size:12px!important}.profile-content-scroll{padding:14px 10px!important}.profile-detail-grid{grid-template-columns:1fr!important;gap:10px!important}.detail-row{grid-template-columns:110px 1fr!important;gap:8px!important;font-size:12px!important}.profile-edit-actions{padding:10px 14px!important;gap:8px!important}.profile-edit-actions .btn{flex:1!important;justify-content:center!important}}input[type=month],input[type=time],input[type=datetime-local],.form-control[type=month],.form-control[type=time],.filter-input[type=date],.filter-input[type=month],.filter-input[type=time],.ar-edit-modal input[type=date],.ar-edit-modal input[type=time],.ar-edit-modal input[type=month],.ar-edit-modal .filter-input[type=date],.ar-edit-modal .filter-input[type=time]{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;font-family:inherit;font-size:13px!important;padding-left:10px!important;padding-right:32px!important;position:relative}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;padding:0;margin:0;opacity:.75;transition:opacity .15s ease;width:18px;height:18px;flex-shrink:0}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=month]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]::-webkit-datetime-edit,input[type=month]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit,input[type=datetime-local]::-webkit-datetime-edit{display:inline-flex;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=month]::-webkit-datetime-edit-fields-wrapper,input[type=time]::-webkit-datetime-edit-fields-wrapper,input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper{padding:0}.cleaning-date-input{width:140px}@media (max-width: 768px){.attendance-filter-date,.expense-date-range{width:100%!important;min-width:0!important;max-width:100%!important}.expense-date-range input{width:100%!important;flex:1 1 auto!important;min-width:0!important}.ar-modal-reg-grid,.financial-dates-grid,.import-export-date-row,.export-attendance-date-row,.expenses-custom-date-row{grid-template-columns:1fr!important;flex-direction:column!important;gap:12px!important}}@media (max-width: 576px){.cleaning-date-input{width:100%!important}.leaves-team-filter-date,.attendance-inout-month-select{width:100%!important;min-width:0!important}}.task-detail-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.task-detail-header-left{flex:1;min-width:0}.task-detail-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.task-detail-quick-info{padding:10px 20px;border-bottom:1px solid var(--border);display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:var(--surface2)}.task-detail-progress-wrap{margin-left:auto;display:flex;align-items:center;gap:8px}.task-detail-tabs{margin:0 20px!important;border-bottom:1px solid var(--border);display:flex;gap:4px;overflow:unset}.task-subtask-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);text-align:left;width:100%;transition:background .15s}.task-subtask-item:hover{background:var(--surface2)}.task-subtask-item-title-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.task-subtask-title{font-weight:600;font-size:13px;color:var(--text1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-subtask-item-meta-row{display:flex;align-items:center;gap:10px;flex-shrink:0}@media (max-width: 768px){.task-detail-modal{max-height:90vh!important;max-height:90dvh!important;height:90vh!important;height:90dvh!important;display:flex!important;flex-direction:column!important;border-radius:20px 20px 0 0!important;margin:0!important;width:100%!important;max-width:100%!important}.task-detail-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:14px 16px!important}.task-detail-header-left{width:100%!important}.task-detail-header-actions{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;flex-wrap:wrap!important;padding-top:10px!important;border-top:1px dashed var(--border)!important}.task-detail-header-actions select{flex:1 1 120px!important;width:auto!important;height:36px!important;font-size:13px!important}.task-detail-header-actions .btn{height:36px!important;padding:0 14px!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:1!important}.task-detail-quick-info{padding:10px 14px!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.task-detail-progress-wrap{margin-left:0!important;width:100%!important;justify-content:space-between!important}.task-detail-progress-slider{max-width:none!important;flex:1!important}.task-detail-progress-slider .progress-range{flex:1!important;width:100%!important}.task-detail-tabs{margin:0 14px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;scrollbar-width:none!important}.task-detail-tabs::-webkit-scrollbar{display:none!important}.task-detail-tabs .tab-item{padding:10px 12px!important;font-size:13px!important;flex-shrink:0!important}.task-detail-body{max-height:none!important;flex:1!important;overflow-y:auto!important;padding:14px!important;-webkit-overflow-scrolling:touch!important}.task-detail-body .detail-grid{grid-template-columns:1fr!important;gap:10px!important}.task-detail-body .detail-section{padding:12px!important;margin-bottom:12px!important}.task-subtask-item{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px 12px!important}.task-subtask-item-title-row{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.task-subtask-title{white-space:normal!important;word-break:break-word!important}.task-subtask-item-meta-row{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;font-size:12px!important;color:var(--text2)!important;border-top:1px dashed var(--border)!important;padding-top:6px!important}}@media (max-width: 576px){.comment-editor-wrapper{flex-direction:row!important;align-items:flex-start!important}.comment-editor-actions{display:flex!important;gap:8px!important;width:100%!important;margin-top:8px!important}.comment-editor-actions .btn{flex:1!important;justify-content:center!important}.comment-reply-actions{display:flex!important;gap:8px!important;width:100%!important;margin-top:8px!important}.comment-reply-actions .btn{flex:1!important;justify-content:center!important}.comment-reply{margin-left:8px!important;padding-left:8px!important;border-left:2px solid var(--border)!important}.comment-bubble{padding:10px 12px!important}.add-comment-btn-container{width:100%!important;justify-content:stretch!important}.add-comment-btn{width:100%!important;justify-content:center!important;padding:10px 14px!important;font-size:14px!important}}.ticket-type-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;flex-shrink:0}.ticket-type-badge.type-bug{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.ticket-type-badge.type-epic{background:#a855f71f;color:#a855f7;border:1px solid rgba(168,85,247,.25)}.ticket-type-badge.type-task{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.ticket-type-icon-box{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;flex-shrink:0}.ticket-type-icon-box.type-bug{background:#ef44441a;color:var(--red)}.ticket-type-icon-box.type-epic{background:#ff5fa21a;color:#ff5fa2}.ticket-type-icon-box.type-task{background:#1f6feb1a;color:var(--accent2)}.fy-mobile-list{display:none}@media (max-width: 768px){.fy-page-container{padding:14px!important}.fy-page-title{font-size:18px!important;margin-bottom:16px!important}.fy-actions-bar{display:flex!important;gap:8px!important;margin-bottom:16px!important;width:100%!important}.fy-actions-bar button{flex:1!important;justify-content:center!important;height:38px!important;font-size:13px!important}.fy-desktop-table{display:none!important}.fy-mobile-list{display:flex!important;flex-direction:column!important;gap:10px!important;margin-bottom:20px!important}.fy-card-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;transition:all .15s ease}.fy-card-item.selected{border-color:#2563eb;background:#2563eb0d}.fy-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fy-card-radio-title{display:flex;align-items:center;gap:10px}.fy-card-name{font-size:15px;font-weight:700;color:var(--text1)}.fy-default-tag{display:inline-flex;align-items:center;gap:4px;background:#dcfce7;color:#16a34a;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700}.fy-card-dates-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--surface2);padding:10px 12px;border-radius:8px;font-size:12px}.fy-card-date-item{display:flex;flex-direction:column;gap:2px}.fy-card-date-label{font-size:11px;color:var(--text3);font-weight:600}.fy-card-date-val{font-size:12px;font-weight:600;color:var(--text)}.fy-mobile-form-modal{display:flex!important;flex-direction:column!important;max-height:90vh!important;max-height:90dvh!important;border-radius:20px 20px 0 0!important;margin:auto 0 0!important;align-self:flex-end!important}.fy-mobile-form-actions button{flex:1!important;justify-content:center!important;height:40px!important}}.inv-header-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.inv-filters-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.inv-search-input{max-width:280px}.inv-status-select{max-width:180px}.inv-mobile-list{display:none}@media (max-width: 768px){.inv-page-container{padding:14px!important}.inv-page-title{font-size:18px!important;margin-bottom:16px!important}.inv-header-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:16px!important}.inv-filters-group{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.inv-search-input,.inv-status-select{max-width:100%!important;width:100%!important}.inv-btn-create{width:100%!important;justify-content:center!important;height:38px!important;font-size:13px!important}.inv-desktop-table{display:none!important}.inv-mobile-list{display:flex!important;flex-direction:column!important;gap:12px!important}.inv-card-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.inv-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.inv-card-title-group{display:flex;flex-direction:column;gap:2px}.inv-card-item-type{font-size:15px;font-weight:700;color:var(--text1)}.inv-card-make{font-size:12px;color:var(--text2)}.inv-card-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--surface2);padding:10px 12px;border-radius:8px}.inv-card-info-item{display:flex;flex-direction:column;gap:2px}.inv-card-label{font-size:11px;color:var(--text3);font-weight:600}.inv-card-val{font-size:12px;font-weight:600;color:var(--text)}.inv-card-val.highlight{color:#2563eb}.inv-card-request-note{font-size:11px;color:#b45309;background:#f59e0b1a;padding:8px 10px;border-radius:6px}.inv-card-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.inv-card-actions .btn{flex:1;justify-content:center;height:36px;font-size:12px}.inv-modal-grid{grid-template-columns:1fr!important;gap:12px!important}}.ie-page-header{padding:20px 24px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.ie-page-title{font-size:20px;font-weight:700;color:var(--text1);margin:0 0 4px}.ie-page-subtitle{font-size:13px;color:var(--text3);margin:0}.import-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.import-btn-row{display:flex;gap:8px}.ie-mobile-ref-list{display:none}@media (max-width: 900px){.ie-page-header{display:none!important}.import-export-grid{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:16px!important}.import-btn-row{flex-direction:column!important;gap:8px!important}.import-btn-row .btn{width:100%!important;justify-content:center!important;height:38px!important}.import-export-date-row{flex-direction:column!important;gap:10px!important}.ie-desktop-ref-table{display:none!important}.ie-mobile-ref-list{display:flex!important;flex-direction:column!important;gap:10px!important}.ie-ref-card-item{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.ie-ref-card-header{display:flex;align-items:center;justify-content:space-between}.ie-ref-col-name{font-family:monospace;font-size:13px;font-weight:700;color:var(--accent2)}.ie-ref-req-badge{font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px}.ie-ref-req-badge.required{background:#ffebe9;color:#cf222e;border:1px solid #ffd8d8}.ie-ref-req-badge.optional{background:#f6f8fa;color:#6e7781;border:1px solid #d0d7de}.ie-ref-notes{font-size:12px;color:var(--text2)}}.fb-header-bar{padding:20px 24px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.fb-header-title{font-size:20px;font-weight:700;color:var(--text1);margin:0 0 4px}.fb-header-subtitle{font-size:13px;color:var(--text3);margin:0}.fb-toolbar{padding:12px 24px;background:var(--surface2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fb-search-wrap{position:relative;flex:1;min-width:200px;max-width:380px}.fb-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none}.fb-search-input{padding-left:32px!important;height:36px!important;font-size:13px!important}.fb-filters-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fb-filter-group{display:flex;align-items:center;gap:6px}.fb-filter-label{font-size:12px;font-weight:600;color:var(--text3);margin:0;white-space:nowrap}.fb-filter-select{height:36px!important;font-size:13px!important;padding:4px 10px!important}.fb-refresh-btn{height:36px!important;display:inline-flex!important;align-items:center!important;gap:6px!important}.fb-category-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:12px;background:var(--surface2);color:var(--accent2);border:1px solid var(--border)}.fb-status-select{font-weight:600!important;font-size:12px!important;height:32px!important;padding:2px 8px!important;border-radius:6px!important}.fb-status-new{background-color:#e0f2fe!important;color:#0369a1!important;border-color:#bae6fd!important}.fb-status-reviewed{background-color:#fef3c7!important;color:#b45309!important;border-color:#fde68a!important}.fb-status-resolved{background-color:#dcfce7!important;color:#15803d!important;border-color:#bbf7d0!important}.fb-status-dismissed{background-color:#f3f4f6!important;color:#4b5563!important;border-color:#e5e7eb!important}.fb-mobile-list{display:none}@media (max-width: 768px){.fb-header-bar{display:none!important}.fb-toolbar{padding:12px 14px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.fb-search-wrap{max-width:100%!important;width:100%!important}.fb-filters-right{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.fb-filter-group{flex-direction:column!important;align-items:stretch!important;gap:2px!important}.fb-refresh-btn{grid-column:span 2!important;justify-content:center!important;height:38px!important}.fb-desktop-table{display:none!important}.fb-mobile-list{display:flex!important;flex-direction:column!important;gap:12px!important}.fb-card-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px #0000000a}.fb-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.fb-card-user{display:flex;align-items:center;gap:8px}.fb-user-avatar{width:26px;height:26px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;color:var(--text2)}.fb-user-name{font-size:14px;font-weight:700;color:var(--text1)}.fb-card-message{font-size:13px;color:var(--text2);background:var(--surface2);padding:10px 12px;border-radius:8px;word-break:break-word;line-height:1.5}.fb-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}.fb-card-date{font-size:11px;color:var(--text3)}.fb-card-status-wrap{min-width:120px}}.topbar-birthday-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff!important;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #ec489959;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1}.topbar-birthday-btn:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 6px 20px #ec489980;background:linear-gradient(135deg,#f43f5e,#7c3aed)}.topbar-birthday-btn:active{transform:translateY(0) scale(.98)}.birthday-btn-icon{position:relative;display:flex;align-items:center;justify-content:center}.cake-icon-svg{animation:cakeBounce 2s ease-in-out infinite}@keyframes cakeBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-6deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-2px) rotate(6deg)}}.birthday-pulse-ring{position:absolute;top:-3px;right:-3px;width:8px;height:8px;background-color:#fbbf24;border-radius:50%;box-shadow:0 0 8px #fbbf24;animation:pulseGlow 1.5s infinite}@keyframes pulseGlow{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.4);opacity:1;box-shadow:0 0 12px #fbbf24}to{transform:scale(.9);opacity:.8}}.birthday-btn-text{white-space:nowrap}.birthday-modal-overlay{background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.birthday-modal{width:100%;max-width:540px;background:var(--card-bg, #ffffff);border-radius:20px;box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #ffffff1a;overflow:hidden;position:relative;animation:birthdayModalPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes birthdayModalPop{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.birthday-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ec489914;border-bottom:1px solid rgba(236,72,153,.15)}.birthday-modal-badge{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#ec4899;text-transform:uppercase;letter-spacing:.5px}.birthday-modal-close{background:#0000000f;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text2, #64748b);cursor:pointer;transition:all .2s}.birthday-modal-close:hover{background:#ef444426;color:#ef4444}.birthday-modal-body{padding:24px;max-height:80vh;overflow-y:auto}.birthday-cake-hero{position:relative;background:linear-gradient(180deg,#ec489914,#8b5cf60a);border-radius:16px;padding:24px 16px 20px;text-align:center;overflow:hidden;margin-bottom:20px;border:1px solid rgba(236,72,153,.12)}.birthday-hero-title{font-size:22px;font-weight:800;background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:14px 0 6px}.birthday-hero-subtitle{font-size:13px;color:var(--text2, #64748b);margin:0;line-height:1.5}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:14px;opacity:.85;transform-origin:center center;animation:confettiFall 4.5s cubic-bezier(.25,.46,.45,.94) infinite}.confetti-piece.p1{left:10%;background:#ec4899;animation-delay:0s;--cf-sway: 35px}.confetti-piece.p2{left:25%;background:#fbbf24;animation-delay:.5s;width:7px;height:7px;border-radius:50%;--cf-sway: -25px}.confetti-piece.p3{left:40%;background:#3b82f6;animation-delay:1.2s;--cf-sway: 45px}.confetti-piece.p4{left:60%;background:#10b981;animation-delay:.3s;width:9px;height:9px;--cf-sway: -40px}.confetti-piece.p5{left:75%;background:#8b5cf6;animation-delay:1.8s;--cf-sway: 30px}.confetti-piece.p6{left:90%;background:#f43f5e;animation-delay:.8s;--cf-sway: -35px}@keyframes confettiFall{0%{transform:translateY(-20px) rotateX(0) rotateY(0) rotate(0);opacity:1}25%{transform:translateY(100px) translate(var(--cf-sway, 30px)) rotateX(180deg) rotateY(120deg) rotate(90deg);opacity:.95}50%{transform:translateY(240px) translate(calc(var(--cf-sway, 30px) * -.8)) rotateX(360deg) rotateY(240deg) rotate(180deg);opacity:.9}75%{transform:translateY(380px) translate(calc(var(--cf-sway, 30px) * .6)) rotateX(540deg) rotateY(360deg) rotate(270deg);opacity:.7}to{transform:translateY(540px) translate(-10px) rotateX(720deg) rotateY(480deg) rotate(360deg);opacity:0}}.animated-cake-wrapper{position:relative;width:140px;height:130px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.cake-sparkles-aura{position:absolute;top:10px;left:50%;transform:translate(-50%);width:130px;height:130px;background:radial-gradient(circle,rgba(251,191,36,.25) 0%,rgba(236,72,153,.15) 50%,transparent 70%);border-radius:50%;animation:auraGlow 2s ease-in-out infinite alternate;pointer-events:none}@keyframes auraGlow{0%{opacity:.5;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1.15)}}.cake-candles{display:flex;gap:16px;z-index:3;margin-bottom:-2px}.candle{position:relative;width:8px;height:24px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);border-radius:3px 3px 0 0}.candle.c1{background:linear-gradient(90deg,#ec4899,#f472b6)}.candle.c2{background:linear-gradient(90deg,#fbbf24,#fde047)}.candle.c3{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.wick{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:2px;height:4px;background:#334155}.flame{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:10px;height:14px;background:linear-gradient(180deg,#ffedd5,#fb923c 40%,#ea580c);border-radius:50% 50% 35% 35%;box-shadow:0 0 10px #fb923c,0 0 20px #f59e0b;animation:candleFlicker .6s infinite alternate ease-in-out;transform-origin:center bottom}.flame-inner{position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:4px;height:6px;background:#fef08a;border-radius:50%}@keyframes candleFlicker{0%{transform:translate(-50%) scale(1) rotate(-3deg)}50%{transform:translate(-50%) scale(1.1,.95) rotate(3deg)}to{transform:translate(-50%) scale(.95,1.05) rotate(-1deg)}}.cake-top-tier{position:relative;width:90px;height:32px;background:linear-gradient(180deg,#fbcfe8,#f472b6);border-radius:8px 8px 0 0;z-index:2;box-shadow:inset 0 2px 4px #fff9}.icing-drips{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-around}.icing-drips span{width:14px;height:10px;background:#fff;border-radius:0 0 50% 50%;box-shadow:0 2px 3px #00000014}.cherries{position:absolute;top:-10px;width:100%;display:flex;justify-content:space-around;font-size:11px}.cake-middle-tier{position:relative;width:114px;height:34px;background:linear-gradient(180deg,#ddd6fe,#a78bfa);border-radius:4px 4px 0 0;z-index:1;box-shadow:inset 0 2px 4px #ffffff80;margin-top:-1px}.decor-dots{display:flex;justify-content:space-around;padding-top:12px}.decor-dots span{width:6px;height:6px;background:#fef08a;border-radius:50%;box-shadow:0 0 4px #fde047}.cake-bottom-tier{position:relative;width:136px;height:36px;background:linear-gradient(180deg,#fed7aa,#fb923c);border-radius:4px 4px 0 0;z-index:0;box-shadow:inset 0 2px 4px #ffffff80;margin-top:-1px;overflow:hidden}.frosting-stripes{width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.25) 10px,rgba(255,255,255,.25) 20px)}.cake-stand{width:154px;height:8px;background:linear-gradient(90deg,#cbd5e1,#f1f5f9,#cbd5e1);border-radius:4px;box-shadow:0 4px 10px #00000026}.birthday-users-list{display:flex;flex-direction:column;gap:12px}.birthday-user-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg2, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:14px;transition:all .2s ease}.birthday-user-card:hover{border-color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 12px #ec48991f}.birthday-user-avatar{position:relative;width:48px;height:48px;flex-shrink:0}.birthday-user-avatar img,.birthday-user-avatar .avatar-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;border:2px solid #ec4899}.birthday-crown{position:absolute;top:-10px;right:-4px;font-size:16px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));animation:crownWiggle 2s infinite ease-in-out}@keyframes crownWiggle{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}.birthday-user-info{flex:1;min-width:0}.birthday-user-name{font-size:15px;font-weight:700;color:var(--text1, #0f172a);margin-bottom:2px}.birthday-user-meta{font-size:12px;color:var(--text3, #64748b);margin-bottom:4px}.birthday-tag{display:inline-flex;align-items:center;padding:2px 8px;background:#ec48991a;color:#ec4899;border-radius:10px;font-size:11px;font-weight:600}.birthday-wish-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.birthday-wish-btn:hover{opacity:.95;transform:scale(1.03);box-shadow:0 4px 12px #ec48994d}@media (max-width: 600px){.topbar-birthday-btn .birthday-btn-text{font-size:12px}.birthday-wish-btn{padding:6px 10px;font-size:11px}}.birthday-crackers-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.birthday-banner-float{margin-top:24px;background:#0f172ad9;border:1px solid rgba(236,72,153,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:50px;padding:10px 20px;box-shadow:0 12px 32px #ec489959,0 0 0 1px #ffffff26;animation:bannerSlideDown .4s cubic-bezier(.34,1.56,.64,1);z-index:10}@keyframes bannerSlideDown{0%{transform:translateY(-40px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.birthday-banner-content{display:flex;align-items:center;gap:14px}.birthday-banner-icon{font-size:26px;animation:pulseCake 1.5s infinite ease-in-out}@keyframes pulseCake{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}.birthday-banner-text{display:flex;flex-direction:column}.birthday-banner-title{font-size:15px;font-weight:800;color:#fff;letter-spacing:.3px}.birthday-banner-sub{font-size:12px;color:#ffffffbf}.birthday-banner-wish-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border:none;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #ec489966;transition:transform .2s;white-space:nowrap}.birthday-banner-wish-btn:hover{transform:scale(1.05)}.birthday-banner-close{background:#ffffff26;border:none;width:28px;height:28px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.birthday-banner-close:hover{background:#ef444499}.crackers-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cracker-blast{position:absolute;width:1px;height:1px}.blast-center{top:45%;left:50%}.blast-left{top:38%;left:25%}.blast-right{top:38%;left:75%}.cracker-flash{position:absolute;top:-20px;left:-20px;width:40px;height:40px;background:radial-gradient(circle,#ffffff 0%,#fbbf24 40%,transparent 70%);border-radius:50%;animation:flashBurst .6s ease-out forwards}@keyframes flashBurst{0%{transform:scale(.2);opacity:1}50%{transform:scale(3);opacity:.9}to{transform:scale(5);opacity:0}}.cracker-ring{position:absolute;top:-50px;left:-50px;width:100px;height:100px;border:3px solid #f43f5e;border-radius:50%;animation:ringExpand .8s ease-out forwards}.cracker-ring.ring2{border-color:#3b82f6;animation-delay:.15s}@keyframes ringExpand{0%{transform:scale(.1);opacity:1}to{transform:scale(3.5);opacity:0;border-width:1px}}.spark-ray{position:absolute;top:0;left:0;width:4px;height:35px;background:linear-gradient(180deg,#fbbf24 0%,#ec4899 50%,transparent 100%);border-radius:2px;transform-origin:center bottom;animation:raySpurt .9s cubic-bezier(.1,.8,.3,1) forwards}.ray-1{transform:rotate(0);animation-delay:.05s}.ray-2{transform:rotate(30deg);animation-delay:.08s}.ray-3{transform:rotate(60deg);animation-delay:.04s}.ray-4{transform:rotate(90deg);animation-delay:.1s}.ray-5{transform:rotate(120deg);animation-delay:.06s}.ray-6{transform:rotate(150deg);animation-delay:.09s}.ray-7{transform:rotate(180deg);animation-delay:.03s}.ray-8{transform:rotate(210deg);animation-delay:.07s}.ray-9{transform:rotate(240deg);animation-delay:.11s}.ray-10{transform:rotate(270deg);animation-delay:.05s}.ray-11{transform:rotate(300deg);animation-delay:.08s}.ray-12{transform:rotate(330deg);animation-delay:.02s}@keyframes raySpurt{0%{transform:scaleY(.2) translateY(0);opacity:1}60%{transform:scaleY(1.8) translateY(-60px);opacity:.9}to{transform:scaleY(.4) translateY(-110px);opacity:0}}.blooming-icons-container{position:absolute;top:45%;left:50%;width:1px;height:1px;pointer-events:none}.blooming-item{position:absolute;font-size:32px;transform:translate(-50%,-50%) scale(0);animation:iconBloom 1.4s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.b1{animation-name:bloomDir1;animation-delay:.1s}.b2{animation-name:bloomDir2;animation-delay:.15s}.b3{animation-name:bloomDir3;animation-delay:.08s}.b4{animation-name:bloomDir4;animation-delay:.2s}.b5{animation-name:bloomDir5;animation-delay:.12s}.b6{animation-name:bloomDir6;animation-delay:.18s}.b7{animation-name:bloomDir7;animation-delay:.25s}.b8{animation-name:bloomDir8;animation-delay:.14s}.b9{animation-name:bloomDir9;animation-delay:.22s}.b10{animation-name:bloomDir10;animation-delay:.16s}.b11{animation-name:bloomDir11;animation-delay:.28s}.b12{animation-name:bloomDir12;animation-delay:.19s}@keyframes bloomDir1{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:1}to{transform:translate(-180px,-160px) scale(1.4) rotate(-35deg);opacity:0}}@keyframes bloomDir2{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:1}to{transform:translate(160px,-180px) scale(1.5) rotate(40deg);opacity:0}}@keyframes bloomDir3{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:1}to{transform:translate(-220px,80px) scale(1.3) rotate(-20deg);opacity:0}}@keyframes bloomDir4{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:1}to{transform:translate(200px,120px) scale(1.6) rotate(30deg);opacity:0}}@keyframes bloomDir5{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:1}to{transform:translateY(-240px) scale(1.5) rotate(15deg);opacity:0}}@keyframes bloomDir6{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:1}to{transform:translate(-100px,-220px) scale(1.4) rotate(-25deg);opacity:0}}@keyframes bloomDir7{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:1}to{transform:translate(110px,-210px) scale(1.3) rotate(20deg);opacity:0}}@keyframes bloomDir8{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:1}to{transform:translate(-260px,-40px) scale(1.4) rotate(-45deg);opacity:0}}@keyframes bloomDir9{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:1}to{transform:translate(250px,-30px) scale(1.5) rotate(35deg);opacity:0}}@keyframes bloomDir10{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:1}to{transform:translate(-140px,180px) scale(1.2) rotate(-15deg);opacity:0}}@keyframes bloomDir11{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:1}to{transform:translate(130px,190px) scale(1.4) rotate(25deg);opacity:0}}@keyframes bloomDir12{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:1}to{transform:translateY(220px) scale(1.5) rotate(0);opacity:0}}.balloons-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.balloon-item{position:absolute;bottom:-120px;left:var(--b-left, 50%);display:flex;flex-direction:column;align-items:center;transform:scale(var(--b-scale, 1));animation:balloonRise var(--b-duration, 4s) cubic-bezier(.25,.46,.45,.94) var(--b-delay, 0s) forwards}@keyframes balloonRise{0%{transform:translateY(0) translate(0) scale(calc(var(--b-scale, 1) * .4));opacity:0}15%{opacity:1;transform:translateY(-20vh) translate(-15px) scale(var(--b-scale, 1))}50%{transform:translateY(-55vh) translate(20px) scale(var(--b-scale, 1))}85%{opacity:1}to{transform:translateY(-115vh) translate(-10px) scale(var(--b-scale, 1));opacity:0}}.balloon-body{width:46px;height:58px;background:var(--b-color, #ff4081);border-radius:50%/40% 40% 60% 60%;position:relative;box-shadow:inset -6px -6px 12px #00000040,0 6px 16px #00000026}.balloon-shine{position:absolute;top:8px;left:10px;width:10px;height:16px;background:#ffffff8c;border-radius:50%;transform:rotate(-30deg)}.balloon-knot{width:8px;height:6px;background:var(--b-color, #ff4081);clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);margin-top:-2px}.balloon-string{width:2px;height:50px;background:#ffffff80;animation:stringSway 1.2s infinite ease-in-out alternate}@keyframes stringSway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@media (max-width: 600px){.birthday-banner-float{margin-top:14px;padding:8px 14px;max-width:90%}.birthday-banner-title{font-size:13px}}.popper-cannon{position:absolute;bottom:25px;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none}.cannon-left{left:30px;transform-origin:bottom left;animation:cannonPopLeft .5s cubic-bezier(.175,.885,.32,1.275) forwards}.cannon-right{right:30px;transform-origin:bottom right;animation:cannonPopRight .5s cubic-bezier(.175,.885,.32,1.275) forwards}.cannon-emoji{font-size:130px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.5));display:block;-webkit-user-select:none;user-select:none}.cannon-left .cannon-emoji{transform:rotate(0)}.cannon-right .cannon-emoji{transform:scaleX(-1)}@keyframes cannonPopLeft{0%{transform:scale(.2);opacity:0}40%{transform:scale(1.3);opacity:1}65%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes cannonPopRight{0%{transform:scale(.2);opacity:0}40%{transform:scale(1.3);opacity:1}65%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.cannon-flash{position:absolute;top:-20px;width:60px;height:60px;background:radial-gradient(circle,#ffffff 0%,#fbbf24 60%,transparent 100%);border-radius:50%;animation:cannonFlashBurst .4s ease-out forwards}@keyframes cannonFlashBurst{0%{transform:scale(.2);opacity:1}to{transform:scale(4.5);opacity:0}}.popper-particles-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.popper-streamer{position:absolute;width:var(--ps-w, 8px);height:var(--ps-h, 24px);background:var(--ps-color, #ff4081);border-radius:4px;z-index:15;opacity:0;box-shadow:0 2px 8px #00000040;pointer-events:none}.popper-streamer.from-left{bottom:80px;left:70px;animation:popperStreamerLeft 4.5s cubic-bezier(.12,.8,.25,1) var(--ps-delay, 0s) forwards}.popper-streamer.from-right{bottom:80px;right:70px;animation:popperStreamerRight 4.5s cubic-bezier(.12,.8,.25,1) var(--ps-delay, 0s) forwards}@keyframes popperStreamerLeft{0%{transform:translateZ(0) rotateX(0) rotateY(0) rotate(0) scale(.2);opacity:0}8%{opacity:1}25%{transform:translate3d(var(--ps-dx),var(--ps-dy),0) rotateX(180deg) rotateY(120deg) rotate(90deg) scale(1.3);opacity:1}45%{transform:translate3d(calc(var(--ps-dx) + var(--ps-sway, 50px)),calc(var(--ps-dy) + 18vh),0) rotateX(360deg) rotateY(240deg) rotate(180deg) scale(1.1);opacity:.95}68%{transform:translate3d(calc(var(--ps-dx) - calc(var(--ps-sway, 50px) * .6)),calc(var(--ps-dy) + 38vh),0) rotateX(540deg) rotateY(360deg) rotate(290deg) scale(.95);opacity:.85}88%{transform:translate3d(calc(var(--ps-dx) + calc(var(--ps-sway, 50px) * .4)),calc(var(--ps-dy) + 56vh),0) rotateX(720deg) rotateY(480deg) rotate(410deg) scale(.8);opacity:.5}to{transform:translate3d(calc(var(--ps-dx) - 15px),calc(var(--ps-dy) + 72vh),0) rotateX(900deg) rotateY(540deg) rotate(520deg) scale(.65);opacity:0}}@keyframes popperStreamerRight{0%{transform:translateZ(0) rotateX(0) rotateY(0) rotate(0) scale(.2);opacity:0}8%{opacity:1}25%{transform:translate3d(var(--ps-dx),var(--ps-dy),0) rotateX(-180deg) rotateY(-120deg) rotate(-90deg) scale(1.3);opacity:1}45%{transform:translate3d(calc(var(--ps-dx) - var(--ps-sway, 50px)),calc(var(--ps-dy) + 18vh),0) rotateX(-360deg) rotateY(-240deg) rotate(-180deg) scale(1.1);opacity:.95}68%{transform:translate3d(calc(var(--ps-dx) + calc(var(--ps-sway, 50px) * .6)),calc(var(--ps-dy) + 38vh),0) rotateX(-540deg) rotateY(-360deg) rotate(-290deg) scale(.95);opacity:.85}88%{transform:translate3d(calc(var(--ps-dx) - calc(var(--ps-sway, 50px) * .4)),calc(var(--ps-dy) + 56vh),0) rotateX(-720deg) rotateY(-480deg) rotate(-410deg) scale(.8);opacity:.5}to{transform:translate3d(calc(var(--ps-dx) + 15px),calc(var(--ps-dy) + 72vh),0) rotateX(-900deg) rotateY(-540deg) rotate(-520deg) scale(.65);opacity:0}}.birthday-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);z-index:25;text-align:center;width:80vw;max-width:80%;opacity:0;animation:birthdaySmoothReveal 1.2s cubic-bezier(.25,1,.5,1) .4s forwards;pointer-events:none;font-family:Fredoka,Quicksand,sans-serif}.birthday-center-title{font-size:68px;font-weight:700;font-family:Fredoka,Quicksand,sans-serif;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.5),0 0 60px rgba(255,215,0,.4),0 0 100px rgba(255,105,180,.3);letter-spacing:2px;text-transform:uppercase;line-height:1.2;word-break:break-word}.birthday-center-name{font-size:50px;font-weight:700;font-family:Fredoka,Quicksand,sans-serif;margin-top:14px;color:#fbbf24;text-shadow:0 4px 20px rgba(0,0,0,.6),0 0 40px rgba(251,191,36,.4);filter:drop-shadow(0 4px 16px rgba(0,0,0,.4));letter-spacing:1px;word-break:break-word}@keyframes birthdaySmoothReveal{0%{transform:translate(-50%,-50%) scale(.85);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (max-width: 768px){.birthday-center-title{font-size:36px;letter-spacing:1px}.birthday-center-name{font-size:26px}}.todo-page-container{padding:24px;width:100%;max-width:none;box-sizing:border-box;margin:0 auto}.todo-header-banner{background:linear-gradient(135deg,#fff,#f4f7fc);border:1px solid var(--border);border-radius:var(--radius2);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 16px #091e420a;margin-bottom:24px;flex-wrap:wrap;gap:16px}.todo-header-left{display:flex;align-items:center;gap:16px}.todo-icon-badge{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0c66e4,#1d7afc);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0c66e44d}.todo-title-wrap{display:flex;align-items:center;gap:10px}.todo-title-wrap h2{font-size:22px;font-weight:700;color:var(--text);margin:0}.badge-superadmin{background:#5e4db21f;color:#5e4db2;font-weight:600;padding:2px 8px;border-radius:12px;font-size:11px}.badge-assigned{background:#0c66e41f;color:#0c66e4;font-weight:600;padding:2px 8px;border-radius:12px;font-size:11px}.todo-subtitle{font-size:13px;color:var(--text3);margin-top:4px}.btn-add-todo{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-weight:600;border-radius:8px;box-shadow:0 4px 12px #0c66e440;transition:all .2s ease}.btn-add-todo:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0c66e459}.superadmin-notice-pill{display:flex;align-items:center;gap:6px;background:#fff8e6;border:1px solid #ffe399;color:#946200;font-size:12px;font-weight:500;padding:8px 14px;border-radius:8px}.todo-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.todo-stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius2);padding:14px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s ease}.todo-stat-card:hover{border-color:#0c66e4;transform:translateY(-2px);box-shadow:0 6px 16px #091e420f}.todo-stat-card.active{border-color:#0c66e4;background:#f4f8ff;box-shadow:0 4px 12px #0c66e41f}.todo-stat-card.overdue-highlight{border-color:#ffbdad;background:#fff5f3}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.total{background:#0c66e41a;color:#0c66e4}.stat-icon.mine{background:#5e4db21a;color:#5e4db2}.stat-icon.pending{background:#b386001f;color:#b38600}.stat-icon.completed{background:#1f845a1f;color:#1f845a}.stat-icon.overdue{background:#c9372c1f;color:#c9372c}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:20px;font-weight:700;color:var(--text);line-height:1.2}.stat-label{font-size:12px;color:var(--text3);font-weight:500}.todo-controls-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.todo-tabs-group{display:flex;gap:6px;background:#ebf0f7;padding:4px;border-radius:10px}.todo-tab-btn{border:none;background:transparent;padding:7px 14px;font-size:13px;font-weight:600;color:var(--text2);border-radius:7px;cursor:pointer;transition:all .15s ease}.todo-tab-btn:hover{color:var(--text)}.todo-tab-btn.active{background:#fff;color:#0c66e4;box-shadow:0 2px 6px #091e4214}.todo-search-wrapper{position:relative;min-width:280px;flex:1;max-width:420px}.todo-search-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text3)}.todo-search-input{width:100%;padding:8px 34px 8px 36px;font-size:13.5px;border:1px solid var(--border);border-radius:8px;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.todo-search-input:focus{border-color:#0c66e4;box-shadow:0 0 0 3px #0c66e426}.search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text3);cursor:pointer;padding:2px}.todo-items-grid{display:flex;flex-direction:column;gap:20px}.todo-date-group{display:flex;flex-direction:column;gap:8px}.todo-date-group-heading{display:flex;align-items:center;justify-content:space-between;color:var(--text2);font-size:13px;font-weight:700;padding:0 2px}.todo-date-group-heading>span:first-child{display:inline-flex;align-items:center;gap:6px}.todo-date-group-count{min-width:20px;padding:2px 7px;border-radius:10px;background:var(--surface3);color:var(--text3);font-size:11px;text-align:center}.todo-date-group-toggle{border:0;border-radius:6px;padding:3px 7px;background:var(--surface3);color:var(--accent2);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.todo-date-group-toggle:hover{background:var(--accent-glow)}.todo-date-group-items{display:flex;flex-direction:column;gap:12px}.todo-card-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius2);padding:16px 20px;display:flex;align-items:flex-start;gap:16px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #091e4205}.todo-card-item:hover{border-color:#b3d4ff;box-shadow:0 6px 18px #091e420f}.todo-card-item.is-completed{background:#f8fafc;border-color:#e2e8f0}.todo-card-item.is-overdue{border-left:4px solid #c9372c}.todo-checkbox-btn{background:transparent;border:none;padding:0;cursor:pointer;margin-top:2px;color:#8993a4;transition:transform .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center}.todo-checkbox-btn:hover:not(.disabled){transform:scale(1.15);color:#0c66e4}.todo-checkbox-btn.checked{color:#1f845a}.todo-checkbox-btn.disabled{cursor:not-allowed;opacity:.5}.todo-content-body{flex:1;display:flex;flex-direction:column;gap:6px}.todo-row-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.todo-item-title{font-size:15px;font-weight:600;color:var(--text);margin:0;line-height:1.35;transition:color .2s ease,text-decoration .2s ease}.todo-item-title.completed-text{text-decoration:line-through;color:#6b778c}.todo-item-desc{font-size:13.5px;color:var(--text2);margin:0;line-height:1.45;white-space:pre-wrap}.todo-item-desc.completed-desc{color:#8993a4}.todo-chips-group{display:flex;align-items:center;gap:6px}.todo-status-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:12px}.chip-completed{background:#1f845a1f;color:#1f845a}.chip-pending{background:#b386001f;color:#b38600}.chip-overdue{background:#c9372c1f;color:#c9372c}.chip-due-today{background:#0c66e41f;color:#0c66e4}.todo-card-footer{display:flex;align-items:center;gap:18px;margin-top:6px;padding-top:8px;border-top:1px dashed #e8ecef;flex-wrap:wrap;font-size:12.5px;color:var(--text3)}.todo-meta-item{display:flex;align-items:center;gap:6px}.assignee-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.assignee-avatar-placeholder{width:20px;height:20px;border-radius:50%;background:#0c66e4;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.assignee-name{font-weight:600;color:var(--text2)}.you-pill{margin-left:5px;background:#0c66e41f;color:#0c66e4;font-size:10px;padding:1px 5px;border-radius:4px;font-weight:700}.todo-action-buttons{margin-left:auto;display:flex;align-items:center;gap:6px}.todo-action-btn{border:none;background:#f4f6fb;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text2);cursor:pointer;transition:all .15s ease}.todo-action-btn.edit:hover{background:#ebf5ff;color:#0c66e4}.todo-action-btn.delete:hover{background:#ffebe6;color:#c9372c}.todo-loading-state,.todo-empty-state{background:#fff;border:1px dashed var(--border);border-radius:var(--radius2);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text3)}.empty-icon{width:72px;height:72px;border-radius:50%;background:#f4f6fb;color:var(--text3);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.todo-empty-state h3{font-size:17px;color:var(--text);margin-bottom:6px}.todo-empty-state p{font-size:13.5px;max-width:400px;line-height:1.45}.superadmin-creation-footer-note{margin-top:16px;background:#f4f8ff;border:1px solid #d0e2ff;padding:10px 14px;border-radius:8px;font-size:12px;color:#0c66e4;display:flex;align-items:center;gap:8px}.todo-modal form{display:flex;flex:1;flex-direction:column;min-height:0}.todo-modal .modal-body{overflow-y:auto}@media (max-width: 768px){.todo-page-container{padding:10px 12px 24px!important;overflow-x:hidden!important;width:100%!important;box-sizing:border-box!important}.todo-top-actions{flex-direction:column!important;align-items:stretch!important}.todo-top-actions .todo-search-wrapper,.todo-top-actions .btn-add-todo{width:100%!important;max-width:none!important}.modal-overlay .todo-modal{max-height:92dvh!important}.todo-modal .modal-body{padding:14px!important}.todo-modal .project-suggest-dropdown{max-height:200px;overflow-y:auto}.todo-modal .superadmin-creation-footer-note{align-items:flex-start;font-size:11px;line-height:1.4}.todo-header-banner{padding:14px 12px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:16px!important;width:100%!important;box-sizing:border-box!important}.todo-header-left{gap:10px!important;align-items:flex-start!important}.todo-icon-badge{width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px!important}.todo-title-wrap{flex-wrap:wrap!important;gap:6px!important}.todo-title-wrap h2{font-size:17px!important;line-height:1.3!important}.todo-subtitle{font-size:11.5px!important}.todo-header-right{width:100%!important}.btn-add-todo{width:100%!important;justify-content:center!important;padding:10px 14px!important;font-size:13.5px!important}.superadmin-notice-pill{width:100%!important;box-sizing:border-box!important;justify-content:center!important;font-size:11.5px!important;padding:8px 10px!important}.todo-stats-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin-bottom:12px!important;width:100%!important;box-sizing:border-box!important}.todo-stat-card{padding:6px 4px!important;gap:3px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;justify-content:center!important;min-width:0!important;width:auto!important;border-radius:8px!important;box-sizing:border-box!important}.stat-icon{width:26px!important;height:26px!important;min-width:26px!important;border-radius:6px!important}.stat-icon svg{width:13px!important;height:13px!important}.stat-info,.stat-content{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important;width:100%!important}.todo-stats-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))!important}.stat-value{font-size:13px!important;line-height:1.2!important;font-weight:700!important}.stat-label{font-size:9.5px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.todo-controls-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:14px!important}.todo-tabs-group{width:100%!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;padding:5px!important;background:#f4f6fb!important;border-radius:10px!important;box-sizing:border-box!important;overflow:visible!important;white-space:normal!important}.todo-tab-btn{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:8px 4px!important;font-size:11.5px!important;font-weight:600!important;border-radius:6px!important;box-sizing:border-box!important;white-space:nowrap!important}.todo-tab-btn:last-child:nth-child(odd){grid-column:span 2!important}.todo-search-wrapper{min-width:100%!important;max-width:100%!important;width:100%!important}.todo-search-input{font-size:13px!important;padding:9px 30px 9px 34px!important;width:100%!important;box-sizing:border-box!important}.todo-card-item{padding:12px!important;gap:10px!important}.todo-content-wrap{min-width:0!important;width:100%!important}.todo-row-top{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.todo-item-title{font-size:14px!important;word-break:break-word!important;line-height:1.35!important}.todo-item-desc{font-size:12px!important;margin-top:4px!important;word-break:break-word!important}.todo-card-footer{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-top:8px!important;padding-top:8px!important;font-size:11px!important}.todo-meta-item{font-size:11px!important;flex-wrap:wrap!important}.todo-action-buttons{width:100%!important;justify-content:flex-end!important;margin-top:4px!important;padding-top:6px!important;border-top:1px dashed var(--border)!important}.todo-action-btn{width:32px!important;height:32px!important}}