.app-dialog-overlay{z-index:2147483600;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));box-sizing:border-box;background:var(--app-overlay,#0f172a8c);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.28s forwards app-dialog-overlay-in;place-content:center!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;display:grid!important;position:fixed!important;inset:0!important}.app-dialog-overlay.is-leaving{animation:.22s forwards app-dialog-overlay-out}.app-dialog{box-sizing:border-box;text-align:center;transform-origin:50%;background:#fff;border-radius:16px;width:min(440px,100vw - 32px);max-width:calc(100vw - 32px);padding:28px 28px 24px;animation:.34s cubic-bezier(.22,1,.36,1) forwards app-dialog-in;position:relative;inset:auto;box-shadow:0 24px 60px #0f172a33,0 0 0 1px #0f172a0a;margin:0!important}.app-dialog.is-leaving{animation:.22s forwards app-dialog-out}.app-dialog__icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:26px;animation:.45s cubic-bezier(.22,1,.36,1) 80ms both app-dialog-icon-pop;display:flex}.app-dialog--danger .app-dialog__icon-wrap{color:#dc2626;background:linear-gradient(135deg,#ef444429,#ed20471a);box-shadow:0 0 0 8px #ef444414}.app-dialog--warning .app-dialog__icon-wrap{color:#d97706;background:linear-gradient(135deg,#f59e0b2e,#f262251f);box-shadow:0 0 0 8px #f59e0b14}.app-dialog--success .app-dialog__icon-wrap{color:#059669;background:linear-gradient(135deg,#10b9812e,#0596691a);box-shadow:0 0 0 8px #10b98114}.app-dialog--primary .app-dialog__icon-wrap,.app-dialog--info .app-dialog__icon-wrap{color:#ed2047;background:linear-gradient(135deg,#ed204724,#f262251a);box-shadow:0 0 0 8px #ed204714}.app-dialog__title{color:#1f2937;margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.3}.app-dialog__message{color:#374151;margin:0;font-size:15px;line-height:1.55}.app-dialog__detail{color:#6b7280;margin:10px 0 0;font-size:13px;line-height:1.5}.app-dialog__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.app-dialog__btn{cursor:pointer;border:none;border-radius:10px;min-width:120px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s}.app-dialog__btn:hover{transform:translateY(-1px)}.app-dialog__btn:active{transform:translateY(0)}.app-dialog__btn--cancel{color:#374151;background:#f3f4f6}.app-dialog__btn--cancel:hover{background:#e5e7eb}.app-dialog__btn--confirm{color:#fff}.app-dialog--danger .app-dialog__btn--confirm{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 20px #ef444447}.app-dialog--warning .app-dialog__btn--confirm{background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 8px 20px #f59e0b47}.app-dialog--success .app-dialog__btn--confirm,.app-dialog--primary .app-dialog__btn--confirm,.app-dialog--info .app-dialog__btn--confirm{background:linear-gradient(135deg,#ed2047,#f26225);box-shadow:0 8px 20px #ed204747}.app-dialog--success .app-dialog__actions--single .app-dialog__btn--confirm{min-width:140px}.app-dialog--auto-close{padding-bottom:20px}.app-dialog-overlay--auto{pointer-events:none}.app-dialog-overlay--instant{animation-duration:.1s}.app-dialog-overlay--auto .app-dialog{pointer-events:auto}.app-dialog--instant{animation-duration:.12s}.app-dialog--instant .app-dialog__icon-wrap{animation-duration:.15s;animation-delay:0s}.app-dialog__auto-bar{background:#0f172a14;border-radius:999px;height:3px;margin-top:20px;overflow:hidden}.app-dialog__auto-bar-fill{border-radius:inherit;transform-origin:0;width:100%;height:100%;animation:app-dialog-auto-shrink var(--app-dialog-auto-ms,1.5s) linear forwards;background:linear-gradient(90deg,#ed2047,#f26225);display:block}.app-dialog--success .app-dialog__auto-bar-fill{background:linear-gradient(90deg,#10b981,#059669)}.app-dialog--primary .app-dialog__auto-bar-fill{background:linear-gradient(90deg,#ed2047,#f26225)}@keyframes app-dialog-auto-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes app-dialog-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes app-dialog-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes app-dialog-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes app-dialog-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes app-dialog-icon-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .app-dialog-overlay{background:var(--app-overlay,#0f172ab8)}[data-theme=dark] .app-dialog{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 24px 60px #00000080}[data-theme=dark] .app-dialog__title,[data-theme=dark] .app-dialog__message{color:var(--app-text)}[data-theme=dark] .app-dialog__detail{color:var(--app-text-muted)}[data-theme=dark] .app-dialog__btn--cancel{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .app-dialog__btn--cancel:hover{background:var(--app-border)}[data-theme=dark] .app-dialog__auto-bar{background:#ffffff14}@media (width<=768px){.app-dialog-overlay{padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px))}.app-dialog{border-radius:16px;width:min(440px,100vw - 24px);max-width:calc(100vw - 24px);padding:24px 20px 20px}.app-dialog__actions{flex-direction:column-reverse}.app-dialog__btn{width:100%;min-width:0}}.auth-layout{background-color:#f9f9f9}[data-theme=dark] .auth-layout{background-color:var(--app-bg)}.app-logo-flip--animated{contain:layout style paint;display:block;position:relative;overflow:hidden}.app-logo-flip__viewport{width:100%;overflow:hidden}.app-logo-flip__track{will-change:transform;backface-visibility:hidden;flex-direction:column;width:100%;display:flex;transform:translate(0,0)}.app-logo-flip--motion .app-logo-flip__track{transition:transform .9s cubic-bezier(.25,.8,.25,1)}.app-logo-flip__track[data-logo-theme=light]{transform:translate(0,0)}.app-logo-flip__track[data-logo-theme=dark]{transform:translateY(-50%)}.app-logo-flip__slide{backface-visibility:hidden;flex:none;align-items:center;width:100%;display:flex}.app-logo-flip__img{width:100%;height:auto;display:block}.bug-hidden-input,.ticket-status-hidden-input{display:none}.bug-file-list,.ticket-status-file-list{margin:.75rem 0 0;padding:0;list-style:none}.bug-file-item{border:1px solid var(--app-border);background:var(--app-surface-muted);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem .75rem;display:flex}.bug-file-name{color:var(--app-text);font-size:13px}.raise-ticket-form{flex-direction:column;height:100%;min-height:0;display:flex}.raise-ticket-form-header.ticket-modal-header{border-bottom:1px solid var(--app-border);background:linear-gradient(135deg,#ed204705,#f2622505);flex:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:relative}.raise-ticket-form .ticket-header{color:var(--app-text);margin:0;font-size:18px;font-weight:700}.raise-ticket-form-fields{flex-direction:column;flex:auto;gap:16px;min-height:0;padding:20px 24px;display:flex;overflow:hidden auto}.raise-ticket-form-fields::-webkit-scrollbar{width:8px}.raise-ticket-form-fields::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:4px}.raise-ticket-form-fields::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.raise-ticket-form-fields::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.raise-ticket-form label{color:var(--app-text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.raise-ticket-form .required{color:#ef4444}.raise-ticket-form select,.raise-ticket-form input[type=text]{border:2px solid var(--app-border);width:100%;color:var(--app-text);background:var(--app-input-bg);box-sizing:border-box;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.raise-ticket-form select:focus,.raise-ticket-form input[type=text]:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.raise-ticket-form textarea{resize:vertical;border:2px solid var(--app-border,#e5e7eb);width:100%;height:200px;min-height:160px;color:var(--app-text);background:var(--app-input-bg,var(--app-surface-muted,#fff));box-sizing:border-box;border-radius:10px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.raise-ticket-form textarea:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.ticket-anonymous-label{cursor:pointer;color:var(--app-text);align-items:center;gap:8px;margin-bottom:0!important;font-weight:500!important;display:flex!important}.ticket-anonymous-label input{accent-color:#ed2047;width:auto;margin:0}.ticket-anonymous-notice{border-left:4px solid var(--app-warning-border);background:var(--app-warning-bg);color:var(--app-warning-text);border-radius:8px;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:none}.ticket-anonymous-notice.show{display:block}.ticket-anonymous-notice i{color:var(--app-warning-border);margin-right:6px}.ticket-header-row{flex:1;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.ticket-info-btn{cursor:pointer;color:var(--app-text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:18px;line-height:1;transition:color .2s,background .2s;display:inline-flex}.ticket-info-btn:hover,.ticket-info-btn[aria-expanded=true]{color:#ed2047;background:#ed204714}.ticket-info-panel{z-index:20;background:var(--app-surface);border:1px solid var(--app-border);width:min(340px,100vw - 48px);box-shadow:0 12px 28px var(--app-shadow);color:var(--app-text-muted);border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.55;display:none;position:absolute;top:calc(100% + 8px);left:0}.ticket-info-panel.show{display:block}.ticket-info-panel:before{content:"";background:var(--app-surface);border-left:1px solid var(--app-border);border-top:1px solid var(--app-border);width:10px;height:10px;position:absolute;top:-6px;left:14px;transform:rotate(45deg)}.ticket-info-intro,.ticket-info-heading{color:var(--app-text);margin:0 0 10px;font-weight:600}.ticket-info-heading{margin-bottom:6px}.ticket-info-panel ul{margin:0;padding-left:18px}.ticket-info-panel li{margin-bottom:6px}.ticket-info-panel li:last-child{margin-bottom:0}.ticket-info-panel strong{color:var(--app-text)}.ticket-modal-close:hover{background:var(--app-danger-soft);color:#ef4444}.ticket-modal-close:active{transform:scale(.95)}.ticket-custom-select.is-placeholder .ticket-selected-option{color:var(--app-text-muted)}.ticket-issue-type-dropdown .ticket-dropdown-option{gap:10px}.ticket-issue-type-dropdown .ticket-dropdown-option-label{overflow-wrap:anywhere;word-break:break-word;flex:1;min-width:0}.ticket-custom-select{border:2px solid var(--app-border);background:var(--app-input-bg);cursor:pointer;width:100%;min-height:44px;box-shadow:0 2px 4px var(--app-shadow);color:var(--app-text);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.ticket-custom-select:hover{border-color:#ed2047;box-shadow:0 4px 12px #ed20471a}.ticket-selected-option{flex:1;align-items:center;gap:10px;display:flex}.ticket-selected-option img{object-fit:cover;border:2px solid #ed2047;border-radius:50%;width:30px;height:30px;box-shadow:0 2px 8px #ed204726}.ticket-user-icon{color:#ed2047;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px}.ticket-dropdown-arrow{color:var(--app-text-muted);transition:transform .2s}.ticket-custom-select.active .ticket-dropdown-arrow{transform:rotate(180deg)}.ticket-custom-dropdown{background:var(--app-surface);border:1px solid var(--app-border);width:max-content;min-width:100%;box-shadow:0 12px 32px var(--app-shadow);z-index:1000;border-radius:10px;max-height:280px;margin-top:5px;padding:4px;display:none;position:absolute;top:100%;left:0;right:auto;overflow-y:auto}.ticket-custom-dropdown.open{display:block}.ticket-custom-dropdown.ticket-dropdown-fixed{box-sizing:border-box;width:auto;min-width:0;max-width:none;margin-top:0;right:auto}.ticket-custom-dropdown::-webkit-scrollbar{width:8px}.ticket-custom-dropdown::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:4px}.ticket-custom-dropdown::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.ticket-dropdown-option{cursor:pointer;width:100%;color:var(--app-text);text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 6px;font-family:inherit;font-size:14px;transition:background .2s;display:flex}.ticket-dropdown-empty{color:var(--app-text-muted);text-align:center;padding:12px 10px;font-size:13px}.ticket-dropdown-option:hover{background:linear-gradient(135deg,#ed20470d,#f262250d)}.ticket-dropdown-option img{object-fit:cover;border:2px solid var(--app-border);border-radius:50%;width:30px;height:30px;box-shadow:0 2px 8px #ed204726}.ticket-dropdown-option-label{flex:1}.ticket-dropdown-option-check{color:#10b981;opacity:0;margin-left:auto;transition:opacity .15s}.ticket-dropdown-option.selected .ticket-dropdown-option-check{opacity:1}.ticket-selected-tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.ticket-selected-tag{background:var(--app-surface-muted);color:var(--app-text);border:1px solid var(--app-border);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.ticket-selected-tag-remove{color:var(--app-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.ticket-selected-tag-remove:hover{color:#ef4444}.ticket-dropzone{border:1px dashed var(--app-border);background:var(--app-surface-muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;transition:border-color .2s,background-color .2s;display:flex}.ticket-dropzone.dragover{background:#ed20470d;border-color:#ed2047}.ticket-dropzone-message{color:var(--app-text-muted);text-align:center;font-size:14px}.ticket-dropzone-message strong{color:var(--app-text)}.ticket-browse-btn{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);cursor:pointer;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.ticket-browse-btn:hover{background:var(--app-surface-muted);border-color:var(--app-border)}.ticket-dropzone-hint{color:var(--app-text-muted);text-align:center;font-size:12px}.ticket-hidden-input{display:none}.ticket-file-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.ticket-file-item{border:1px solid var(--app-border);background:var(--app-surface);border-radius:6px;justify-content:flex-start;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.ticket-file-item.pending-upload{background:#ed20470d;border-style:dashed;border-color:#ed2047}.ticket-file-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ticket-file-name{color:var(--app-text);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.ticket-file-info{color:var(--app-text-muted);font-size:12px}.ticket-file-preview-wrapper{flex:none;width:100%;max-width:260px}.ticket-file-preview{object-fit:contain;background:#000;border-radius:6px;width:100%;max-height:200px}.ticket-file-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.ticket-file-link-btn{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);cursor:pointer;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:12px;text-decoration:none;transition:all .2s}.ticket-file-link-btn:hover{background:var(--app-surface-muted);border-color:var(--app-border)}.ticket-file-link-btn.danger{color:#ef4444;border-color:#ef4444}.ticket-file-link-btn.danger:hover{background:var(--app-danger-soft-hover);border-color:#dc2626}.ticket-file-empty{color:var(--app-text-muted);border:1px dashed var(--app-border);text-align:center;border-radius:6px;padding:10px 12px;font-size:13px}.raise-ticket-form-actions,.raise-ticket-form-actions.actions{border-top:1px solid var(--app-border);background:var(--app-surface-muted);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.ticket-upload-progress{flex-direction:column;flex:100%;gap:6px;margin-bottom:4px;display:flex}.ticket-upload-progress-meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ticket-upload-progress-label{color:var(--app-text);font-size:13px;font-weight:600}.ticket-upload-percent{color:#ed2047;flex-shrink:0;font-size:13px;font-weight:700}.ticket-upload-progress-track{background:#ed204724;border-radius:999px;height:10px;overflow:hidden}.ticket-upload-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#ed2047,#f26225);width:0;height:100%;transition:width .2s}.ticket-upload-progress-fill.is-saving{background:linear-gradient(90deg,#ed2047,#f59e0b)}.ticket-upload-progress-eta{color:var(--app-text-muted);font-size:12px}.ticket-dropzone.is-disabled{opacity:.65;pointer-events:none}[data-theme=dark] .ticket-upload-progress-track{background:#ed20473d}.raise-ticket-form .btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.raise-ticket-form .btn.secondary{background:var(--app-surface-muted);color:var(--app-text);border:1px solid var(--app-border)}.raise-ticket-form .btn.secondary:hover{background:var(--app-surface-hover,var(--app-border))}.raise-ticket-form .btn.primary{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);box-shadow:0 4px 10px #ed204740}.raise-ticket-form .btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px #ed204759}.raise-ticket-form .btn.primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #ed204740}.raise-ticket-form .btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=768px){.ticket-file-item{flex-direction:column}}[data-theme=dark] .raise-ticket-form-header.ticket-modal-header{background:linear-gradient(135deg,#ed204714,#f262250f)}[data-theme=dark] .raise-ticket-form select option{background:var(--app-surface);color:var(--app-text)}.ticket-overlay{background:var(--app-overlay);-webkit-backdrop-filter:blur(2px);z-index:20040;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.ticket-modal.raise-ticket-ui{background:var(--app-surface);width:50%;max-width:95%;max-height:80vh;box-shadow:0 20px 40px var(--app-shadow);border:1px solid var(--app-border);color:var(--app-text);border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}@media (width<=768px){.ticket-modal.raise-ticket-ui{width:95%}}.notification-settings-modal{-webkit-backdrop-filter:blur(2px);z-index:10001;box-sizing:border-box;background:#00000080;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.notification-settings-modal.is-open{display:flex}.notification-settings-modal .modal-content{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:560px;max-height:90vh;padding:24px;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.notification-settings-modal .modal-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.notification-settings-modal .modal-title{color:#1f2937;font-size:18px;font-weight:600}.notification-settings-modal .close-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex}.notification-settings-modal .close-btn:hover{color:#1f2937;background:#e5e7eb}.notification-settings-modal .modal-body{flex:1;min-height:0;margin-bottom:16px;overflow-y:auto}.notification-settings-modal .notification-settings-intro{color:#6b7280;margin-bottom:20px;font-size:14px;line-height:1.5}.notification-settings-modal .notification-settings-list{flex-direction:column;gap:12px;display:flex}.notification-settings-modal .notification-settings-list.disabled-by-all .notification-row{opacity:.6;pointer-events:none}.notification-settings-modal .notification-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px}.notification-settings-modal .notification-row-sub{background:#f3f4f6;border-color:#e5e7eb;margin-left:20px}.notification-settings-modal .notification-row.disabled,.notification-settings-modal .notification-row.sub-disabled-by-parent{opacity:.6;pointer-events:none}.notification-settings-modal .notification-row-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.notification-settings-modal .notification-label{color:#374151;flex:1;font-size:14px;font-weight:500}.notification-settings-modal .notification-channels{gap:20px;padding-left:44px;display:flex}.notification-settings-modal .channel-check{color:#6b7280;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.notification-settings-modal .channel-check input{margin:0}.notification-settings-modal .form-actions{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.notification-settings-modal .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.notification-settings-modal .btn-secondary{color:#374151;background:#f3f4f6}.notification-settings-modal .btn-secondary:hover{background:#e5e7eb}.notification-settings-modal .btn-primary{color:#fff;background:#ed2047}.notification-settings-modal .btn-primary:hover{background:#d91d40}.notification-settings-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.notification-settings-modal .switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.notification-settings-modal .switch input{opacity:0;width:0;height:0}.notification-settings-modal .switch .slider{cursor:pointer;background-color:#d1d5db;border-radius:24px;transition:all .25s;position:absolute;inset:0}.notification-settings-modal .switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.notification-settings-modal .switch input:checked+.slider{background-color:#ed2047}.notification-settings-modal .switch input:checked+.slider:before{transform:translate(20px)}[data-theme=dark] .notification-settings-modal .modal-content{background:var(--app-surface);box-shadow:0 24px 60px #00000080}[data-theme=dark] .notification-settings-modal .modal-title{color:var(--app-text)}[data-theme=dark] .notification-settings-modal .close-btn{background:var(--app-surface-muted);color:var(--app-text-muted)}[data-theme=dark] .notification-settings-modal .close-btn:hover{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .notification-settings-modal .notification-settings-intro{color:var(--app-text-muted)}[data-theme=dark] .notification-settings-modal .notification-row{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .notification-settings-modal .notification-row-sub{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .notification-settings-modal .notification-label{color:var(--app-text)}[data-theme=dark] .notification-settings-modal .channel-check{color:var(--app-text-muted)}[data-theme=dark] .notification-settings-modal .form-actions{border-top-color:var(--app-border)}[data-theme=dark] .notification-settings-modal .btn-secondary{background:var(--app-surface-muted);color:var(--app-text)}[data-theme=dark] .notification-settings-modal .btn-secondary:hover{background:var(--app-surface-hover)}[data-theme=dark] .notification-settings-modal .btn-primary{background:linear-gradient(135deg, var(--primary-color,#ed2047), var(--primary-dark,#f26225));color:#fff}[data-theme=dark] .notification-settings-modal .btn-primary:hover{background:linear-gradient(135deg, var(--primary-color,#ed2047), var(--primary-dark,#f26225))}[data-theme=dark] .notification-settings-modal .switch .slider{background-color:var(--app-border)}[data-theme=dark] .notification-settings-modal .switch .slider:before{background-color:var(--app-text)}[data-theme=dark] .notification-settings-modal .switch input:checked+.slider{background-color:var(--primary-color,#ed2047)}[data-theme=dark] .notification-settings-modal .switch input:checked+.slider:before{background-color:#fff}[data-theme=dark] .notification-settings-modal .modal-body{scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track)}@media (width<=768px){.notification-settings-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:center}.notification-settings-modal .modal-content{width:100%;max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));border-radius:12px;padding:16px}.notification-settings-modal .notification-row{flex-direction:column;align-items:flex-start;gap:8px}}.docs-notif-drawer-overlay{z-index:29990;opacity:0;pointer-events:none;background:#0f172a73;transition:opacity .25s;position:fixed;inset:0}.docs-notif-drawer-overlay.show{opacity:1;pointer-events:auto}.docs-notif-drawer{background:var(--app-surface,#fff);border-left:1px solid var(--app-border-soft,#e5e7eb);z-index:29995;will-change:transform;flex-direction:column;width:min(440px,96vw);height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000040}.docs-notif-drawer.show{transform:translate(0)}.docs-notif-drawer-header{border-bottom:1px solid var(--app-border-soft,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 16px;display:flex}.docs-notif-drawer-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.docs-notif-mark-all-btn{border:1px solid var(--app-border-soft,#e5e7eb);background:var(--app-surface,#fff);color:var(--app-text,#374151);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.docs-notif-mark-all-btn:hover:not(:disabled){color:#ed2047;border-color:#ed2047}.docs-notif-mark-all-btn:disabled{opacity:.6;cursor:not-allowed}.docs-notif-drawer-title{color:var(--app-text,#111827);font-size:17px;font-weight:700}.docs-notif-drawer-subtitle{color:var(--app-text-muted,#6b7280);margin-top:4px;font-size:12px}.docs-notif-drawer-close{cursor:pointer;color:var(--app-text-muted,#6b7280);text-align:center;background:0 0;border:none;border-radius:8px;flex-shrink:0;width:28px;height:28px;font-size:20px;line-height:28px}.docs-notif-drawer-close:hover{background:var(--app-surface-muted,#f3f4f6);color:var(--app-text,#111827)}.docs-notif-drawer-body{background:var(--app-surface-muted,#fafafa);flex:1;padding:12px;overflow-y:auto}.docs-notif-drawer-empty{text-align:center;color:var(--app-text-muted,#6b7280);padding:24px}.docs-notif-drawer-list{flex-direction:column;gap:10px;display:flex}.docs-notif-drawer-item{background:var(--app-surface,#fff);border:1px solid var(--app-border-soft,#e5e7eb);border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.docs-notif-drawer-item--button{text-align:left;cursor:pointer;width:100%;font:inherit;transition:border-color .15s,box-shadow .15s}.docs-notif-drawer-item--button:hover{border-color:#ed204759;box-shadow:0 2px 8px #0f172a0f}.docs-notif-drawer-item.is-unread{background:#fff7f8;border-color:#ed204747}.docs-notif-type-chip{letter-spacing:.02em;text-transform:uppercase;color:#ed2047;margin-bottom:2px;font-size:10px;font-weight:700;display:inline-block}.docs-notif-time{color:var(--app-text-muted,#9ca3af);margin-top:4px;font-size:11px;display:block}.docs-notif-unread-dot{background:#ed2047;border-radius:50%;flex-shrink:0;width:8px;height:8px}.docs-notif-drawer-item-icon{color:#dc2626;background:#dc26261a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.docs-notif-drawer-item-info{flex:1;min-width:0}.docs-notif-drawer-item-info h4{color:var(--app-text,#111827);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.docs-notif-drawer-item-info p{color:var(--app-text-muted,#6b7280);margin:0;font-size:12px;line-height:1.35}.docs-notif-drawer-view-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.docs-notif-drawer-view-btn:hover{background:#b91c1c}.docs-notif-drawer-footer{border-top:1px solid var(--app-border-soft,#e5e7eb);flex-shrink:0;padding:12px 16px}.docs-notif-drawer-all-btn{background:var(--app-surface-muted,#f3f4f6);width:100%;color:var(--app-text,#111827);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.docs-notif-drawer-all-btn:hover{background:#e5e7eb}[data-theme=dark] .docs-notif-drawer{background:#1f2937;border-left-color:#374151}[data-theme=dark] .docs-notif-drawer-header,[data-theme=dark] .docs-notif-drawer-footer{border-color:#374151}[data-theme=dark] .docs-notif-drawer-title{color:#f9fafb}[data-theme=dark] .docs-notif-drawer-subtitle,[data-theme=dark] .docs-notif-drawer-empty,[data-theme=dark] .docs-notif-drawer-close{color:#9ca3af}[data-theme=dark] .docs-notif-drawer-close:hover{color:#f9fafb;background:#374151}[data-theme=dark] .docs-notif-drawer-body{background:#111827}[data-theme=dark] .docs-notif-drawer-item{background:#1f2937;border-color:#374151}[data-theme=dark] .docs-notif-drawer-item-info h4{color:#f9fafb}[data-theme=dark] .docs-notif-drawer-item-info p{color:#9ca3af}[data-theme=dark] .docs-notif-drawer-all-btn{color:#f9fafb;background:#374151}[data-theme=dark] .docs-notif-drawer-all-btn:hover{background:#4b5563}:root{--sidebar-slide:.3s cubic-bezier(.4, 0, .2, 1)}.mobile-header{height:calc(60px + env(safe-area-inset-top,0px));z-index:1001;min-height:60px;padding:0 20px;padding-top:env(safe-area-inset-top,0px);background:#fff;justify-content:space-between;align-items:center;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000001a}.mobile-logo{align-items:center;gap:8px;display:flex}.mobile-logo-img,.app-logo-flip.mobile-logo-img{width:auto;max-width:160px;display:block}.app-logo-flip.mobile-logo-img .app-logo-flip__viewport,.app-logo-flip.mobile-logo-img .app-logo-flip__slide{height:36px}.app-logo-flip.mobile-logo-img .app-logo-flip__track{height:72px}.app-logo-flip.mobile-logo-img .app-logo-flip__img{object-fit:contain;width:auto;max-width:160px;height:36px}.mobile-slide-menu-logo{max-width:180px}.app-logo-flip.mobile-slide-menu-logo .app-logo-flip__viewport,.app-logo-flip.mobile-slide-menu-logo .app-logo-flip__slide{height:40px}.app-logo-flip.mobile-slide-menu-logo .app-logo-flip__track{height:80px}.app-logo-flip.mobile-slide-menu-logo .app-logo-flip__img{object-fit:contain;width:auto;max-width:180px;height:40px}.mobile-actions{align-items:center;gap:15px;display:flex}.mobile-search-btn,.mobile-menu-btn{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:20px;transition:all .3s}.mobile-search-btn:hover,.mobile-menu-btn:hover{color:#ed2047;background:#ed20471a}.mobile-bottom-nav{height:calc(70px + env(safe-area-inset-bottom,0px));z-index:1001;min-height:60px;max-height:80px;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));background:#fff;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}.mobile-nav-items{align-items:center;width:100%;height:100%;display:flex}.mobile-nav-item{cursor:pointer;color:#666;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:8px 4px;text-decoration:none;transition:all .3s;display:flex}.mobile-nav-item.active{color:#ed2047}.mobile-nav-item i{font-size:20px}.mobile-nav-item span{font-size:11px;font-weight:500}.mobile-nav-item:hover{color:#ed2047;background:#ed20470d}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:240px;height:100vh;transition:width var(--sidebar-slide);z-index:2;background:#fffffff2;border-right:1px solid #fff3;flex-direction:column;display:flex;position:relative;overflow:visible;box-shadow:0 10px 30px #0000000d}.sidebar.collapsed{width:100px}.sidebar.floating-menu-open{z-index:1002}body.iframe-modal-active .sidebar{pointer-events:none;-webkit-backdrop-filter:none}.sidebar-content{flex-direction:column;height:100%;display:flex;position:relative;overflow:visible}.sidebar-header{transition:padding var(--sidebar-slide);background:linear-gradient(135deg,#ed204705,#f2622505);border-bottom:1px solid #ed20471a;flex-shrink:0;justify-content:center;align-items:center;min-height:60px;padding:10px 20px;display:flex;position:relative;overflow:hidden}.sidebar.collapsed .sidebar-header{padding:10px}.logo,.app-logo-flip.logo{filter:drop-shadow(0 2px 4px #0000001a);width:180px;height:auto;transition:filter .2s ease, transform var(--sidebar-slide);z-index:1;margin-bottom:0;position:relative;transform:translate(0)}.logo-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:60px;height:60px;transition:transform var(--sidebar-slide);z-index:2;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translate(160px)}.sidebar.collapsed .logo,.sidebar.collapsed .app-logo-flip.logo{pointer-events:none;transform:translate(-220px)}.sidebar.collapsed .logo-icon{pointer-events:auto;transform:translate(-50%,-50%)translate(0)}.logo:hover,.app-logo-flip.logo:hover{filter:drop-shadow(0 4px 8px #00000026)}.sidebar:not(.collapsed) .logo:hover,.sidebar:not(.collapsed) .app-logo-flip.logo:hover{transform:translate(0)scale(1.02)}.sidebar-nav{transition:padding var(--sidebar-slide);flex:1;padding:20px;overflow:hidden auto}.sidebar.collapsed .sidebar-nav{padding:20px 10px}.sidebar .top{background:0 0;flex:0;padding:0}.sidebar .bottom{transition:padding var(--sidebar-slide), justify-content var(--sidebar-slide);background:linear-gradient(135deg,#ed204705,#f2622505);border-top:1px solid #ed20471a;flex-shrink:0;padding:20px;position:relative;overflow:visible}.nav-item{color:#333;min-height:44px;transition:padding var(--sidebar-slide), border-radius var(--sidebar-slide), justify-content var(--sidebar-slide);box-sizing:border-box;border:1px solid #0000;border-radius:12px;justify-content:flex-start;align-items:center;max-width:100%;margin-bottom:8px;padding:14px 10px;font-size:15px;font-weight:500;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000000d}.sidebar.collapsed .nav-item{border-radius:100px;justify-content:center;padding:15px 25px;overflow:hidden}.sidebar.collapsed .nav-item[style*="display: flex"]{justify-content:center;display:flex!important}.sidebar.collapsed .nav-item[style*="display: none"]{display:none!important}.nav-item i{text-align:center;width:20px;transition:margin-right var(--sidebar-slide);flex-shrink:0;margin-right:12px;font-size:18px}.nav-item>i:first-of-type{transition:transform var(--sidebar-slide);flex-shrink:0;margin-right:12px}.sidebar.collapsed .nav-item i,.sidebar.collapsed .nav-item>i:first-of-type{margin-right:0}.nav-text{white-space:nowrap;text-overflow:ellipsis;opacity:1;min-width:0;max-width:100%;transition:opacity var(--sidebar-slide), transform var(--sidebar-slide), max-width var(--sidebar-slide);flex:1;overflow:hidden;transform:translate(0)}.sidebar.collapsed .nav-text{opacity:0;pointer-events:none;max-width:0;transform:translate(-10px)}.bottom .nav-text{flex:0 auto}.nav-item.active{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border-color:#fff3;transform:none;box-shadow:0 4px 12px #ed20474d}.nav-item.active i,.sidebar.collapsed .nav-item.active i{transform:scale(1.1)}.nav-item:hover:not(.active){color:#ed2047;background:linear-gradient(135deg,#ed20470d,#f262250d);border-color:#ed204733;transform:none;box-shadow:0 4px 12px #ed20471a}.nav-item:hover:not(.active) i{color:#ed2047;transform:scale(1.05)}.sidebar.collapsed .nav-item:hover:not(.active) i{transform:scale(1.05)}.bottom{text-align:center;color:#333;cursor:pointer;transition:padding var(--sidebar-slide), justify-content var(--sidebar-slide);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:12px 16px;font-size:16px;font-weight:500;display:flex;position:relative}.sidebar.collapsed .bottom{justify-content:center;padding:20px 10px;overflow:visible}.bottom:hover{color:#ed2047;background:linear-gradient(135deg,#ed20470d,#f262250d);border-color:#ed204733;transform:translateY(-1px);box-shadow:0 4px 12px #ed20471a}.bottom i{transition:margin-right var(--sidebar-slide);flex-shrink:0;margin-right:8px}.bottom:hover i{color:#ed2047;transform:scale(1.1)}.floating-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1002;box-sizing:border-box;background:#fffffff2;border:1px solid #ed20471a;border-radius:12px;width:max-content;max-width:none;padding:8px;display:none;position:absolute;bottom:calc(100% + 8px);left:8px;right:auto;overflow:visible;transform:none;box-shadow:0 8px 25px #00000026}.floating-menu.active{animation:.3s slideUp;display:block}.sidebar.collapsed .floating-menu{width:max-content;min-width:248px;max-width:none;left:8px;right:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.floating-menu-item{color:#333;box-sizing:border-box;white-space:nowrap;border-radius:8px;align-items:center;width:max-content;min-width:100%;margin:2px 0;padding:12px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.floating-menu-item span{white-space:nowrap;text-align:left;flex:none;overflow:visible}.floating-menu-item span.theme-switch:not(.theme-switch--neumorphic){flex:none;width:44px;min-width:44px}.floating-menu-item i{text-align:center;flex-shrink:0;width:18px;margin-right:12px;font-size:16px;transition:all .3s}.floating-menu-item:hover{color:#ed2047;background:linear-gradient(135deg,#ed20470d,#f262250d);transform:none;box-shadow:0 2px 8px #ed20471a}.floating-menu-item:hover>i{color:#ed2047;transform:scale(1.1)}.floating-menu-item.is-hidden,.sidebar-collapse-item.is-hidden,.sidebar-expand-item.is-hidden{display:none}.theme-menu-toggle{cursor:pointer;width:calc(100% - 20px);font:inherit;appearance:none;background:0 0;border:none;justify-content:flex-end;align-items:center;margin:8px 10px 6px;padding:0;display:flex}.theme-menu-toggle:hover,.theme-menu-toggle:focus-visible{color:inherit;box-shadow:none;background:0 0;outline:none;transform:none}.theme-menu-toggle--mobile{justify-content:flex-end;width:100%;margin:0;padding:12px 20px 14px}.theme-switch--neumorphic{box-sizing:border-box;border-radius:16px;width:min(168px,100%);margin-left:auto;padding:8px 10px;transition:background .5s,box-shadow .5s;display:block}.theme-switch-track{box-sizing:border-box;border-radius:999px;height:30px;transition:background .5s,box-shadow .5s;display:block;position:relative;overflow:hidden}.theme-switch--neumorphic.is-light .theme-switch-track{background:#e9edf3;box-shadow:inset 3px 3px 7px #a3b1c67a,inset -3px -3px 7px #fffffff2}.theme-switch--neumorphic.is-dark .theme-switch-track{background:#242836;box-shadow:inset 4px 4px 9px #00000094,inset -3px -3px 7px #ffffff0a}.theme-switch-label{letter-spacing:.12em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;z-index:1;align-items:center;font-size:10px;font-weight:700;line-height:1;transition:color .5s,padding .5s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;overflow:hidden}.theme-switch--neumorphic.is-light .theme-switch-label{color:#6f7a8a;justify-content:flex-end;padding-left:34px;padding-right:10px}.theme-switch--neumorphic.is-dark .theme-switch-label{color:#9aa4b8;justify-content:flex-start;padding-left:10px;padding-right:34px}.theme-switch-knob{z-index:2;will-change:left;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;transition:left .5s cubic-bezier(.22,1,.36,1),background .5s,box-shadow .5s;display:inline-flex;position:absolute;top:2.5px;left:3px}.theme-switch--neumorphic.is-light .theme-switch-knob{background:#e9edf3;left:3px;box-shadow:4px 4px 8px #a3b1c685,-3px -3px 7px #fffffff2}.theme-switch--neumorphic.is-dark .theme-switch-knob{background:#0a0c12;left:calc(100% - 28px);overflow:hidden;box-shadow:0 0 0 1px #94a3b859,0 0 10px #94a3b847,4px 4px 9px #00000085,-2px -2px 6px #ffffff0f}.theme-switch-sun-icon,.theme-switch-moon-icon{flex-shrink:0;transition:opacity .35s,transform .35s cubic-bezier(.22,1,.36,1);display:block;position:absolute}.theme-switch-sun-icon{width:17px;height:17px}.theme-switch-moon-icon{object-fit:cover;object-position:center 42%;filter:contrast(1.08)saturate(1.05);border-radius:50%;width:30px;height:30px;box-shadow:0 0 8px #ffffff47}.theme-switch-sun-stroke{stroke:#f0a500;stroke-width:1.55px;stroke-linecap:round}.theme-switch--neumorphic.is-dark .theme-switch-sun-icon{opacity:0;pointer-events:none;transform:scale(.55)rotate(-20deg)}.theme-switch--neumorphic.is-dark .theme-switch-moon-icon{opacity:1;filter:contrast(1.12)saturate(1.08)drop-shadow(0 0 5px #fff6);transform:scale(1.12)rotate(0)}.theme-switch--neumorphic.is-light .theme-switch-moon-icon{opacity:0;pointer-events:none;transform:scale(.55)rotate(20deg)}.theme-switch--neumorphic.is-light .theme-switch-sun-icon{opacity:1;transform:scale(1)rotate(0)}@media (prefers-reduced-motion:reduce){.theme-switch-knob,.theme-switch-label,.theme-switch-sun-icon,.theme-switch-moon-icon,.theme-switch-track,.theme-switch--neumorphic{transition-duration:.01ms!important}}.bug-overlay{z-index:3000;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.bug-overlay.show{display:flex}.bug-success-overlay{z-index:3002;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.bug-success-overlay.show{display:flex}.bug-success-modal{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-width:280px;max-width:90vw;padding:32px 40px;display:flex;box-shadow:0 20px 40px #00000026}.bug-success-message{color:#111827;margin:0;font-size:16px;font-weight:600;line-height:1.5}.bug-success-ok-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:10px;padding:10px 32px;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 4px 10px #ed204740}.bug-success-ok-btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px #ed204759}.bug-detail-overlay{z-index:3001;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.bug-detail-overlay.show{display:flex}.bug-detail-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:70%;max-width:75%;height:85vh;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.bug-detail-header{background:linear-gradient(135deg,#ed204705,#f2622505);border-bottom:1px solid #e5e7eb;flex:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:relative}.bug-detail-title{color:#111827;margin:0;font-size:18px;font-weight:700}.bug-detail-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:16px;right:20px}.bug-detail-close:hover{color:#ef4444;background:#ef44441a}.bug-detail-content{flex:auto;min-height:0;padding:20px 24px;overflow:hidden auto}.bug-detail-content::-webkit-scrollbar{width:8px}.bug-detail-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.bug-detail-content::-webkit-scrollbar-thumb{background:#ed2047;border-radius:4px}.bug-detail-fields-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.bug-detail-field{margin-bottom:20px}.bug-detail-field.full-width{grid-column:1/-1}.bug-detail-field label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.bug-detail-field .value{color:#111827;background:#f9fafb;border-radius:8px;padding:10px;font-size:14px}.bug-detail-field .value.description{white-space:pre-wrap;word-wrap:break-word}.bug-detail-attachments{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:10px;display:grid}.bug-detail-attachment-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s;overflow:hidden}.bug-detail-attachment-item:hover{border-color:#ed2047;transform:translateY(-2px);box-shadow:0 4px 12px #ed204733}.bug-detail-attachment-trigger{cursor:zoom-in;background:0 0;border:none;width:100%;height:100%;padding:0;display:block;position:relative}.bug-detail-attachment-item img,.bug-detail-attachment-item video{object-fit:contain;pointer-events:none;background:#000;width:100%;height:200px;display:block}.bug-detail-attachment-play{color:#fff;pointer-events:none;background:#00000059;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}.attachment-preview-overlay{z-index:3003;background:#000000e0;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.attachment-preview-overlay.show{display:flex}.attachment-preview-close{color:#fff;cursor:pointer;z-index:3004;background:#ffffff1f;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .2s;display:flex;position:fixed;top:20px;right:24px}.attachment-preview-close:hover{background:#ffffff38}.attachment-preview-content{justify-content:center;align-items:center;max-width:min(96vw,1400px);max-height:92vh;display:flex}.attachment-preview-content img,.attachment-preview-content video{object-fit:contain;border-radius:6px;width:auto;max-width:96vw;height:auto;max-height:92vh;box-shadow:0 8px 32px #00000073}.bug-detail-actions{background:#fafafa;border-top:1px solid #e5e7eb;flex:none;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.bug-detail-overlay .status-badge{text-align:center;border-radius:20px;min-width:100px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-block}.bug-detail-overlay .status-pending{color:#212529;background:linear-gradient(135deg,#ffc107,#ff8c00)}.bug-detail-overlay .status-approved{color:#fff;background:linear-gradient(135deg,#28a745,#20c997)}@media (width<=768px){.bug-detail-fields-grid{grid-template-columns:1fr}}.bug-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:50%;max-width:95%;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.bug-modal-header{background:linear-gradient(135deg,#ed204705,#f2622505);border-bottom:1px solid #e5e7eb;flex:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:relative}.bug-modal h3.bug-header{color:#111827;margin:0;font-size:18px;font-weight:700}.bug-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:16px;right:20px}.bug-modal-close:hover{color:#ef4444;background:#ef44441a}.bug-modal-close:active{transform:scale(.95)}.bug-modal-fields{flex-direction:column;flex:auto;gap:16px;min-height:0;padding:20px 24px;display:flex;overflow:hidden auto}.bug-modal-fields::-webkit-scrollbar{width:8px}.bug-modal-fields::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.bug-modal-fields::-webkit-scrollbar-thumb{background:#ed2047;border-radius:4px}.bug-modal-fields::-webkit-scrollbar-thumb:hover{background:#d91a3d}.bug-modal form{flex-direction:column;height:100%;min-height:0;display:flex}.bug-modal textarea{resize:vertical;color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;width:100%;height:140px;min-height:100px;max-height:220px;padding:12px;font-family:inherit;font-size:14px}.bug-modal textarea:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.bug-modal .actions{background:#fafafa;border-top:1px solid #e5e7eb;flex:none;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.bug-modal .btn{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .3s}.bug-modal .btn.secondary{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.bug-modal .btn.secondary:hover{background:#e5e7eb}.bug-modal .btn.primary{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);box-shadow:0 4px 10px #ed204740}.bug-modal .btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 15px #ed204759}.bug-modal label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.bug-dropzone{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;transition:border-color .2s,background-color .2s;display:flex}.bug-dropzone.dragover{background:#ed20470d;border-color:#ed2047}.bug-dropzone-message{color:#374151;text-align:center;font-size:14px}.bug-dropzone-message strong{color:#111827}.bug-browse-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.bug-browse-btn:hover{background:#f3f4f6;border-color:#d1d5db}.bug-dropzone-hint{color:#6b7280;text-align:center;font-size:12px}.bug-file-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.bug-file-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:flex-start;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.bug-file-item.pending-upload{background:#ed20470d;border-style:dashed;border-color:#ed2047}@media (width<=768px),(height<=820px){.bug-modal{width:95%;max-width:100%}.bug-modal textarea{height:218px;min-height:160px;max-height:240px}.bug-modal-fields{gap:12px;padding:14px 16px}.bug-file-item{flex-direction:column}}.bug-file-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bug-file-name{color:#1f2937;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.bug-file-info{color:#6b7280;font-size:12px}.bug-file-preview-wrapper{flex:none;width:100%;max-width:260px}.bug-file-preview{object-fit:contain;background:#000;border-radius:6px;width:100%;max-height:200px}.app-shell{background:#f5f5f5;width:100%;height:100vh;display:flex;position:relative}.main-frame{z-index:1;flex:1;transition:margin-left .3s;display:flex;position:relative;overflow:hidden}.main-frame iframe{border:none;flex:1;width:100%;height:100%;transition:box-shadow .14s,border-radius .14s;overflow:auto;box-shadow:0 20px 40px #0d111814}.shell-frame-pool{flex:1;width:100%;height:100%;min-height:0;display:none;position:relative}.shell-frame-pool.is-active{display:flex}.shell-frame-pool iframe.shell-route-frame{border:none;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:auto;box-shadow:0 20px 40px #0d111814}.shell-frame-pool iframe.shell-route-frame.is-active{display:block}#contentFrame.is-hidden-for-pooled,body.auth-mode .sidebar{display:none!important}body.auth-mode .app-shell{justify-content:center}body.auth-mode .main-frame{padding:0}body.auth-mode .main-frame iframe{box-shadow:none;border-radius:0}@media (width<=768px){body{flex-direction:column;height:100dvh;min-height:-webkit-fill-available;display:flex;overflow:hidden}.mobile-header{flex-shrink:0;order:1;position:relative;inset:auto;display:flex!important}.app-shell{flex-direction:column;flex:1 1 0;order:2;min-height:0;padding:0;overflow:hidden}.main-frame{flex:1 1 0;min-height:0;overflow:hidden}.main-frame iframe{height:100%;min-height:0}.mobile-bottom-nav{flex-shrink:0;order:3;align-items:center;position:relative;inset:auto;display:flex!important}.mobile-nav-items{display:flex!important}body.auth-mode .mobile-header,body.auth-mode .mobile-bottom-nav{display:none!important}.bug-detail-modal{width:95%;max-width:100%}.sidebar,.mobile-content{display:none!important}}.mobile-slide-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1002;background:#fffffffa;border-right:1px solid #ed20471a;width:280px;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px;box-shadow:2px 0 15px #0000001a}.mobile-slide-menu.active{left:0}.mobile-slide-menu-header{background:linear-gradient(135deg,#ed204705,#f2622505);border-bottom:1px solid #ed20471a;padding:20px}.mobile-slide-menu-close{color:#333;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px;font-size:24px;transition:all .3s;position:absolute;top:15px;right:15px}.mobile-slide-menu-close:hover{color:#ed2047;background:#ed20471a}.mobile-slide-menu-content{height:calc(100vh - 80px);padding:20px 0;overflow-y:auto}.mobile-slide-menu-item{color:#333;border-left:3px solid #0000;align-items:center;padding:16px 20px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.mobile-slide-menu-item i{text-align:center;width:20px;margin-right:15px;font-size:18px}.mobile-slide-menu-item:hover{color:#ed2047;background:linear-gradient(135deg,#ed20470d,#f262250d);border-left-color:#ed2047}.mobile-slide-menu-item.active{color:#ed2047;background:linear-gradient(135deg,#ed20471a,#f262251a);border-left-color:#ed2047}.mobile-overlay{-webkit-backdrop-filter:none;z-index:1001;opacity:0;visibility:hidden;background:0 0;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-content{background:#f5f5f5;min-height:100vh;padding-top:60px;padding-bottom:70px;display:none}.shell-main-content{-webkit-overflow-scrolling:touch;background:#f9f9f9;flex:1;width:100%;height:100%;min-height:0;overflow:hidden auto}.shell-main-content--project{overflow:hidden}.shell-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;font-size:1rem;display:flex}.shell-loading i{color:#ed2047;font-size:2rem}.mobile-slide-menu-item,.floating-menu-item{cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit}.mobile-slide-menu-item{width:100%;min-width:max-content}.floating-menu-item{box-sizing:border-box;align-items:center;width:max-content;min-width:100%;display:flex}@media (width<=768px){#root{flex-direction:column;height:100dvh;min-height:-webkit-fill-available;display:flex;overflow:hidden}.sidebar{display:none!important}.shell-main-content{height:100%;min-height:0}}@media (width>=769px){.mobile-header,.mobile-bottom-nav,.mobile-slide-menu,.mobile-overlay{display:none!important}}.shell-notification-circle{z-index:1200;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ed2047,#f26225);border:2px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,box-shadow .2s;animation:2s infinite shell-notif-pulse;display:flex;position:fixed;top:18px;right:20px;box-shadow:0 6px 16px #ed204759}.shell-notification-circle:hover{transform:scale(1.06);box-shadow:0 8px 18px #ed204773}.shell-notification-circle.is-dragging{cursor:grabbing;transition:none;animation:none;transform:scale(1.04);box-shadow:0 10px 20px #ed204780}.shell-notification-circle i{font-size:.95rem}.shell-notification-count{color:#ed2047;background:#fff;border:2px solid #ed2047;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}@keyframes shell-notif-pulse{0%,to{box-shadow:0 6px 16px #ed204759}50%{box-shadow:0 6px 16px #ed20478c,0 0 0 6px #ed20471f}}@media (width<=768px){.shell-notification-circle{top:calc(70px + env(safe-area-inset-top,0px));width:32px;height:32px;right:14px}.shell-notification-circle i{font-size:.85rem}}.dashboard-toast.notification{--toast-success:#10b981;--toast-error:#ef4444;--toast-warning:#f59e0b;--toast-info:#ed2047;z-index:40000;isolation:isolate;opacity:1;color:#1f2937;background:#fff;border-left:4px solid #ed2047;border-radius:12px;align-items:center;gap:.75rem;max-width:400px;padding:1rem 1.5rem;animation:.3s ease-out dashboardToastSlideIn;display:flex;position:fixed;top:20px;right:20px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.dashboard-toast.notification button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;margin-left:auto;padding:.25rem;transition:background .15s,color .15s}.dashboard-toast.notification-success button{color:var(--toast-success)}.dashboard-toast.notification-error button{color:var(--toast-error)}.dashboard-toast.notification button:hover{color:#374151;background:#f3f4f6}.dashboard-toast.notification:after{content:"";transform-origin:0;background:#ed2047;width:100%;height:3px;animation:5s linear forwards dashboardToastProgress;position:absolute;bottom:0;left:0}.dashboard-toast.notification-success:after{background:var(--toast-success)}.dashboard-toast.notification-error:after{background:var(--toast-error)}.dashboard-toast.notification-warning:after{background:var(--toast-warning)}.dashboard-toast.notification-info:after{background:var(--toast-info)}@keyframes dashboardToastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes dashboardToastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}[data-theme=dark] .dashboard-toast.notification{color:var(--app-text,#f9fafb);background:#1f2937;box-shadow:0 10px 25px #00000059}[data-theme=dark] .dashboard-toast.notification-success i:first-child,[data-theme=dark] .dashboard-toast.notification-success button{color:var(--toast-success)}[data-theme=dark] .dashboard-toast.notification-error i:first-child,[data-theme=dark] .dashboard-toast.notification-error button{color:var(--toast-error)}[data-theme=dark] .dashboard-toast.notification-warning i:first-child,[data-theme=dark] .dashboard-toast.notification-warning button{color:var(--toast-warning)}[data-theme=dark] .dashboard-toast.notification-info i:first-child,[data-theme=dark] .dashboard-toast.notification-info button{color:var(--toast-info)}@media (width<=768px){.dashboard-toast.notification{top:calc(60px + env(safe-area-inset-top,0px) + 16px);z-index:40000;width:auto;max-width:none;left:12px;right:12px}}.document-card{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);border-radius:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.document-card:before{content:"";background:linear-gradient(90deg,#ed2047,#f26225);height:4px;position:absolute;top:0;left:0;right:0}.document-card.has-new-document:before{background:linear-gradient(90deg,#ef4444,#f59e0b);height:6px}.document-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001f}.document-image{background:linear-gradient(90deg,#ed2047,#f26225);justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative}.document-image i{color:#fff;z-index:1;font-size:4rem}.new-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:2;background:#ef4444;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}.document-content{padding:1.5rem}.document-title{color:var(--app-text,#1f2937);word-break:break-word;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;display:flex}.document-title i{color:#ef4444}.document-info{color:var(--app-text-muted,#4b5563);margin-bottom:1rem;font-size:.875rem;line-height:1.6}.document-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.meta-tag{background:linear-gradient(135deg, var(--app-surface-muted,#f3f4f6), var(--app-border,#e5e7eb));color:var(--app-text,#374151);border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.new-meta-tag{color:#fff!important;background:linear-gradient(135deg,#ef4444,#f87171)!important}.document-card .document-actions{flex-wrap:wrap;gap:.75rem;display:flex}.document-card .document-actions .view-btn,.document-card .document-actions .download-btn,.document-card .document-actions .edit-btn,.document-card .document-actions .delete-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:100px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .3s;display:inline-flex}.document-card .document-actions .view-btn{background:#3b82f6}.document-card .document-actions .download-btn{background:#10b981}.document-card .document-actions .edit-btn{background:#8b5cf6}.document-card .document-actions .delete-btn{background:#ef4444}.document-card .document-actions button:hover:not(:disabled){transform:translateY(-2px)}.document-card .document-actions button:disabled{opacity:.6;cursor:not-allowed}@keyframes documentsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes documentsSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.documents-grid{grid-template-columns:1fr}.documents-page{box-sizing:border-box;width:100%;max-width:100%;padding:12px}.documents-header-section{margin-bottom:12px;padding:12px}.documents-page-title{font-size:22px}}@media (width<=768px){.documents-page,.documents-header-section{padding:12px}.documents-page-title{font-size:20px}.documents-header-actions,.documents-actions{width:100%}.add-document-btn,.documents-header-back-btn{box-sizing:border-box;justify-content:center;width:100%}}.doc-roles-select{flex-direction:column;gap:.5rem;width:100%;display:flex}.doc-roles-select-trigger{border:2px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);width:100%;min-height:48px;color:var(--app-text,#111);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s;display:flex}.doc-roles-select-trigger.is-placeholder{color:var(--app-text-muted,#6b7280)}.doc-roles-select-trigger.is-open,.doc-roles-select-trigger:focus{border-color:#64748b;outline:none;box-shadow:0 0 0 3px #64748b33}.doc-roles-select-trigger .fa-chevron-down{color:var(--app-text-muted,#6b7280);font-size:.75rem;transition:transform .15s}.doc-roles-select-trigger.is-open .fa-chevron-down{color:var(--app-text,#111);transform:rotate(180deg)}.doc-roles-select-menu{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);color:var(--app-text,#1f2937);border-radius:12px;padding:.5rem;box-shadow:0 12px 28px #0000002e}.doc-roles-select-menu-actions{border-bottom:1px solid var(--app-border,#e5e7eb);justify-content:space-between;gap:.75rem;margin-bottom:.35rem;padding:.35rem .5rem .65rem;display:flex}.doc-roles-select-menu-actions button{color:var(--app-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.doc-roles-select-menu-actions button:hover:not(:disabled){color:var(--app-text,#1f2937);text-decoration:underline}.doc-roles-select-menu-actions button:disabled{opacity:.45;cursor:not-allowed}.doc-roles-select-options{margin:0;padding:0;list-style:none}.doc-roles-select-option{cursor:pointer;color:var(--app-text,#1f2937);border-radius:8px;align-items:center;gap:.65rem;padding:.65rem .7rem;font-size:.9rem;font-weight:500;display:flex}.doc-roles-select-option:hover{background:var(--app-surface-muted,#f3f4f6)}.doc-roles-select-option.is-selected{background:var(--app-surface-muted,#f3f4f6);color:var(--app-text,#1f2937)}.doc-roles-select-option input{accent-color:#64748b;margin:0}[data-theme=dark] .doc-roles-select-trigger{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text);box-shadow:0 2px 6px #00000059}[data-theme=dark] .doc-roles-select-trigger.is-open,[data-theme=dark] .doc-roles-select-trigger:focus{border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b833}[data-theme=dark] .doc-roles-select-trigger .fa-chevron-down,[data-theme=dark] .doc-roles-select-trigger.is-open .fa-chevron-down{color:#94a3b8}[data-theme=dark] .doc-roles-select-menu,.doc-roles-select-menu[data-theme=dark]{color:#e6edf3;background:#161b22;border-color:#30363d;box-shadow:0 16px 40px #0000008c}[data-theme=dark] .doc-roles-select-menu-actions,.doc-roles-select-menu[data-theme=dark] .doc-roles-select-menu-actions{border-bottom-color:#30363d}[data-theme=dark] .doc-roles-select-menu-actions button,.doc-roles-select-menu[data-theme=dark] .doc-roles-select-menu-actions button{color:#94a3b8}[data-theme=dark] .doc-roles-select-menu-actions button:hover:not(:disabled),.doc-roles-select-menu[data-theme=dark] .doc-roles-select-menu-actions button:hover:not(:disabled),[data-theme=dark] .doc-roles-select-option,.doc-roles-select-menu[data-theme=dark] .doc-roles-select-option{color:#e6edf3}[data-theme=dark] .doc-roles-select-option:hover,.doc-roles-select-menu[data-theme=dark] .doc-roles-select-option:hover{background:#21262d}[data-theme=dark] .doc-roles-select-option.is-selected,.doc-roles-select-menu[data-theme=dark] .doc-roles-select-option.is-selected{color:#e6edf3;background:#21262d}[data-theme=dark] .doc-roles-select-option input,.doc-roles-select-menu[data-theme=dark] .doc-roles-select-option input{accent-color:#94a3b8}@media (width<=900px){.documents-grid{grid-template-columns:1fr}.documents-page{box-sizing:border-box;width:100%;max-width:100%;padding:12px}.documents-header-section{margin-bottom:12px;padding:12px}.documents-page-title{font-size:22px}}@media (width<=768px){.documents-page,.documents-header-section{padding:12px}.documents-page-title{font-size:20px}.documents-header-actions,.documents-actions{width:100%}.add-document-btn,.documents-header-back-btn{box-sizing:border-box;justify-content:center;width:100%}}.add-documents-page .upload-section,.add-documents-page .file-preview-section{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 15px -3px #0000001a}.add-documents-page .upload-section h2,.add-documents-page .file-preview-section h2{color:var(--app-text,#1f2937);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.5rem;display:flex}.upload-form{align-items:start;gap:1.5rem;justify-content:initial;background:var(--app-surface,#fff);border:1px solid var(--app-border,#f3f4f6);box-sizing:border-box;border-radius:12px;grid-template-columns:1fr 1fr;width:100%;padding:2rem;display:grid;position:relative;box-shadow:0 4px 20px #00000014}.upload-form:before{content:"";background:linear-gradient(90deg,#ed2047,#f26225);border-radius:12px 12px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.file-input-group{flex-direction:column;gap:.75rem;display:flex}.file-input-label{color:var(--app-text,#374151);font-size:.9rem;font-weight:600}.file-input-group input[type=text]{border:2px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);color:var(--app-text,#111);border-radius:12px;padding:1rem;font-size:.95rem}.file-input-display{border:2px dashed var(--app-border,#d1d5db);text-align:center;cursor:pointer;background:var(--app-surface-muted,#f9fafb);color:var(--app-text-muted,#6b7280);border-radius:12px;padding:2rem 1rem;transition:all .2s}.file-input-display.has-file{background:#ed20470d;border-color:#ed2047}.file-input-display span{color:var(--app-text,#374151);margin-top:.5rem;font-weight:600;display:block}.hidden-file-input{display:none}.upload-btn-row{grid-column:1/-1;justify-content:center;margin-top:.5rem;display:flex}.upload-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:12px;flex-shrink:0;width:220px;min-width:220px;margin-top:0;padding:.875rem 1.5rem;font-weight:600;position:relative}.upload-btn.loading,.upload-btn.is-uploading{color:#0000;width:220px;min-width:220px;padding:.875rem 1.5rem}.upload-btn.loading .btn-content,.upload-btn.is-uploading .btn-content{visibility:hidden}.upload-btn.loading:after,.upload-btn.is-uploading:after{content:"";border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}.upload-btn:disabled{opacity:.7;cursor:not-allowed}.btn-content{justify-content:center;align-items:center;gap:.5rem;display:flex}.file-preview-container{border:2px dashed var(--app-border,#d1d5db);background:var(--app-surface-muted,#f9fafb);border-radius:12px;min-height:320px;overflow:hidden}.file-preview-container.preview-active{background:var(--app-surface,#fff);border-style:solid;border-color:#ed2047;min-height:70vh;padding:0}.file-preview-placeholder,.file-preview-error{min-height:280px;color:var(--app-text-muted,#6b7280);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.file-preview-error i{color:#f59e0b;font-size:2rem}.pdf-preview{background:var(--app-surface,#fff);flex-direction:column;width:100%;height:80vh;display:flex}.pdf-preview-header{background:var(--app-surface-muted,#f9fafb);border-bottom:1px solid var(--app-border,#e5e7eb);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.pdf-preview-info{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.pdf-preview-info i{color:#dc2626;font-size:2rem}.pdf-preview-info h3{color:var(--app-text,#1f2937);margin:0;font-size:1.25rem;font-weight:600}.pdf-preview-info .file-meta{color:var(--app-text-muted,#6b7280);font-size:.9rem;font-weight:500}.pdf-preview-actions{flex-wrap:wrap;gap:.75rem;display:flex}.preview-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-width:140px;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.preview-btn.secondary{background:var(--app-surface,#fff);color:var(--app-text,#374151);border:2px solid var(--app-border,#e5e7eb)}.preview-btn.secondary:hover{background:var(--app-surface-muted,#f9fafb);border-color:#ed2047}.pdf-preview-iframe-container{background:var(--app-surface-muted,#f3f4f6);flex:1;position:relative;overflow:hidden}.pdf-preview-iframe{background:var(--app-surface,#fff);border:none;width:100%;height:100%}@media (width<=768px){.pdf-preview-header{flex-direction:column;align-items:flex-start}.pdf-preview-info{flex-direction:column;align-items:flex-start;gap:.5rem}.pdf-preview-actions{justify-content:center;width:100%}.pdf-preview-iframe-container{min-height:60vh}}.access-denied-card{text-align:center;background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);border-radius:16px;max-width:560px;margin:4rem auto;padding:2.5rem;box-shadow:0 10px 15px -3px #0000001a}.access-denied-card i{color:#ef4444;margin-bottom:1rem;font-size:3rem}.access-denied-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.refresh-btn{background:var(--app-surface-muted,#f3f4f6);color:var(--app-text,#374151);border:1px solid var(--app-border,#e5e7eb);border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.upload-section-toolbar{align-items:center;margin-bottom:1rem;display:flex}.upload-section-footer{margin-top:1.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.upload-form{grid-template-columns:1fr}}@media (width<=768px){.add-documents-page.documents-page{box-sizing:border-box;width:100%;max-width:100%;padding:12px;overflow-x:hidden}.add-documents-page .documents-header-section{box-sizing:border-box;gap:10px;margin-bottom:12px;padding:12px}.add-documents-page .documents-page-title{gap:8px;font-size:20px;line-height:1.25}.add-documents-page .documents-container{box-sizing:border-box;width:100%;max-width:100%}.add-documents-page .upload-section-toolbar{margin-bottom:12px}.add-documents-page .upload-section,.add-documents-page .file-preview-section{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:12px;padding:12px}.add-documents-page .upload-section h2,.add-documents-page .file-preview-section h2{margin-bottom:.75rem;font-size:1.1rem}.add-documents-page .upload-form{box-sizing:border-box;grid-template-columns:1fr;gap:1rem;width:100%;max-width:100%;margin:0;padding:12px}.add-documents-page .file-input-group{box-sizing:border-box;width:100%;min-width:0}.add-documents-page .file-input-group input[type=text]{box-sizing:border-box;width:100%;padding:.85rem .9rem}.add-documents-page .file-input-display{box-sizing:border-box;width:100%;padding:1.25rem .85rem}.add-documents-page .upload-btn-row{width:100%}.add-documents-page .upload-btn{box-sizing:border-box;width:100%;min-width:0}.add-documents-page .access-denied-card{box-sizing:border-box;width:100%;margin:1.5rem auto;padding:1.5rem 1rem}.add-documents-page .file-preview-container{min-height:220px}.add-documents-page .file-preview-placeholder,.add-documents-page .file-preview-error{min-height:180px;padding:1.25rem .75rem}}.doc-ack-modal-overlay{z-index:30000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.doc-ack-modal-content{background:var(--app-surface,#fff);border-radius:16px;flex-direction:column;width:100%;max-width:760px;max-height:90vh;display:flex;box-shadow:0 10px 40px #0003}.doc-ack-modal-header{border-bottom:2px solid #ed20471a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.doc-ack-modal-title{color:#ed2047;margin:0;font-size:22px;font-weight:700}.doc-ack-modal-close{background:var(--app-surface-muted,#e5e7eb);cursor:pointer;width:36px;height:36px;color:var(--app-text-muted,#4b5563);border:none;border-radius:50%}.doc-ack-modal-body{padding:20px 24px;overflow-y:auto}.doc-ack-modal-subtitle{color:var(--app-text-muted,#6b7280);margin:0 0 1rem;font-size:.95rem}.doc-ack-modal-loading,.doc-ack-modal-empty{text-align:center;color:var(--app-text-muted,#6b7280);padding:2rem 1rem}.doc-ack-modal-empty i{margin-bottom:.75rem;font-size:2rem;display:block}.doc-ack-sections{flex-direction:column;gap:1.25rem;display:flex}.doc-ack-section-header{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.doc-ack-section-header h3{color:var(--app-text,#111827);margin:0;font-size:1rem;font-weight:700}.doc-ack-badge{border-radius:999px;justify-content:center;align-items:center;min-width:1.5rem;height:1.5rem;padding:0 .45rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.doc-ack-badge-done{color:#047857;background:#10b98126}.doc-ack-badge-pending{color:#b45309;background:#f59e0b2e}.doc-ack-section-empty{border:1px dashed var(--app-border,#e5e7eb);color:var(--app-text-muted,#6b7280);text-align:center;border-radius:10px;padding:1rem .75rem;font-size:.9rem}.doc-ack-table-wrap{overflow-x:auto}.doc-ack-table{border-collapse:collapse;background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);border-radius:12px;width:100%;overflow:hidden}.doc-ack-table th,.doc-ack-table td{text-align:left;border-bottom:1px solid var(--app-border,#e5e7eb);padding:14px 12px;font-size:.9rem}.doc-ack-table th{color:var(--app-text,#374151);text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,#ed20470d,#f262250d);font-size:.75rem;font-weight:600}.doc-ack-table tr:last-child td{border-bottom:none}.doc-ack-role{text-transform:capitalize}.doc-ack-count{color:var(--app-text-muted,#6b7280);margin:0;font-size:.875rem}.doc-ack-modal-footer{border-top:1px solid var(--app-border,#e5e7eb);justify-content:flex-end;padding:16px 24px;display:flex}.doc-ack-btn-close{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:10px;padding:10px 20px;font-weight:600}[data-theme=dark] .doc-ack-modal-content,[data-theme=dark] .doc-ack-table{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .doc-ack-table th,[data-theme=dark] .doc-ack-table td{color:var(--app-text);border-color:var(--app-border)}[data-theme=dark] .doc-ack-section-header h3{color:var(--app-text)}[data-theme=dark] .doc-ack-section-empty{border-color:var(--app-border);color:var(--app-text-muted)}.documents-page{--docs-gradient:linear-gradient(to right, #ed2047, #f26225);--docs-danger:#ef4444;--docs-success:#10b981;--docs-info:#3b82f6;margin:0 auto;padding:40px}.documents-header-section{box-shadow:0 2px 12px var(--app-shadow,#0000000f);background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.documents-page-title{color:#333;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;align-items:center;gap:15px;margin:0;font-size:28px;font-weight:600;display:flex}.documents-pending-badge{-webkit-text-fill-color:#fff;color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #ff6b6b4d}.documents-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.documents-header-back-btn{background:var(--app-surface-muted,#f3f4f6);color:var(--app-text,#374151);border:1px solid var(--app-border,#e5e7eb);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.documents-header-back-btn:hover{color:#ed2047;border-color:#ed2047}.documents-actions{flex-wrap:wrap;gap:1rem;display:flex}.add-document-btn{background:var(--docs-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.add-document-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000026}.documents-container{min-height:40vh;position:relative}.documents-summary{justify-content:center;margin-bottom:2rem;display:flex}.summary-card{background:linear-gradient(135deg, var(--docs-danger), #f87171);color:#fff;border:2px solid #fff3;border-radius:16px;align-items:center;gap:1rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;display:flex;box-shadow:0 10px 15px -3px #00000026}.summary-card span{background:#fff3;border-radius:20px;padding:.25rem .75rem;font-size:1.3rem;font-weight:700}.documents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.documents-loading,.no-documents{text-align:center;color:var(--app-text-muted,#6b7280);flex-direction:column;justify-content:center;align-items:center;min-height:40vh;padding:4rem 2rem;display:flex}.documents-loading i,.no-documents-icon i{margin-bottom:1rem;font-size:2rem}.no-documents-icon i{color:var(--app-border,#d1d5db);font-size:4rem}.no-documents h3{color:var(--app-text,#333);font-size:1.5rem;font-weight:500}.no-documents-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.25rem;display:flex}.no-documents-actions .btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:600;display:inline-flex}.no-documents-actions .btn-primary{background:var(--docs-info);color:#fff}@media (width<=900px){.documents-grid{grid-template-columns:1fr}.documents-page{box-sizing:border-box;width:100%;max-width:100%;padding:12px}.documents-header-section{margin-bottom:12px;padding:12px}.documents-page-title{font-size:22px}}@media (width<=768px){.documents-page,.documents-header-section{padding:12px}.documents-page-title{font-size:20px}.documents-header-actions,.documents-actions{width:100%}.add-document-btn,.documents-header-back-btn{box-sizing:border-box;justify-content:center;width:100%}}.document-viewer{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 15px -3px #0000001a}.document-viewer h3,.acknowledgment-section h3{color:var(--app-text,#1f2937);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.document-viewer-page .document-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.document-viewer-page .action-btn{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:12px;flex:0 auto;justify-content:center;align-items:center;gap:.5rem;width:auto;max-width:none;padding:.75rem 1.25rem;font-weight:600;transition:all .3s;display:inline-flex}.document-viewer-page .action-btn.view-btn{background:#64748b}.document-viewer-page .action-btn.download-btn{background:#10b981}.document-viewer-page .action-btn.ack-list-btn{background:#6366f1}.document-viewer-page .action-btn:hover{transform:translateY(-2px)}.document-preview{border:2px dashed var(--app-border,#d1d5db);background:var(--app-surface-muted,#f9fafb);border-radius:12px;min-height:70vh;overflow:hidden}.document-preview .document-iframe{background:#fff;border:none;width:100%;height:70vh}.acknowledgment-section{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 15px -3px #0000001a}.acknowledgment-form{flex-direction:column;gap:1.5rem;display:flex}.checkbox-group{background:var(--app-surface-muted,#f9fafb);border:1px solid var(--app-border,#e5e7eb);cursor:pointer;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;display:flex;position:relative}.checkbox-group.is-checked{background:#10b9811a;border-color:#10b981}.checkbox-group input[type=checkbox]{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.checkbox-mark{color:#047857;background:#fff;border:2px solid #10b981;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;margin-top:.15rem;display:inline-flex;box-shadow:inset 0 0 0 1px #04785714}.checkbox-mark i{opacity:0;font-size:12px;line-height:1;transform:scale(.6)}.checkbox-group.is-checked .checkbox-mark,.checkbox-group input[type=checkbox]:checked+.checkbox-mark{color:#fff;background:#10b981;border-color:#059669}.checkbox-group.is-checked .checkbox-mark i,.checkbox-group input[type=checkbox]:checked+.checkbox-mark i{opacity:1;transform:scale(1)}.checkbox-group input[type=checkbox]:disabled{cursor:default}.checkbox-group span,.checkbox-group label{color:var(--app-text,#374151);cursor:pointer;font-weight:500;line-height:1.5}.submit-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;align-self:flex-start;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;display:inline-flex}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.document-info-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.document-info-card{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);border-radius:16px;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a}.document-info-card h3{margin-bottom:1rem;font-size:1.25rem}.info-item{border-bottom:1px solid var(--app-border,#e5e7eb);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.info-item:last-child{border-bottom:none}.info-label{color:var(--app-text,#374151);font-weight:500}.info-value{color:var(--app-text-muted,#4b5563);text-align:right;font-size:.875rem}.document-viewer-page .action-btn .btn-label-short{display:none}.document-viewer-page .action-btn .btn-label-full{display:inline}@media (width<=900px){.document-info-grid{grid-template-columns:1fr}.document-viewer{padding:1.25rem}.document-viewer-page .document-actions{grid-template-columns:1fr 1fr;justify-content:stretch;gap:.5rem;display:grid}.document-viewer-page .action-btn{white-space:nowrap;flex:none;width:100%;max-width:none;padding:.7rem .65rem;font-size:.8rem}.document-viewer-page .action-btn .btn-label-full{display:none}.document-viewer-page .action-btn .btn-label-short{display:inline}.document-viewer-page .action-btn.view-btn{grid-column:1/-1}.document-preview{min-height:50vh}.document-preview .document-iframe{height:50vh}}@media (width<=480px){.document-viewer-page .documents-page-title{font-size:1.35rem}.document-viewer h3{font-size:1.15rem}.document-viewer-page .action-btn{padding:.65rem .5rem;font-size:.78rem}}.app-select-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-select-wrap>label{color:var(--app-text-muted);white-space:nowrap;font-size:14px;font-weight:600}.app-select-container{min-width:160px;position:relative}.app-select-trigger{border:2px solid var(--app-border);background:var(--app-input-bg);width:100%;min-height:40px;color:var(--app-text);cursor:pointer;box-shadow:0 2px 6px var(--app-shadow);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.app-select-trigger:hover:not(:disabled){border-color:#ed204773;box-shadow:0 4px 12px #ed20471f}.app-select-trigger.is-open,.app-select-trigger:focus-visible{border-color:#ed20478c;outline:none;box-shadow:0 0 0 3px #ed204726}.app-select-trigger:disabled{opacity:.55;cursor:not-allowed}.app-select-trigger__label{text-align:left;flex:1;justify-content:flex-start;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.app-select-trigger__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-select-option__icon{background:linear-gradient(#ed2047 0%,#f26225 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:16px;line-height:1}.app-select-option__avatar{object-fit:cover;background:var(--app-surface-muted,#f3f4f6);border:1.5px solid #ed2047;border-radius:50%;flex-shrink:0;width:22px;height:22px}.app-select-trigger__chevron{color:var(--app-text-muted);flex-shrink:0;font-size:12px;transition:transform .2s}.app-select-trigger.is-open .app-select-trigger__chevron{color:#ed2047;transform:rotate(180deg)}.app-select-menu{z-index:1200;background:var(--app-surface);border:1px solid var(--app-border);width:max-content;min-width:100%;box-shadow:0 12px 32px var(--app-shadow), 0 0 0 1px #ed20470f;border-radius:10px;max-height:280px;margin:0;padding:4px;list-style:none;animation:.16s ease-out app-select-menu-in;position:absolute;top:calc(100% + 6px);left:0;right:auto;overflow-y:auto}.app-select-menu--portal{box-sizing:border-box;min-width:0;position:fixed;top:auto;overflow-x:hidden}@keyframes app-select-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-select-menu::-webkit-scrollbar{width:8px}.app-select-menu::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:4px}.app-select-menu::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.app-select-menu::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.app-select-option{box-sizing:border-box;width:100%;color:var(--app-text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 6px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.app-select-option>span:last-child{white-space:nowrap;flex:1;min-width:0}.app-select-option:hover:not(:disabled){background:var(--app-surface-hover)}.app-select-option.is-selected{color:var(--app-text);background:linear-gradient(135deg,#ed204724,#f262251a)}.app-select-option:disabled{opacity:.5;cursor:not-allowed}.app-select-option__check{color:#ed2047;flex-shrink:0;width:12px;font-size:11px}.app-select-option__check-placeholder{flex-shrink:0;width:12px;display:inline-block}@media (width<=768px){.app-select-wrap{flex-direction:column;flex:none;align-items:stretch;gap:8px;width:100%}.app-select-container{width:100%;min-width:0;max-width:100%}}[data-theme=dark] .app-select-trigger{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text);box-shadow:0 2px 6px #00000059}[data-theme=dark] .app-select-trigger:hover:not(:disabled){border-color:#ed20478c;box-shadow:0 4px 12px #ed204733}[data-theme=dark] .app-select-trigger.is-open,[data-theme=dark] .app-select-trigger:focus-visible{border-color:#ed2047a6;box-shadow:0 0 0 3px #ed204733}[data-theme=dark] .app-select-trigger__chevron{color:var(--app-text-muted)}[data-theme=dark] .app-select-menu,[data-theme=dark] .app-select-menu--portal,.app-select-menu[data-theme=dark],.app-select-menu--portal[data-theme=dark]{background:var(--app-surface,#161b22);border-color:var(--app-border,#2d3340);box-shadow:0 16px 40px #0000008c, 0 0 0 1px var(--app-border,#2d3340);color:var(--app-text,#f1f5f9);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .app-select-option,.app-select-menu[data-theme=dark] .app-select-option{color:var(--app-text,#e6edf3)}[data-theme=dark] .app-select-option:hover:not(:disabled),.app-select-menu[data-theme=dark] .app-select-option:hover:not(:disabled){background:var(--app-surface-hover,#21262d)}[data-theme=dark] .app-select-option.is-selected,.app-select-menu[data-theme=dark] .app-select-option.is-selected{color:var(--app-text,#e6edf3);background:linear-gradient(135deg,#ed204738,#f2622524)}[data-theme=dark] .app-select-menu::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}[data-theme=dark] .app-select-menu::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb)}.filters-card{border:1px solid var(--app-border-soft);box-shadow:0 4px 20px var(--app-shadow);background:#fef3f3;border-radius:16px;margin-bottom:24px;padding:24px 28px;position:relative;overflow:visible}[data-theme=dark] .filters-card{background:#161b23}.filters-card__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.filters-card__header-end{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.filters-card__header-actions{flex-shrink:0;align-items:center;display:flex}.filters-card__header-menu-btn{border:1px solid var(--app-border-soft);background:var(--app-surface,#fff);width:40px;height:40px;color:var(--app-text-muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:15px;transition:border-color .2s,color .2s;display:inline-flex}.filters-card__header-menu-btn:hover:not(:disabled){color:#ed2047;border-color:#ed204759}.filters-card__header-menu-btn:disabled{opacity:.55;cursor:not-allowed}.filters-card__header-actions .toolbar-bulk-wrap{position:relative}.filters-card__header-actions .toolbar-dropdown-menu{z-index:1300;position:absolute;top:calc(100% + 6px);right:0}.filters-card__title-row{align-items:center;gap:14px;display:flex}.filters-card__icon-shell{flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.filters-card__icon-shell:before{content:"";pointer-events:none;border:2px solid #ed204724;border-radius:50%;position:absolute;inset:4px}.filters-card__icon-shell:after{content:"";pointer-events:none;border:1px solid #ed204714;border-radius:50%;position:absolute;inset:-6px}.filters-card__icon-btn{z-index:1;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;transition:transform .15s;position:relative}.filters-card__icon-btn:hover{transform:translateY(-1px)}.filters-card__icon-btn:active{transform:translateY(0)}.filters-card__icon-inner{color:#fff;background:linear-gradient(#ed2047 0%,#f26225 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:box-shadow .15s,transform .15s;display:flex;box-shadow:0 6px 18px #ed204761}.filters-card__icon-btn:hover .filters-card__icon-inner{box-shadow:0 8px 22px #ed204773}.filters-card__icon-btn.is-active .filters-card__icon-inner{box-shadow:0 8px 24px #ed204780}.filters-card__icon-dot{z-index:2;pointer-events:none;background:#ed2047;border:2px solid #fef3f3;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #ed20471f}[data-theme=dark] .filters-card__icon-dot{border-color:#161b23}.filters-card__toggle{border:1px solid var(--app-border-soft);background:var(--app-surface,#fff);color:#ed2047;cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.filters-card__toggle i{transition:transform .32s cubic-bezier(.4,0,.2,1);display:inline-block;transform:rotate(0)}.filters-card--open .filters-card__toggle i{transform:rotate(180deg)}.filters-card__toggle:hover{color:#ed2047;border-color:#ed204759}.filters-card__title{color:var(--app-text);margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.filters-card__subtitle{color:var(--app-text-muted);margin:2px 0 0;font-size:13px}.filters-card__dots{pointer-events:none;background-image:radial-gradient(circle,#ed20472e 1.5px,#0000 1.5px);background-size:11px 11px;flex-shrink:0;width:100px;height:56px}.filters-card__collapse{grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.4,0,.2,1);display:grid}.filters-card--open .filters-card__collapse{grid-template-rows:1fr}.filters-card__collapse-inner{opacity:0;pointer-events:none;min-height:0;transition:opacity .28s,transform .34s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:translateY(-6px)}.filters-card--open .filters-card__collapse-inner{opacity:1;pointer-events:auto;overflow:visible;transform:translateY(0)}.filters-card__row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:20px;padding-bottom:0;display:flex;overflow:visible}@media (prefers-reduced-motion:reduce){.filters-card__collapse,.filters-card__collapse-inner,.filters-card__toggle i{transition:none}.filters-card__collapse-inner{transform:none}}:is(.filters-card__row:has(.custom-select.open),.filters-card__row:has(.app-select-trigger.is-open),.filters-card__row:has(.team-actions-menu.open),.filters-card__row:has(.toolbar-dropdown-menu),.filters-card:has(.toolbar-dropdown-menu)){overflow:visible}.filters-card-group--dropdowns,.filters-card-group{flex-wrap:nowrap;flex:none;align-items:flex-end;gap:12px;display:flex}.filters-card-field{flex:none;min-width:0}.filters-card-field__label{letter-spacing:.07em;text-transform:uppercase;color:var(--app-text-muted);margin-bottom:6px;font-size:10px;font-weight:600;display:block}.filters-card-field__control{position:relative;overflow:visible}.filters-card-field__icon{z-index:1;color:#ed2047;pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filters-card .filters-card-select.app-select-wrap{flex-direction:column;align-items:stretch;min-width:0}.filters-card .filters-card-select .app-select-container{width:100%;min-width:0}.filters-card .filters-card-select .app-select-trigger{background:var(--app-input-bg);border:1px solid var(--app-border);width:100%;min-width:118px;color:var(--app-text);white-space:nowrap;border-radius:10px;padding:10px 30px 10px 34px;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 4px #0000000a}.filters-card .filters-card-select .app-select-trigger:hover,.filters-card .filters-card-select .app-select-trigger.is-open{border-color:#ed204773;box-shadow:0 2px 8px #ed20471a}.filters-card .filters-card-select .app-select-trigger__chevron{color:var(--app-text-muted);font-size:11px}.filters-card .filters-card-select--wide .app-select-trigger{min-width:128px}.filters-card .filters-card-select--compact .app-select-trigger{min-width:100px}.filters-card-date-range{flex:none;align-items:flex-end;gap:8px;padding:0 2px;display:flex}.filters-card-date-range__bracket{background:linear-gradient(#ed2047,#f26225);border-radius:3px;flex-shrink:0;align-self:stretch;width:3px;min-height:54px;margin-bottom:2px}.filters-card-date-field{min-width:138px}.filters-card-date-range__to{color:#ed2047;background:#ed20471a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.filters-card-date-input-wrap{align-items:center;display:flex;position:relative}.filters-card-date-field .filters-card-field__icon{justify-content:center;align-items:center;width:14px;height:14px;line-height:1;display:inline-flex;top:50%;transform:translateY(-50%)}.filters-card-date-input-wrap input[type=date]{box-sizing:border-box;background:var(--app-input-bg);border:1px solid var(--app-border);width:100%;min-width:138px;height:40px;color:var(--app-text);appearance:none;border-radius:10px;padding:0 10px 0 34px;font-size:13px;font-weight:500;line-height:40px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 4px #0000000a}.filters-card-date-input-wrap input[type=date]::-webkit-datetime-edit{align-items:center;height:100%;padding:0;display:inline-flex}.filters-card-date-input-wrap input[type=date]::-webkit-datetime-edit-fields-wrapper{align-items:center;height:100%;padding:0;display:inline-flex}.filters-card-date-input-wrap input[type=date]::-webkit-datetime-edit-text{margin:0;padding:0;line-height:1}.filters-card-date-input-wrap input[type=date]::-webkit-datetime-edit-month-field{margin:0;padding:0;line-height:1}.filters-card-date-input-wrap input[type=date]::-webkit-datetime-edit-day-field{margin:0;padding:0;line-height:1}.filters-card-date-input-wrap input[type=date]::-webkit-datetime-edit-year-field{margin:0;padding:0;line-height:1}.filters-card-date-input-wrap input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;width:16px;height:16px;margin:0;padding:0}.filters-card-date-input-wrap input[type=date]:focus{border-color:#ed204773;outline:none;box-shadow:0 2px 8px #ed20471a}.filters-card-employee-panel{box-sizing:border-box;width:min(240px,100%);min-width:0;max-width:240px;box-shadow:none;z-index:2;background:0 0;border:none;border-right:4px solid #ed2047;border-radius:0;flex:0 240px;margin-left:auto;padding:0 10px 0 4px;position:relative}:is(.filters-card-employee-panel:has(.custom-select.open),.filters-card-employee-panel:has(.app-select-trigger.is-open)){z-index:1200}.filters-card-employee-panel .filters-card-field{width:100%;min-width:0}.filters-card-employee-panel .filters-card-select.app-select-wrap{width:100%;max-width:100%;min-width:0!important}.filters-card-employee-panel .filters-card-select .app-select-trigger{text-align:left;justify-content:flex-start;min-width:0;max-width:100%;padding:10px 30px 10px 12px}.filters-card-employee-panel .filters-card-select .app-select-trigger__label{text-align:left;flex:auto;justify-content:flex-start;min-width:0;overflow:hidden}.filters-card-employee-panel .filters-card-select .app-select-trigger__text{text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}.filters-card-employee-panel .filters-card-select .app-select-trigger__chevron{margin-left:auto}.filters-card-employee-panel .employee-selector{background:0 0;border:none;border-radius:0;flex:none;gap:0;padding:0}.filters-card-employee-panel .employee-selector>label,.filters-card-employee-panel .filters-card-field__control .filters-card-field__icon{display:none}.filters-card-employee-panel .custom-select{background:var(--app-input-bg);border:1px solid var(--app-border);cursor:pointer;width:100%;min-height:42px;font-size:13px;font-weight:500;font:inherit;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 30px 10px 12px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000f}.filters-card-employee-panel .custom-select:hover,.filters-card-employee-panel .custom-select.open{border-color:#ed204773;box-shadow:0 2px 8px #ed20471a}.filters-card-employee-panel .selected-option .user-icon,.filters-card-employee-panel .selected-option .fa-users{color:#ed2047;font-size:16px}.filters-card-employee-panel .dropdown-arrow{color:var(--app-text-muted);flex-shrink:0;font-size:11px}.filters-card-employee-panel .custom-select-container{width:100%;min-width:0;position:relative}.filters-card-employee-panel .selected-option{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.filters-card-employee-panel .selected-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filters-card-employee-panel .selected-option img,.filters-card-employee-panel .dropdown-option img{object-fit:cover;border:2px solid #ed2047;border-radius:50%;flex-shrink:0;width:28px;height:28px}.filters-card-employee-panel .custom-dropdown{background:var(--app-surface,#fff);border:1px solid var(--app-border);width:100%;min-width:100%;max-width:min(320px,100vw - 48px);box-shadow:0 12px 32px var(--app-shadow,#00000026);z-index:1201;box-sizing:border-box;border-radius:10px;max-height:min(280px,50vh);padding:4px;position:absolute;top:calc(100% + 6px);left:auto;right:0;overflow:hidden auto}.filters-card-employee-panel .dropdown-option{width:100%;min-width:0;color:var(--app-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.filters-card-employee-panel .dropdown-option:hover{background:#ed204714}.filters-card-employee-panel .dropdown-option.selected{color:#ed2047;background:#ed20471f;font-weight:600}.filters-card-employee-panel .dropdown-option--disabled{cursor:default;opacity:.7}.filters-card-employee-panel .dropdown-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.filters-card-employee-panel .dropdown-option .user-icon{color:#ed2047;flex-shrink:0;font-size:22px}.filters-card__row--split{flex-wrap:wrap;justify-content:space-between}.filters-card-aside{flex-wrap:wrap;flex:280px;justify-content:flex-end;align-items:flex-end;gap:12px;min-width:0;margin-left:auto;display:flex}.filters-card-search{flex:220px;min-width:180px;max-width:320px}.filters-card-search .filters-card-date-input-wrap input,.filters-card-search input[type=search],.filters-card-search input[type=text]{background:var(--app-input-bg);border:1px solid var(--app-border);width:100%;min-width:0;color:var(--app-text);border-radius:10px;padding:10px 12px 10px 34px;font-size:13px;font-weight:500;box-shadow:0 1px 4px #0000000a}.filters-card-search .filters-card-field__icon{top:50%}.filters-card-native-select{background:var(--app-input-bg);border:1px solid var(--app-border);width:100%;min-width:160px;color:var(--app-text);border-radius:10px;padding:10px 30px 10px 34px;font-size:13px;font-weight:500;box-shadow:0 1px 4px #0000000a}.filters-card-actions{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.filters-card--open .filters-card__row{display:flex}@media screen and (width<=890px){.filters-card{border-radius:12px;padding:16px}.filters-card__dots{width:48px;height:40px}.filters-card__row{flex-flow:column;align-items:stretch;gap:14px;margin-top:16px;overflow-x:visible}.filters-card-group,.filters-card-group--dropdowns{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.filters-card-group>.filters-card-field,.filters-card-group--dropdowns>.filters-card-field{width:100%;min-width:0}:is(.filters-card-group:has(>.filters-card-field:only-child),.filters-card-group--dropdowns:has(>.filters-card-field:only-child)){grid-template-columns:1fr}.filters-card-field{width:100%}.filters-card .filters-card-select .app-select-trigger,.filters-card .filters-card-select--wide .app-select-trigger,.filters-card .filters-card-select--compact .app-select-trigger{white-space:normal;width:100%;min-width:0}.filters-card .filters-card-select .app-select-trigger__label{overflow:hidden}.filters-card .filters-card-select .app-select-trigger__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filters-card-date-range{grid-template-rows:auto auto;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px 10px;width:100%;padding:0;display:grid}.filters-card-date-range__bracket{display:none}.filters-card-date-field{width:100%;min-width:0}.filters-card-date-field--start{grid-area:1/1}.filters-card-date-range__to{grid-area:1/2;align-self:end;margin-bottom:10px}.filters-card-date-field--end{grid-area:1/3}.filters-card-date-input-wrap,.filters-card-date-input-wrap input[type=date]{width:100%;min-width:0}.filters-card-employee-panel{border-bottom:none;border-right:4px solid #ed2047;flex:none;width:100%;max-width:none;margin-left:0;padding:0 10px 0 4px}.filters-card-aside{flex-direction:column;flex:none;justify-content:flex-start;align-items:stretch;width:100%;margin-left:0}.filters-card-search{width:100%;max-width:none}}@media screen and (width<=400px){.filters-card-group,.filters-card-group--dropdowns{grid-template-columns:1fr}.filters-card-employee-panel{border-bottom:4px solid #ed2047;border-right:none;padding:0 0 8px}}@media screen and (width<=480px){.filters-card{padding:14px 12px}.filters-card__dots{display:none}.filters-card__icon-shell{width:48px;height:48px}.filters-card__icon-inner{border-radius:12px;width:40px;height:40px;font-size:16px}.filters-card__toggle,.filters-card__header-menu-btn{width:36px;height:36px}.filters-card__header{gap:10px}}.clients-page{margin:0 auto;padding:40px}.clients-header-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.clients-page-title{color:#333;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;align-items:center;gap:15px;font-size:28px;font-weight:600;display:flex}@keyframes clients-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.clients-search-section{align-items:center;gap:10px;display:flex}.clients-search-section label{color:#555;font-weight:500}.clients-search-section input{background:var(--app-surface,#fff);border:2px solid #e5e7eb;border-radius:10px;width:min(300px,100%);padding:12px 16px;font-size:14px;transition:all .3s;box-shadow:0 2px 4px #0000000d}.clients-search-section input:focus{border-color:#ed2047;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #ed20471a}.clients-filters-aside{align-items:flex-end;overflow:visible}.clients-page .filters-card__row{overflow:visible}.clients-bulk-row{flex-wrap:wrap;flex:auto;align-items:flex-end;gap:.75rem;display:flex}.clients-bulk-action-slot{align-items:flex-end;padding-bottom:2px;display:flex}.clients-bulk-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;min-height:40px;padding:10px 16px;font-size:14px;font-weight:500;transition:opacity .3s}.clients-bulk-btn:hover:not(:disabled){opacity:.9;cursor:url(/cursors/hand-pointer.png) 12 2,pointer}.clients-bulk-btn:disabled{opacity:.6;cursor:not-allowed}.clients-table-wrap{border-radius:16px;width:100%;max-width:100%;max-height:none;overflow:visible}.clients-table-wrap.is-refreshing{opacity:.72;pointer-events:none;transition:opacity .15s}.clients-table{table-layout:auto;border-collapse:separate;border-spacing:0;background:var(--app-surface,#fff);border:1px solid #ed20471a;border-radius:16px;width:100%;min-width:100%;box-shadow:0 8px 25px #0000001a}.clients-table thead th{z-index:3;background-color:#faf5f6;position:sticky;top:0;box-shadow:0 1px #ed20471f}.clients-table th,.clients-table td{text-align:left;padding:18px 15px}.clients-table th{color:#333;text-transform:uppercase;letter-spacing:.5px;background-color:#faf5f6;background-image:linear-gradient(135deg,#ed20470d,#f262250d);font-size:14px;font-weight:600}.clients-table td{background-color:var(--app-surface,#fff)}.clients-table tr{border-bottom:1px solid #ed20471a;transition:all .3s}.clients-table tbody tr:hover{background:linear-gradient(135deg,#ed204705,#f2622505)}.client-name-cell{color:#333;align-items:center;gap:12px;font-weight:500;display:flex}.client-user-icon{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:40px}.clients-table-message{text-align:center;color:#777;padding:24px 20px;font-size:16px}.clients-table-message--error{color:#e74c3c}.clients-page .action-btn{cursor:pointer;border:none;border-radius:5px;margin-top:4px;margin-right:8px;padding:6px 10px;font-size:14px}.clients-page .action-btn:disabled{opacity:.6;cursor:not-allowed}.clients-page .approve-btn{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225)}.clients-page .approve-btn:hover:not(:disabled){background:linear-gradient(90deg,#d91a3d,#e55a1f)}.clients-page .suspend-btn{color:#fff;background:#ed2047}.clients-page .suspend-btn:hover:not(:disabled){background:#b81a36}.clients-page .status-badge{color:#fff;text-transform:capitalize;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600;line-height:1.3;display:inline-block}.clients-page .status-active{background:linear-gradient(90deg,#16a34a,#22c55e)}.clients-page .status-pending{background:#f26225}.clients-page .status-inactive{background:#ed2047}[data-theme=dark] .clients-page .status-badge{color:#fff}@media screen and (width>=401px) and (width<=930px){.clients-page .filters-card__row{flex-flow:column;align-items:stretch;gap:12px}.clients-page .filters-card-group{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.clients-page .filters-card-group .filters-card-field{width:auto;min-width:0}.clients-page .filters-card-aside.clients-filters-aside{flex:none;justify-content:flex-start;align-items:stretch;gap:0;width:100%;margin-left:0}.clients-page .clients-bulk-row{flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;gap:12px;width:100%;display:grid}.clients-page .clients-bulk-row .filters-card-field{width:auto;min-width:0}.clients-page .clients-bulk-action-slot{width:auto;padding-bottom:2px}.clients-page .clients-bulk-btn{white-space:nowrap;width:auto}}@media screen and (width<=768px){.clients-page{padding:20px}.clients-header-section{flex-direction:column;align-items:flex-start}.clients-search-section{flex-direction:column;align-items:flex-start;width:100%}.clients-search-section input{width:100%}.clients-table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;overflow:auto visible}.clients-table{width:max-content;min-width:720px}.clients-table th,.clients-table td{white-space:nowrap}.clients-pagination{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px}.clients-pagination-meta{text-align:center;width:100%}.clients-pagination-controls{justify-content:center;width:100%}}@media screen and (width<=400px){.clients-page .filters-card__row{flex-direction:column;align-items:stretch;gap:12px}.clients-page .filters-card-group{grid-template-columns:1fr;gap:12px;width:100%;display:grid}.clients-page .filters-card-aside.clients-filters-aside{flex:none;justify-content:flex-start;align-items:stretch;width:100%;margin-left:0}.clients-page .clients-bulk-row{flex-direction:column;gap:12px;width:100%;display:flex}.clients-page .clients-bulk-action-slot,.clients-page .clients-bulk-btn{width:100%}.clients-page .clients-bulk-action-slot{padding-bottom:0}}.clients-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:12px 4px;display:flex}.clients-pagination-meta{color:var(--gray-600,#6b7280);font-size:13px}.clients-pagination-controls{flex-wrap:wrap;align-items:center;gap:10px 8px;min-width:0;display:flex}.clients-page-size{color:var(--gray-600,#6b7280);flex:none;align-items:center;gap:8px;max-width:100%;margin-right:4px;font-size:13px;font-weight:600;display:inline-flex}.clients-page-size .app-select-wrap{flex-wrap:nowrap;gap:0;min-width:0}.clients-page-size .app-select-container{flex:none;width:72px;min-width:72px;max-width:72px}.clients-page-size .app-select,.clients-page-size .filters-card-select{min-width:72px}[data-theme=dark] .clients-page-size{color:var(--gray-400,#9ca3af)}.clients-page-btn{border:1px solid var(--gray-300,#d1d5db);background:var(--app-surface,#fff);min-width:36px;height:36px;color:var(--gray-700,#374151);cursor:pointer;z-index:1;border-radius:8px;flex:none;padding:0 10px;font-size:13px;font-weight:600;position:relative}.clients-page-btn:hover:not(:disabled){color:#ed2047;border-color:#ed2047}.clients-page-btn.is-active{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border-color:#0000}.clients-page-btn:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .clients-pagination-meta{color:var(--gray-400,#9ca3af)}[data-theme=dark] .clients-page-btn{background:var(--app-surface,#1f2937);color:var(--gray-200,#e5e7eb);border-color:#ffffff1f}.holiday-page-tab:not(.active):hover:has(+.holiday-page-tab.active):before{border-radius:100px;inset:5px 10px}.holiday-page-tab.active:has(+.holiday-page-tab:not(.active):hover):after{background:0 0}@media (width<=768px){.holiday-page-tabs{padding:0 14px 0 20px}.holiday-page-tab{min-width:130px;padding:12px 16px;font-size:11px}.holiday-page-tab.active{padding-bottom:14px;padding-left:18px;padding-right:18px}.holiday-page-tab.active:before,.holiday-page-tab.active:after{width:12px;height:12px}.holiday-page-tab.active:before{box-shadow:6px 0 0 0 var(--holiday-tab-curve-left);border-bottom-right-radius:12px;left:-12px}.holiday-page-tab.active:after{box-shadow:-6px 0 0 0 var(--holiday-tab-curve-right);border-bottom-left-radius:12px;right:-12px}}.gtg-team-tabs.holiday-page-tabs-wrapper{z-index:60;background:var(--app-surface-muted,#e3e3e3);box-shadow:0 1px 0 var(--app-border-soft,#0f172a14);width:100%;margin-bottom:0;position:sticky;top:0}.gtg-team-tabs .holiday-page-tab:not(.active){max-width:180px}.gtg-team-tabs .holiday-page-tab.active{max-width:none}[data-theme=dark] .gtg-team-tabs.holiday-page-tabs-wrapper{box-shadow:0 1px 0 var(--app-border)}@media (width<=1100px){.gtg-team-tabs .holiday-page-tab{letter-spacing:.04em;min-width:120px;padding:12px 14px;font-size:11px}.gtg-team-tabs .holiday-page-tab i{margin-right:6px}.gtg-team-tabs .holiday-page-tab.active{padding-bottom:14px;padding-left:16px;padding-right:16px}.gtg-team-tabs .holiday-page-tabs{padding:0 10px}}@media (width<=768px){.gtg-team-tabs .holiday-page-tabs{padding:0 14px 0 20px}.gtg-team-tabs .holiday-page-tab{min-width:108px;padding:11px 12px;font-size:10px}}.holidays-page{width:100%;min-height:0}.holidays-main-content{padding:2.5rem}.holidays-title-card{border:1px solid var(--app-border-soft,#ed20471f);box-shadow:0 2px 12px var(--app-shadow,#0000000f);background:linear-gradient(135deg,#ed204705,#f2622505);border-radius:12px;margin-bottom:30px;padding:20px;position:relative;overflow:visible}.holidays-page-title{letter-spacing:-.5px;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;color:#ed2047;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:600}.holidays-page-subtitle{color:var(--app-text-muted,#6b7280);margin-top:6px;font-size:14px}.holidays-year-filter{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);border-radius:10px;align-items:center;gap:15px;margin-bottom:20px;padding:15px;display:flex;box-shadow:0 2px 8px #0000000d}.holidays-year-filter label{color:var(--app-text,#555);font-weight:500}.holidays-year-filter select{border:2px solid var(--app-border,#e5e7eb);cursor:pointer;background:var(--app-input-bg,#fff);color:var(--app-text,#111);border-radius:8px;padding:10px 15px;font-size:14px}.holidays-year-filter select:focus{border-color:#ed2047;outline:none}.holidays-view-tabs{border-bottom:2px solid #ed20471a;gap:10px;margin-bottom:20px;display:flex}.holidays-view-tab{cursor:pointer;color:var(--app-text-muted,#666);background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s;position:relative;top:2px}.holidays-view-tab.active{color:#ed2047;border-bottom-color:#ed2047;font-weight:600}.holidays-view-tab:hover{color:#ed2047}.holidays-loading,.holidays-empty-state{text-align:center;color:var(--app-text-muted,#666);padding:40px 20px}.holidays-loading i,.holidays-empty-state i{margin-bottom:12px;font-size:32px}.holidays-empty-state i{color:#ddd;font-size:64px}.holidays-table{border-collapse:collapse;background:var(--app-surface,#fff);border:1px solid #ed20471a;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 8px 25px #0000001a}.holidays-table th,.holidays-table td{text-align:left;border-bottom:1px solid #ed20471a;padding:18px 15px}.holidays-table th{color:var(--app-text,#333);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ed20470d,#f262250d);font-size:14px;font-weight:600}.holidays-table tr{transition:all .3s}.holidays-table tr:hover{background:linear-gradient(135deg,#ed204705,#f2622505)}.holidays-table tr:last-child td{border-bottom:none}.holiday-type{text-transform:capitalize}.holidays-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .3s}.holidays-btn-danger:hover:not(:disabled){background:#dc2626}.holidays-btn-danger:disabled{opacity:.6;cursor:not-allowed}.holidays-btn-danger--compact{padding:6px 12px;font-size:12px}.calendar-container{background:var(--app-surface,#fff);box-sizing:border-box;border:1px solid #ed20471a;border-radius:16px;width:100%;max-width:100%;padding:30px;overflow-x:hidden;box-shadow:0 8px 25px #0000001a}.calendar-header{justify-content:space-between;align-items:center;min-width:0;margin-bottom:25px;display:flex}.calendar-nav{align-items:center;gap:15px;min-width:0;display:flex}.calendar-nav button{background:var(--app-surface-muted,#f3f4f6);cursor:pointer;color:var(--app-text-muted,#666);border:none;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:16px;transition:all .3s}.calendar-nav button:hover{color:#fff;background:#ed2047}.calendar-month-year{color:var(--app-text,#333);min-width:0;font-size:20px;font-weight:600}.calendar-weekdays{box-sizing:border-box;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:100%;max-width:100%;margin-bottom:10px;display:grid}.calendar-weekday{text-align:center;color:var(--app-text-muted,#666);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#ed20470d,#f262250d);border-radius:8px;min-width:0;padding:12px;font-size:13px;font-weight:600;overflow:hidden}.calendar-grid{box-sizing:border-box;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:100%;max-width:100%;display:grid}.calendar-day{border:1px solid var(--app-border,#e5e7eb);background:var(--app-surface,#fff);box-sizing:border-box;border-radius:8px;min-width:0;min-height:100px;padding:8px;transition:all .3s;position:relative;overflow:hidden}.calendar-day:hover{background:var(--app-surface-muted,#f9fafb);border-color:#ed2047}.calendar-day.other-month{background:var(--app-surface-muted,#f9fafb);color:#ccc}.calendar-day.today{background:#ed20471f;border-color:#ed2047}.calendar-day-number{width:28px;height:28px;color:var(--app-text,#333);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;margin-bottom:5px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.calendar-day.other-month .calendar-day-number{color:#ccc}.calendar-day.today .calendar-day-number{color:#fff;background:#ed2047}.calendar-day.week-off:not(.today) .calendar-day-number{color:#1f2937;background:#ffc107e6}.calendar-holiday{color:#ed2047;background:#ed20471a;border-left:3px solid #ed2047;border-radius:4px;justify-content:space-between;align-items:center;gap:4px;margin-top:4px;padding:4px 6px;font-size:11px;display:flex}.calendar-holiday--week-off{color:#b45309;background:#ffc1072e;border-left-color:#ffc107}.calendar-holiday-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.calendar-holiday-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px}.calendar-holiday-multiple{color:#ed2047;margin-top:4px;font-size:10px}.calendar-holiday-star{color:#ed2047;font-size:12px;position:absolute;top:8px;right:8px}.upcoming-holidays{background:var(--app-surface-muted,#f9fafb);border:2px dashed var(--app-border,#e5e7eb);border-radius:12px;margin-top:30px;padding:20px}.upcoming-holidays-title{color:var(--app-text,#333);margin-bottom:15px;font-size:16px;font-weight:600}.upcoming-holidays-list{flex-direction:column;gap:10px;display:flex}.upcoming-holidays-empty{text-align:center;color:var(--app-text-muted,#999);padding:15px}.upcoming-holiday-item{background:var(--app-surface,#fff);border-left:4px solid #ed2047;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.upcoming-holiday-date{color:#ed2047;min-width:100px;font-weight:600}.upcoming-holiday-name{color:var(--app-text,#333);flex:1}.upcoming-holiday-type{color:var(--app-text-muted,#666);text-transform:capitalize;font-size:12px}.upcoming-week-off-item{border-left-color:#ffc107}.upcoming-week-off-item .upcoming-holiday-date{color:#b45309}@media (width<=768px){.holidays-main-content{box-sizing:border-box;max-width:100%;padding:12px;overflow-x:hidden}.calendar-container{padding:14px}.calendar-weekdays,.calendar-grid{gap:3px}.calendar-weekday{padding:6px 2px;font-size:11px}.calendar-day{min-height:52px;padding:4px}.calendar-day-number{width:24px;height:24px;margin-bottom:2px;font-size:12px}.calendar-holiday{padding:2px 4px;font-size:9px}.calendar-nav{flex-wrap:wrap;gap:8px}.calendar-month-year{font-size:16px}}@media (width<=400px){.holidays-main-content{padding:8px}.calendar-container{padding:10px}.calendar-weekdays,.calendar-grid{gap:2px}.calendar-weekday{padding:5px 1px;font-size:10px}.calendar-day{border-radius:6px;min-height:44px;padding:3px}}.holiday-modal-overlay{z-index:30000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.holiday-modal-content{background:var(--app-surface,#fff);border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;animation:.3s holidayModalSlideIn;display:flex;box-shadow:0 10px 40px #0003}.holiday-modal-content--wide{max-width:640px}@keyframes holidayModalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.holiday-modal-header{border-bottom:2px solid #ed20471a;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.holiday-modal-title{color:#ed2047;margin:0;font-size:22px;font-weight:700}.holiday-modal-close{background:var(--app-surface-muted,#e5e7eb);color:var(--app-text-muted,#4b5563);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.holiday-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.holiday-form-group{margin-bottom:18px}.holiday-form-group label{color:var(--app-text,#374151);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.holiday-form-group input,.holiday-form-group select{border:2px solid var(--app-border,#e5e7eb);box-sizing:border-box;background:var(--app-input-bg,#fff);width:100%;color:var(--app-text,#111);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px}.holiday-form-group input:focus,.holiday-form-group select:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.holiday-required{color:#ef4444}.holiday-hint{color:var(--app-text-muted,#6b7280);margin-top:6px;font-size:12px;display:block}.holiday-format-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:10px;display:flex}.holiday-format-box{background:var(--app-surface-muted,#f9fafb);color:var(--app-text-muted,#666);border-radius:8px;padding:15px;font-size:13px}.holiday-format-box ul{margin:10px 0 0 20px}.holiday-dropzone{border:1px dashed var(--app-border,#d1d5db);background:var(--app-surface-muted,#f9fafb);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:8px;margin-top:8px;padding:16px;display:flex}.holiday-dropzone.dragover{background:#ed20470d;border-color:#ed2047}.holiday-dropzone-message{color:var(--app-text,#374151);text-align:center;font-size:14px}.holiday-browse-btn{border:1px solid var(--app-border,#e5e7eb);background:var(--app-surface,#fff);color:var(--app-text,#374151);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500}.holiday-dropzone-hint{color:var(--app-text-muted,#6b7280);font-size:12px}.holiday-selected-file{color:#ed2047;margin-top:15px;font-weight:500}.holiday-hidden-input{display:none}.holiday-modal-footer{border-top:1px solid var(--app-border,#e5e7eb);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.holiday-btn-cancel,.holiday-btn-save{cursor:pointer;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600}.holiday-btn-cancel{border:2px solid var(--app-border,#e5e7eb);background:var(--app-surface,#fff);color:var(--app-text,#374151)}.holiday-btn-save{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225);border:none}.holiday-btn-save:disabled{cursor:not-allowed;background:#9ca3af}.holiday-day-detail-date{color:var(--app-text,#111);background:linear-gradient(135deg,#ed204714,#f2622514);border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.holiday-day-detail-date i{color:#ed2047}.holiday-day-detail-empty{text-align:center;color:var(--app-text-muted,#6b7280);padding:28px 12px}.holiday-day-detail-empty i{color:#d1d5db;margin-bottom:10px;font-size:36px}.holiday-day-detail-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.holiday-day-detail-item{border:1px solid var(--app-border,#e5e7eb);background:var(--app-surface-muted,#f9fafb);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.holiday-day-detail-item-main{flex:1;min-width:0}.holiday-day-detail-name{color:var(--app-text,#111);word-break:break-word;margin-bottom:6px;font-size:16px;font-weight:600}.holiday-day-detail-meta{color:var(--app-text-muted,#6b7280);flex-wrap:wrap;gap:8px 12px;font-size:12px;display:flex}.holiday-day-detail-type{color:#ed2047;text-transform:capitalize;background:#ed20471f;border-radius:999px;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.holiday-day-detail-footer{flex-wrap:wrap;justify-content:stretch}.holiday-day-detail-footer .holiday-btn-save{justify-content:center;align-items:center;gap:8px;width:100%;margin-right:0;display:inline-flex}[data-theme=dark] .holiday-day-detail-item{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .holiday-day-detail-empty i{color:var(--app-text-muted)}.month-week-offs-modal-overlay{z-index:30040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008c;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.month-week-offs-modal-content{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);width:100%;max-width:760px;max-height:90vh;box-shadow:0 10px 40px var(--app-shadow,#0003);border-radius:16px;flex-direction:column;display:flex}.month-week-offs-modal-header{border-bottom:2px solid var(--app-border-soft,#ed20471a);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.month-week-offs-modal-title{color:#ed2047;margin:0;font-size:22px;font-weight:700}.month-week-offs-modal-close{background:var(--app-surface-muted,#e5e7eb);border:1px solid var(--app-border,#e5e7eb);color:var(--app-text-muted,#4b5563);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.month-week-offs-modal-close:hover{background:var(--app-surface-hover,#f3f4f6);color:var(--app-text,#111)}.month-week-offs-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.month-week-offs-modal-footer{border-top:1px solid var(--app-border,#e5e7eb);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.mwo-note{color:var(--app-text-muted,#64748b);background:#ed20470f;border:1px solid #ed20471f;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.5}.mwo-note strong{color:var(--app-text,#111)}.mwo-scope-check{color:var(--app-text,#111);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin:18px 0 10px;font-size:14px;font-weight:600;display:flex}.mwo-scope-check input{accent-color:#ed2047;cursor:pointer;width:16px;height:16px}.mwo-scope-panel{margin-bottom:4px}.mwo-scope-hint{color:var(--app-text-muted,#64748b);margin:0 0 10px;font-size:12px;line-height:1.45}.mwo-scope-hint--footer{margin:8px 0 0}.mwo-dual-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mwo-list-panel{border:1px solid var(--app-border,#e5e7eb);background:var(--app-surface,#fff);border-radius:10px;overflow:hidden}.mwo-list-title{color:var(--app-text-muted,#64748b);background:var(--app-surface-muted,#f8fafc);border-bottom:1px solid var(--app-border,#e5e7eb);padding:8px 10px;font-size:12px;font-weight:700;display:block}.mwo-user-list{max-height:160px;overflow-y:auto}.mwo-user-item{text-align:left;border:none;border-bottom:1px solid var(--app-border-soft,#f1f5f9);width:100%;color:var(--app-text,#1f2937);cursor:pointer;background:0 0;padding:9px 10px;font-size:13px;display:block}.mwo-user-item:hover{background:#ed20470f}.mwo-user-item:disabled{opacity:.55;cursor:not-allowed}.mwo-list-empty{color:var(--app-text-muted,#94a3b8);text-align:center;padding:16px 10px;font-size:12px}.mwo-filters{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.mwo-filter-field{flex-direction:column;gap:6px;display:flex}.mwo-filter-field label{color:var(--app-text-muted,#555);font-size:13px;font-weight:500}.mwo-filter-field .mwo-app-select{width:100%}.mwo-filter-field .mwo-app-select .app-select-container{width:100%;min-width:140px}.mwo-weekend-container{border:2px solid var(--app-border,#e9ecef);background:var(--app-surface-muted,#f8f9fa);box-shadow:0 2px 10px var(--app-shadow,#0000000d);box-sizing:border-box;border-radius:12px;min-width:0;max-width:100%;padding:20px;overflow:hidden}.mwo-weekend-title{color:var(--app-text,#333);align-items:center;gap:8px;margin-bottom:15px;font-size:16px;font-weight:600;display:flex}.mwo-weekend-title i{color:#ed2047}.mwo-weekend-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,138px),1fr));gap:10px;min-width:0;margin-bottom:20px;display:grid}.mwo-weekend-option{box-sizing:border-box;background:var(--app-input-bg,#fff);border:2px solid var(--app-border,#e9ecef);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-width:0;max-width:100%;padding:10px 12px;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.mwo-weekend-option:hover{background:var(--app-surface-hover,#f9fafb);border-color:#ed204759}.mwo-weekend-option input[type=checkbox]{accent-color:#ed2047;flex-shrink:0;width:18px;height:18px;margin:0}.mwo-weekend-option label{color:var(--app-text,#333);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.mwo-selected-weekend-offs{background:var(--app-input-bg,#fff);border:2px dashed var(--app-border,#e9ecef);border-radius:8px;flex-wrap:wrap;gap:12px;min-height:50px;padding:10px;display:flex}.mwo-empty-hint{color:var(--app-text-muted,#999);text-align:center;width:100%;padding:20px;font-style:italic}.mwo-weekend-item{color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#ed2047 0%,#f26225 100%);border-radius:20px;align-items:center;gap:8px;max-width:100%;padding:8px 12px;font-size:14px;display:flex}.mwo-weekend-item>span{flex-shrink:0;font-weight:500}.mwo-week-selector{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.mwo-week-checkbox{white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:12px;display:flex}.mwo-week-checkbox input[type=checkbox]{accent-color:#fff;flex-shrink:0}.mwo-remove-weekend-off{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;width:24px;height:24px;font-size:16px;line-height:1}.mwo-remove-weekend-off:hover{background:#ffffff59}.mwo-btn-outline-danger{cursor:pointer;background:var(--app-surface,#fff);color:#dc3545;border:2px solid #dc3545;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500}.mwo-btn-outline-danger:hover{color:#fff;background:#dc3545}.mwo-btn-cancel,.mwo-btn-save{cursor:pointer;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600}.mwo-btn-cancel{border:2px solid var(--app-border,#e5e7eb);background:var(--app-surface,#fff);color:var(--app-text,#374151)}.mwo-btn-cancel:hover{background:var(--app-surface-muted,#f3f4f6)}.mwo-btn-save{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225);border:none}.mwo-btn-save:hover:not(:disabled){filter:brightness(1.05)}.mwo-btn-save:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .month-week-offs-modal-header{border-bottom-color:#ed204738}[data-theme=dark] .month-week-offs-modal-close{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d);color:var(--app-text-muted,#8b949e)}[data-theme=dark] .month-week-offs-modal-close:hover{background:var(--app-surface-hover,#21262d);color:var(--app-text,#e6edf3)}[data-theme=dark] .month-week-offs-modal-footer{border-top-color:var(--app-border,#30363d)}[data-theme=dark] .mwo-filter-field label{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .mwo-note strong,[data-theme=dark] .mwo-scope-check{color:var(--app-text,#e6edf3)}[data-theme=dark] .mwo-list-panel{background:var(--app-input-bg,#0d1117);border-color:var(--app-border,#30363d)}[data-theme=dark] .mwo-list-title{background:var(--app-surface-muted,#1c2128);color:var(--app-text-muted,#8b949e);border-bottom-color:var(--app-border,#30363d)}[data-theme=dark] .mwo-user-item{color:var(--app-text,#e6edf3);border-bottom-color:var(--app-border,#30363d)}[data-theme=dark] .mwo-user-item:hover{background:#ed20471f}[data-theme=dark] .mwo-list-empty{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .mwo-weekend-container{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d);box-shadow:none}[data-theme=dark] .mwo-weekend-title{color:var(--app-text,#e6edf3)}[data-theme=dark] .mwo-weekend-option label{color:var(--app-text,#e6edf3)}[data-theme=dark] .mwo-weekend-option:has(input:checked){background:#ed20471f;border-color:#ed2047}[data-theme=dark] .mwo-empty-hint{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .mwo-weekend-item{background:linear-gradient(135deg,#ed2047eb 0%,#f26225e0 100%);box-shadow:0 2px 10px #00000059}[data-theme=dark] .mwo-btn-outline-danger:hover{color:#fff;background:#ed20472e;border-color:#ed2047}[data-theme=dark] .mwo-btn-cancel{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3)}@media (width<=700px){.month-week-offs-modal-overlay{justify-content:center;align-items:center;padding:.75rem}.month-week-offs-modal-content{border-radius:16px;max-height:92vh;margin:0 auto}.month-week-offs-modal-header,.month-week-offs-modal-body,.month-week-offs-modal-footer{padding-left:14px;padding-right:14px}.month-week-offs-modal-title{font-size:18px}.mwo-weekend-container{box-sizing:border-box;min-width:0;max-width:100%;padding:12px}.mwo-weekend-options{grid-template-columns:repeat(2,minmax(0,1fr))}.mwo-dual-list{grid-template-columns:1fr}.mwo-selected-weekend-offs{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:10px;min-width:0;max-width:100%}.mwo-weekend-item{flex-wrap:wrap;align-items:flex-start;gap:8px;width:100%;max-width:100%;padding:10px 40px 10px 12px;position:relative}.mwo-weekend-item .mwo-week-selector{flex:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0;max-width:100%;display:grid}.mwo-weekend-item .mwo-week-checkbox{background:#fff3;border-radius:10px;justify-content:center;min-width:0;padding:2px 4px;font-size:11px}.mwo-weekend-item .mwo-remove-weekend-off{position:absolute;top:8px;right:8px}.month-week-offs-modal-footer{flex-direction:column;align-items:stretch}.month-week-offs-modal-footer .mwo-btn-outline-danger,.month-week-offs-modal-footer .mwo-btn-cancel,.month-week-offs-modal-footer .mwo-btn-save{text-align:center;justify-content:center;width:100%}}@media (width<=420px){.mwo-weekend-options{grid-template-columns:1fr}.mwo-filters{flex-direction:column}.mwo-filter-field .mwo-app-select,.mwo-filter-field .mwo-app-select .app-select-container{width:100%;min-width:0}}.manage-holidays-header{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;padding:20px;display:flex}.manage-holidays-header .holidays-page-title{flex-shrink:0;align-items:center;margin:0;padding:0;line-height:1.2;display:flex}.manage-holidays-actions{flex-wrap:wrap;justify-content:flex-end;gap:15px;margin-left:auto;display:flex}.holidays-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.holidays-btn-primary{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);box-shadow:0 4px 12px #ed20474d}.holidays-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ed204766}.holidays-btn-secondary{background:var(--app-surface,#fff);color:#ed2047;border:2px solid #ed2047}.holidays-btn-secondary:hover{color:#fff;background:#ed2047}@media (width<=1100px){.manage-holidays-header{flex-direction:column;align-items:stretch;gap:15px}.manage-holidays-actions{flex-flow:row;justify-content:flex-start;align-items:stretch;gap:10px;width:100%;margin-left:0}.manage-holidays-page .holidays-btn{white-space:nowrap;flex:none;justify-content:center;width:auto;padding:10px 14px;font-size:13px}}@media (width<=768px){.manage-holidays-actions{gap:8px}.manage-holidays-page .holidays-btn{padding:10px 12px;font-size:12px}}@media (width<=480px){.manage-holidays-header{padding:14px}.manage-holidays-actions{flex-flow:column}.manage-holidays-page .holidays-btn{flex:auto;width:100%}}.login-container{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:600px;padding:40px;position:relative;box-shadow:0 0 20px #0000001a}.logo{height:60px}.login-container h2{color:#333;margin:10px 0 30px;font-size:24px}.login-container .input-container{margin-bottom:20px;position:relative}.login-container .input-container input[type=email],.login-container .input-container input[type=password],.login-container .input-container input[type=text]{box-sizing:border-box;border:1px solid #ccc;border-radius:8px;width:100%;min-height:48px;padding:12px 40px 12px 44px;font-size:16px;line-height:1.25}.button-container{gap:20px;display:flex}.login-container button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:12px 15px;font-size:16px;transition:opacity .3s;display:inline-flex}.login-container button:hover:not(:disabled){opacity:.92}.login-container button:disabled{opacity:.7;cursor:not-allowed}.link{color:#555;margin-top:15px;font-size:14px;text-decoration:none;display:block}.link a{color:#007bff;text-decoration:none}.link a:hover{text-decoration:underline}.error{color:red;min-height:1.25rem;margin-top:10px;font-size:14px}.success{color:#1a7f37;min-height:1.25rem;margin-top:10px;font-size:14px}.auth-loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;color:#333;background:#ffffffe0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:600;display:none;position:absolute;inset:0}.auth-loading-overlay.is-active{display:flex}.auth-loading-spinner{color:#ed2047;font-size:2rem}@media (width<=768px){.login-container{width:100%;max-width:100%;padding:1.5rem 1.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.logo{height:52px;margin-bottom:8px}.login-container h2{margin:8px 0 1.25rem;font-size:1.35rem}.login-container .input-container input[type=email],.login-container .input-container input[type=password],.login-container .input-container input[type=text]{min-height:46px;padding:.875rem 2.5rem .875rem 2.75rem;font-size:16px}.login-container button{padding:.875rem 1rem;font-size:.95rem}.link{margin-top:12px;font-size:13px}}@media (width<=400px){.login-container{padding:1.25rem 1rem}.login-container h2{font-size:1.25rem}}[data-theme=dark] .login-container{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 12px 32px var(--app-shadow)}[data-theme=dark] .login-container h2{color:var(--app-text)}[data-theme=dark] .login-container .input-container input[type=email],[data-theme=dark] .login-container .input-container input[type=password],[data-theme=dark] .login-container .input-container input[type=text]{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .login-container .input-container input::placeholder{color:var(--app-text-muted)}[data-theme=dark] .login-container .input-container input:focus{border-color:#ed20478c;outline:none;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .login-container .input-container i,[data-theme=dark] .login-container .link{color:var(--app-text-muted)}[data-theme=dark] .login-container .link a{color:#79c0ff}[data-theme=dark] .login-container .link a:hover{color:#a5d6ff}[data-theme=dark] .login-container .error{color:#ff7b72}[data-theme=dark] .login-container .success{color:#3fb950}[data-theme=dark] .auth-loading-overlay{color:var(--app-text);background:#161b22e6}.register-container{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:600px;padding:40px;position:relative;box-shadow:0 0 20px #0000001a}.register-container .logo{height:60px;margin-bottom:10px}.register-container h2{color:#333;margin:10px 0 30px;font-size:24px}.register-container .input-row{justify-content:space-between;gap:10px;display:flex}.register-container .input-container{flex:1;margin-bottom:20px;position:relative}.register-container .input-row>.input-container{margin-bottom:20px}.register-container input[type=text],.register-container input[type=email],.register-container input[type=password]{box-sizing:border-box;border:1px solid #ccc;border-radius:8px;width:100%;min-height:48px;padding:12px 40px 12px 44px;font-size:16px;line-height:1.25}.register-container .input-container i{color:#888}.register-container button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px 15px;font-size:16px;transition:opacity .3s}.register-container button[type=submit]:hover:not(:disabled){opacity:.92}.register-container button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.register-container .link{color:#555;margin-top:15px;font-size:14px;display:block}.register-container .link a{color:#007bff;text-decoration:none}.register-container .link a:hover{text-decoration:underline}.register-container .error{color:red;min-height:1.25rem;margin-top:10px;font-size:14px}.register-container .success{color:green;min-height:1.25rem;margin-top:10px;font-size:14px}@media (width<=768px){.register-container{width:100%;max-width:100%;padding:1.5rem 1.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.register-container .logo{height:52px;margin-bottom:8px}.register-container h2{margin:8px 0 1rem;font-size:1.35rem}.register-container .input-row{flex-direction:column;gap:0}.register-container .input-container{margin-bottom:16px}.register-container input[type=text],.register-container input[type=email],.register-container input[type=password]{min-height:46px;padding:.875rem 2.5rem .875rem 2.75rem;font-size:16px}.register-container button[type=submit]{padding:.875rem 1rem;font-size:.95rem}.register-container .link{margin-top:12px;font-size:13px}}@media (width<=400px){.register-container{padding:1.25rem 1rem}.register-container h2{font-size:1.25rem}}[data-theme=dark] .register-container{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 12px 32px var(--app-shadow)}[data-theme=dark] .register-container h2{color:var(--app-text)}[data-theme=dark] .register-container input[type=text],[data-theme=dark] .register-container input[type=email],[data-theme=dark] .register-container input[type=password]{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .register-container input::placeholder{color:var(--app-text-muted)}[data-theme=dark] .register-container input:focus,[data-theme=dark] .auth-role-select:focus-visible,[data-theme=dark] .auth-role-select-wrap.is-open .auth-role-select{border-color:#ed20478c;outline:none;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .register-container .input-container i,[data-theme=dark] .register-container .link{color:var(--app-text-muted)}[data-theme=dark] .register-container .link a{color:#79c0ff}[data-theme=dark] .register-container .link a:hover{color:#a5d6ff}[data-theme=dark] .register-container .error{color:#ff7b72}[data-theme=dark] .register-container .success{color:#3fb950}.forgot-password-container{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:600px;padding:40px;box-shadow:0 0 20px #0000001a}.forgot-password-container .logo{height:60px;margin-bottom:10px}.forgot-password-container h2{color:#333;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:10px 0 30px;font-size:24px;font-weight:900}.forgot-password-container .input-container{margin-bottom:20px;position:relative}.forgot-password-container .input-container input[type=email],.forgot-password-container .input-container input[type=text],.forgot-password-container .input-container input[type=password]{box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;min-height:48px;padding:12px 40px 12px 44px;font-size:16px;line-height:1.25;transition:all .3s;box-shadow:0 2px 4px #0000000d}.forgot-password-container .input-container input:focus{border-color:#ed2047;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #ed20471a}.forgot-password-container input[type=email][readonly]{cursor:not-allowed;background-color:#f0f0f0}.forgot-password-container .button-row{justify-content:space-between;gap:10px;margin-top:10px;display:flex}.forgot-password-container button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:10px;flex:1;padding:12px 15px;font-size:16px;font-weight:500;transition:all .3s;box-shadow:0 4px 12px #ed20474d}.forgot-password-container button:hover:not(:disabled){background:linear-gradient(135deg,#f26225,#ed2047);transform:translateY(-2px);box-shadow:0 6px 16px #ed204766}.forgot-password-container button:disabled{cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.forgot-password-container .timer{color:#555;min-height:1.25rem;margin-top:10px;font-size:14px}.forgot-password-container .error,.forgot-password-container .success{border-radius:8px;margin-top:10px;padding:10px;font-size:14px}.forgot-password-container .error{color:#d32f2f;background-color:#ffebee;border:1px solid #ffcdd2}.forgot-password-container .success{color:#388e3c;background-color:#e8f5e8;border:1px solid #c8e6c9}.forgot-password-container .link{color:#555;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin-top:15px;font-size:14px;display:flex}.forgot-password-container .link a,.forgot-password-container .link button.link-button{color:#ed2047;cursor:pointer;box-shadow:none;background:0 0;border:none;flex:none;padding:0;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.forgot-password-container .link a:hover,.forgot-password-container .link button.link-button:hover{color:#f26225;background:0 0;text-decoration:underline;transform:none}.forgot-password-container .link-back{margin-left:0}@media (width<=768px){.forgot-password-container{width:100%;max-width:100%;padding:1.5rem 1.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.forgot-password-container .logo{height:52px;margin-bottom:8px}.forgot-password-container h2{margin:8px 0 1.25rem;font-size:1.35rem}.forgot-password-container .input-container input[type=email],.forgot-password-container .input-container input[type=text],.forgot-password-container .input-container input[type=password]{padding:.875rem 2.5rem;font-size:16px}.forgot-password-container .input-container i.fa-envelope,.forgot-password-container .input-container i.fa-lock,.forgot-password-container .input-container i.fa-key{left:12px}.forgot-password-container .toggle-password{right:12px}.forgot-password-container .button-row{flex-direction:column;gap:8px}.forgot-password-container button{padding:.875rem 1rem;font-size:.95rem}.forgot-password-container .error,.forgot-password-container .success{padding:8px;font-size:13px}.forgot-password-container .link{gap:10px 16px;margin-top:12px;font-size:13px}}@media (width<=400px){.forgot-password-container{padding:1.25rem 1rem}.forgot-password-container h2{font-size:1.25rem}}[data-theme=dark] .forgot-password-container{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 12px 32px var(--app-shadow)}[data-theme=dark] .forgot-password-container .input-container input[type=email],[data-theme=dark] .forgot-password-container .input-container input[type=text],[data-theme=dark] .forgot-password-container .input-container input[type=password]{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text);box-shadow:none}[data-theme=dark] .forgot-password-container .input-container input::placeholder{color:var(--app-text-muted)}[data-theme=dark] .forgot-password-container .input-container input:focus{border-color:#ed20478c;transform:none;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .forgot-password-container input[type=email][readonly]{background-color:var(--app-surface-muted);color:var(--app-text-muted);border-color:var(--app-border)}[data-theme=dark] .forgot-password-container .input-container i{color:var(--app-text-muted)}[data-theme=dark] .forgot-password-container button:disabled{background:var(--gray-300,#484f58);color:var(--app-text-muted)}[data-theme=dark] .forgot-password-container .timer{color:var(--app-text-muted)}[data-theme=dark] .forgot-password-container .error{color:#ff7b72;background-color:#f851491f;border-color:#f8514959}[data-theme=dark] .forgot-password-container .success{color:#3fb950;background-color:#3fb9501f;border-color:#3fb95059}[data-theme=dark] .forgot-password-container .link{color:var(--app-text-muted)}[data-theme=dark] .forgot-password-container .link a,[data-theme=dark] .forgot-password-container .link button.link-button{color:#ff8ba7}[data-theme=dark] .forgot-password-container .link a:hover,[data-theme=dark] .forgot-password-container .link button.link-button:hover{color:#ffb3c7}.team-sys-page{--team-sys-primary:#ed2047;--team-sys-primary-2:#f26225;--team-sys-text:#16213e;--team-sys-muted:#6b7280;--team-sys-border:#e5e7eb;--team-sys-card-bg:#fff;--team-sys-hover:#fff7f8;--team-sys-table-border:#eef2f7;--team-sys-soft:#ed20470f;--team-sys-soft-border:#ed20471f;height:100%;min-height:0;color:var(--app-text,var(--team-sys-text));flex-direction:column;flex:1;display:flex;overflow:hidden}.team-sys-main{flex-direction:column;flex:auto;min-height:0;padding:40px;display:flex;overflow:hidden}.team-sys-header,.team-sys-error{flex-shrink:0}.team-sys-header{border:1px solid var(--team-sys-soft-border);background:linear-gradient(135deg,#ed204705,#f2622505);border-radius:12px;margin-bottom:18px;padding:20px}.team-sys-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.team-sys-header-text{flex:auto;min-width:0}.team-sys-title{letter-spacing:-.5px;background:linear-gradient(135deg, var(--team-sys-primary), var(--team-sys-primary-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:600}.team-sys-subtitle{color:var(--app-muted,var(--team-sys-muted));margin:4px 0 0;font-size:13px}.team-sys-header-row .app-search-input-wrap{min-width:min(320px,100%);margin-left:auto}.team-sys-error{color:#c62828;background:#dc354514;border:1px solid #dc354540;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.team-sys-retry{color:#c62828;cursor:pointer;background:#fff;border:1px solid #c6282840;border-radius:8px;margin-left:auto;padding:6px 12px;font-weight:600}.team-sys-data-card{background:var(--app-card-bg,var(--team-sys-card-bg));border:1px solid var(--app-border,var(--team-sys-border));border-radius:14px;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden;box-shadow:0 2px 10px #16213e0a}.team-sys-table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track);flex:auto;min-height:0;overflow:auto}.team-sys-table-wrap::-webkit-scrollbar{width:8px;height:8px;display:block}.team-sys-table-wrap::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.team-sys-table-wrap::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.team-sys-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.team-sys-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px}.team-sys-table th,.team-sys-table td{text-align:left;border-bottom:1px solid var(--team-sys-table-border);vertical-align:middle;padding:14px 16px}.team-sys-table th{letter-spacing:.05em;text-transform:uppercase;color:var(--app-muted,var(--team-sys-muted));background:linear-gradient(180deg, #ed20470f, #ed204705), var(--app-card-bg,var(--team-sys-card-bg));font-size:11px;font-weight:700}.team-sys-table thead th{z-index:2;box-shadow:0 1px 0 var(--team-sys-table-border);position:sticky;top:0}.team-sys-table td{background:var(--app-card-bg,var(--team-sys-card-bg))}.team-sys-table tbody tr:not(.team-sys-detail-row):hover td{background:var(--team-sys-hover)}.team-sys-table tbody tr.is-open td{background:var(--team-sys-soft)}.team-sys-empty-cell{color:var(--app-muted,var(--team-sys-muted));font-size:14px;text-align:center!important;padding:48px 16px!important}.team-sys-emp{align-items:center;gap:12px;display:flex}.team-sys-avatar{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.team-sys-avatar--icon{color:#ed2047;box-shadow:none;background:0 0;font-size:40px;line-height:1}.team-sys-avatar--icon i{line-height:1;display:block}.team-sys-avatar--photo{background:linear-gradient(135deg,#ed2047,#f26225);box-shadow:0 2px 8px #ed204740}.team-sys-avatar img{object-fit:cover;width:100%;height:100%}.team-sys-emp-name,.team-sys-cell-main{color:var(--app-text,var(--team-sys-text));font-weight:600}.team-sys-emp-meta{color:var(--app-muted,var(--team-sys-muted));margin-top:2px;font-size:12px}.team-sys-role-pill{color:var(--team-sys-primary);text-transform:capitalize;background:#ed204714;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.team-sys-view-btn{color:var(--team-sys-primary);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ed204714,#f2622514);border:1px solid #ed204747;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.team-sys-view-btn:hover,.team-sys-view-btn.is-active{background:linear-gradient(135deg, var(--team-sys-primary), var(--team-sys-primary-2));color:#fff;border-color:#0000}.team-sys-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(2px);background:#16213e73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.team-sys-modal{background:var(--app-card-bg,#fff);border:1px solid var(--team-sys-soft-border);border-radius:16px;flex-direction:column;width:min(860px,100%);max-height:min(88vh,920px);display:flex;overflow:hidden;box-shadow:0 24px 60px #16213e47}.team-sys-modal-header{border-bottom:1px solid var(--team-sys-soft-border);background:linear-gradient(135deg,#ed20470d,#f262250a);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.team-sys-modal-identity{flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.team-sys-modal-identity>div{min-width:0}.team-sys-modal-header h2{color:var(--app-text,var(--team-sys-text));word-break:break-word;margin:0;font-size:1.15rem}.team-sys-modal-header p{color:var(--app-muted,var(--team-sys-muted));word-break:break-word;margin:4px 0 0;font-size:.85rem;line-height:1.35}.team-sys-modal-close{color:var(--team-sys-primary);cursor:pointer;background:#ed204714;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:inline-flex}.team-sys-modal-close:hover{color:var(--team-sys-primary);background:#ed204729}.team-sys-modal-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.team-sys-history-btn{color:var(--team-sys-primary);cursor:pointer;background:#ed204714;border:1px solid #ed204747;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.team-sys-history-btn:hover{background:#ed204729}.team-sys-logs-drawer-overlay{z-index:2147483100;background:#0f172a59;position:fixed;inset:0}.team-sys-logs-drawer{z-index:2147483110;background:#fff;flex-direction:column;width:min(440px,96vw);height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-10px 0 30px #0003}.team-sys-logs-drawer-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.team-sys-logs-drawer-title{color:#111827;font-size:17px;font-weight:700}.team-sys-logs-drawer-subtitle{color:#6b7280;margin-top:2px;font-size:11px}.team-sys-logs-drawer-close{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:8px;width:34px;height:34px;font-size:1rem}.team-sys-logs-drawer-close:hover{color:var(--team-sys-primary);background:#ed204714}.team-sys-logs-drawer-body{background:#fafafa;flex:1;padding:12px;overflow:auto}.team-sys-logs-line{color:#6b7280;padding:8px 0;font-size:13px}.team-sys-logs-error{color:#b91c1c}.team-sys-logs-flow{padding-left:22px;position:relative}.team-sys-logs-flow:before{content:"";background:#d1d5db;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:8px}.team-sys-log-item{text-align:left;cursor:pointer;background:#fff;border:2px solid #d1d5db;border-radius:12px;width:100%;margin-bottom:12px;padding:12px;font-family:inherit;display:block;position:relative;box-shadow:0 1px 3px #0000000f}.team-sys-log-item:hover{border-color:#f26225;box-shadow:0 2px 8px #f2622526}.team-sys-log-item.is-active{background:#fff7f8;border-color:#ed2047}.team-sys-log-item:before{content:"";background:#9ca3af;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:18px;left:-24px;box-shadow:0 0 0 2px #d1d5db}.team-sys-log-item.latest{background:#f0fdf4;border-color:#10b981}.team-sys-log-item.latest:before{background:#10b981;box-shadow:0 0 0 2px #10b981}.team-sys-log-title{color:#111827;margin-bottom:4px;font-size:13px;font-weight:700}.team-sys-log-sub{color:#374151;margin-top:2px;font-size:12px}.team-sys-log-time{color:#6b7280;margin-top:6px;font-size:11px}[data-theme=dark] .team-sys-logs-drawer{background:#171717}[data-theme=dark] .team-sys-logs-drawer-header{border-bottom-color:#ffffff1a}[data-theme=dark] .team-sys-logs-drawer-title{color:#f3f3f3}[data-theme=dark] .team-sys-logs-drawer-body{background:#121212}[data-theme=dark] .team-sys-log-item{background:#ffffff0a;border-color:#ffffff1f}[data-theme=dark] .team-sys-log-title{color:#f3f3f3}[data-theme=dark] .team-sys-log-sub,[data-theme=dark] .team-sys-log-time,[data-theme=dark] .team-sys-logs-drawer-subtitle,[data-theme=dark] .team-sys-logs-line{color:#a8a8a8}[data-theme=dark] .team-sys-logs-flow:before{background:#ffffff29}.team-sys-modal-body{padding:16px 18px 20px;overflow:auto}.team-sys-detail{gap:16px;padding:0;display:grid}.team-sys-detail-section{background:var(--app-card-bg,#fff);border:1px solid var(--team-sys-soft-border);border-radius:12px;padding:16px 18px;box-shadow:0 1px 4px #16213e08}.team-sys-detail-section h3{color:var(--team-sys-primary);align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.team-sys-detail-section h3 i{color:var(--team-sys-primary-2)}.team-sys-detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.team-sys-detail-item{background:#ed204708;border:1px solid #ed204714;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.team-sys-detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--app-muted,var(--team-sys-muted));font-size:11px;font-weight:700}.team-sys-detail-value{color:var(--app-text,var(--team-sys-text));word-break:break-word;font-size:14px;font-weight:600}.team-sys-acc-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.team-sys-acc-card{background:linear-gradient(#ffffffe6,#ed204708);border:1px solid #ed204724;border-radius:12px;padding:12px 14px}.team-sys-acc-card.is-empty{opacity:.78;border-color:var(--team-sys-border);background:#6b72800a}.team-sys-acc-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.team-sys-acc-title{color:var(--app-text,var(--team-sys-text));font-size:13px;font-weight:700}.team-sys-acc-status{border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.team-sys-acc-status.is-yes{color:#15803d;background:#22c55e1f}.team-sys-acc-status.is-no{color:#4b5563;background:#6b72801f}.team-sys-acc-body{gap:8px;margin-top:10px;display:grid}.team-sys-acc-meta{color:var(--app-muted,var(--team-sys-muted));justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.team-sys-acc-meta strong{color:var(--app-text,var(--team-sys-text))}.team-sys-acc-storage-label{text-transform:uppercase;letter-spacing:.04em;color:var(--app-muted,var(--team-sys-muted));margin-bottom:6px;font-size:11px;font-weight:700;display:block}.team-sys-acc-storage-tags{flex-wrap:wrap;gap:6px;display:flex}.team-sys-acc-tag{color:#c2410c;background:#f262251a;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.team-sys-declarations{gap:10px;margin:0;padding:0;list-style:none;display:grid}.team-sys-declarations li{border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.team-sys-declarations li.is-accepted{color:var(--app-text,var(--team-sys-text));background:#ed20470f;border:1px solid #ed204724}.team-sys-declarations li.is-missing{border:1px solid var(--team-sys-border);color:var(--app-muted,var(--team-sys-muted));background:#6b72800f}.team-sys-declarations li i{color:var(--team-sys-primary);margin-top:2px}.team-sys-declarations li.is-missing i{color:#9ca3af}.team-sys-empty{color:var(--app-muted,var(--team-sys-muted));margin:0}@media (width<=900px){.team-sys-main{padding:20px 16px 28px}.team-sys-header{padding:16px}.team-sys-title{font-size:22px}}@media (width<=640px){.team-sys-modal-backdrop{align-items:flex-end;padding:10px}.team-sys-modal{border-radius:16px 16px 12px 12px;width:100%;max-height:min(92vh,920px)}.team-sys-modal-header{flex-wrap:wrap;gap:10px;padding:14px}.team-sys-modal-identity{order:1;width:100%}.team-sys-modal-actions{order:0;justify-content:flex-end;width:100%}.team-sys-modal-header h2{font-size:1.05rem}.team-sys-modal-header p{font-size:.78rem}.team-sys-modal-body{padding:12px}.team-sys-detail-section{padding:12px 14px}.team-sys-detail-grid,.team-sys-acc-grid{grid-template-columns:1fr}.team-sys-history-btn{padding:7px 10px;font-size:12px}.team-sys-avatar{width:44px;height:44px}.team-sys-avatar--icon{color:#ed2047;font-size:44px}}[data-theme=dark] .team-sys-modal{background:var(--app-card-bg,#171717);box-shadow:0 24px 60px #0000008c}[data-theme=dark] .team-sys-modal-backdrop{background:#0009}[data-theme=dark] .team-sys-modal-header{background:linear-gradient(135deg,#ed204724,#f262251a)}[data-theme=dark] .team-sys-page{--team-sys-text:var(--app-text,#f3f3f3);--team-sys-muted:var(--app-muted,#a8a8a8);--team-sys-border:var(--app-border,#ffffff1f);--team-sys-card-bg:var(--app-card-bg,#171717);--team-sys-hover:#ed204714;--team-sys-table-border:#ffffff14;--team-sys-soft:#ed20471a;--team-sys-soft-border:#ed204738}[data-theme=dark] .team-sys-header{background:linear-gradient(135deg,#ed20471a,#f2622514)}[data-theme=dark] .team-sys-retry{color:#ff8a95;background:#ffffff0f}[data-theme=dark] .team-sys-error{color:#ff8a95}[data-theme=dark] .team-sys-detail-section,[data-theme=dark] .team-sys-acc-card{background:#ffffff08}[data-theme=dark] .team-sys-detail-item{background:#ffffff0a}[data-theme=dark] .team-sys-acc-status.is-yes{color:#86efac;background:#22c55e2e}[data-theme=dark] .team-sys-acc-status.is-no{color:#d1d5db;background:#ffffff14}[data-theme=dark] .team-sys-acc-tag{color:#fdba74;background:#f262252e}[data-theme=dark] .team-sys-role-pill{color:#ff8f66;background:#ed204729}.seating-plan-overlay{z-index:100080;box-sizing:border-box;background:#1418209e;justify-content:center;align-items:center;padding:.75rem;display:flex;position:fixed;inset:0}.seating-plan-modal{color:#1f2937;background:#fff;border:1px solid #ed204724;border-radius:16px;flex-direction:column;width:min(1100px,100%);max-height:min(96vh,920px);display:flex;overflow:auto;box-shadow:0 28px 70px #00000061}.seating-plan-header{background:linear-gradient(135deg,#ed20470f,#f2622508);border-bottom:1px solid #ed20471f;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.1rem;display:flex}.seating-plan-header-text{flex:0 auto;min-width:0}.seating-plan-search{flex:240px;min-width:160px;max-width:380px;position:relative}.seating-plan-search .app-search-input-wrap{width:100%;min-width:0;max-width:none}.sp-search-results{z-index:20;background:#fff;border:1px solid #ed204729;border-radius:12px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0000002e}.sp-search-result{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.sp-search-result:hover,.sp-search-result:focus-visible{background:#ed204714;outline:none}.sp-search-result strong{color:#111827;font-size:.84rem}.sp-search-result span,.sp-search-empty{color:#6b7280;font-size:.74rem}.sp-search-empty{padding:10px 12px}[data-theme=dark] .seating-plan-search .app-search-input-wrap>input.app-search-input{color:#f3f3f3;background:#161616;border-color:#333}[data-theme=dark] .sp-search-results{background:#161616;border-color:#333;box-shadow:0 12px 32px #00000073}[data-theme=dark] .sp-search-result strong{color:#f3f3f3}[data-theme=dark] .sp-search-result span,[data-theme=dark] .sp-search-empty{color:#9ca3af}[data-theme=dark] .sp-search-result:hover,[data-theme=dark] .sp-search-result:focus-visible{background:#ed204729}@media screen and (width<=720px){.seating-plan-header{flex-wrap:wrap}.seating-plan-search{flex:100%;order:3;max-width:none}}.seating-plan-header h2{color:#ed2047;margin:0;font-size:1.2rem}.seating-plan-header p{color:#6b7280;margin:.2rem 0 0;font-size:.84rem}.seating-plan-close{color:#ed2047;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .25rem;font-size:1.75rem;line-height:1}.seating-plan-body{flex:1;min-height:0;padding:.65rem .8rem .85rem;display:flex}.sp-plan-wrap{aspect-ratio:685/541;width:100%;max-width:min(100%,121.553vh - 8.23013rem);max-height:calc(96vh - 6.5rem);margin:0 auto;position:relative;overflow:visible}.sp-svg{width:100%;height:100%;font-family:Segoe UI,system-ui,sans-serif;display:block;overflow:hidden}.sp-label{fill:#1a2330;pointer-events:none;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:800}.sp-label--lg{font-size:16px}[data-theme=dark] .seating-plan-modal{color:#e6edf3;background:#0a0a0a;border-color:#ed204747;box-shadow:0 28px 70px #0000008c}[data-theme=dark] .seating-plan-header{background:#0a0a0a;border-bottom-color:#ed204752}[data-theme=dark] .seating-plan-header p{color:#9ca3af}[data-theme=dark] .seating-plan-body{background:#0a0a0a}.sp-chair--clickable{outline:none}.sp-chair--clickable:hover .sp-chair-pad{filter:brightness(1.16)}.sp-chair--selected .sp-chair-pad{filter:none}.sp-chair--match .sp-chair-pad{filter:brightness(1.12)}.sp-chair--dim{opacity:.32}.sp-chair--vacant:hover .sp-chair-pad{filter:brightness(1.16)}.sp-vacant-html-tip{z-index:8;color:#fff;white-space:nowrap;pointer-events:none;background:#111827;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1.2;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 6px 16px #00000047}.sp-vacant-html-tip.is-below{transform:translate(-50%,12px)}.sp-seat-drawer-overlay{z-index:100100;opacity:0;background:#0f172a47;transition:opacity .7s;position:fixed;inset:0}.sp-seat-drawer-overlay.is-open{opacity:1}.sp-seat-drawer{background:var(--app-surface,#fff);border-left:1px solid var(--app-border-soft,#e5e7eb);z-index:100110;flex-direction:column;width:min(520px,96vw);height:100vh;transition:transform .7s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000040}.sp-seat-drawer.is-open{transform:translate(0)}.sp-seat-drawer-header{background:linear-gradient(90deg,#ed2047,#f26225);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;display:flex}.sp-seat-drawer-title{color:#fff;font-size:1.05rem;font-weight:700}.sp-seat-drawer-close{cursor:pointer;color:#fff;text-align:center;background:0 0;border:none;border-radius:8px;flex-shrink:0;width:32px;height:32px;font-size:22px;line-height:32px}.sp-seat-drawer-close:hover{color:#fff;background:#ffffff29}.sp-seat-drawer-body{background:var(--app-surface,#fff);flex:1;min-height:0;padding:20px 18px 24px;overflow-y:auto}.sp-seat-profile{text-align:center;border-bottom:1px solid var(--app-border,#e5e7eb);flex-direction:column;align-items:center;gap:8px;min-width:0;margin-bottom:16px;padding:8px 8px 18px;display:flex}.sp-seat-profile .sp-details-avatar{box-sizing:border-box;object-fit:cover;border-radius:50%;flex-shrink:0;width:88px;min-width:88px;max-width:88px;height:88px;margin:0 auto;display:block;overflow:hidden}.sp-seat-profile .sp-details-avatar-fallback-icon{color:#ed2047;margin:0 auto;font-size:88px;line-height:1;display:block}.sp-seat-profile-name{color:var(--app-text,#111827);word-break:break-word;font-size:1.15rem;font-weight:700;display:block}.sp-seat-profile-meta{color:var(--app-text-muted,#6b7280);text-transform:capitalize;font-size:.8rem;line-height:1.4;display:block}.sp-seat-info-grid{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px;display:grid}.sp-seat-info-item{background:var(--app-surface-muted,#f8f9fb);border:1px solid var(--app-border,#eef2f7);border-radius:10px;min-width:0;margin:0;padding:10px 12px}.sp-seat-info-item dt{letter-spacing:.04em;text-transform:uppercase;color:var(--app-text-muted,#9ca3af);font-size:.64rem;font-weight:700}.sp-seat-info-item dd{color:var(--app-text,#1f2937);word-break:break-word;margin:.2rem 0 0;font-size:.84rem;font-weight:600}.sp-seat-drawer-body .team-sys-detail{padding:0}.sp-seat-drawer-body .team-sys-detail-grid,.sp-seat-drawer-body .team-sys-acc-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.sp-seat-drawer-body .team-sys-acc-card.is-empty{opacity:1}.sp-seat-drawer-body .team-sys-detail-label,.sp-seat-drawer-body .team-sys-acc-storage-label,.sp-seat-drawer-body .team-sys-acc-meta span{color:var(--app-text-muted,#9ca3af)}.sp-seat-drawer-body .team-sys-detail-value,.sp-seat-drawer-body .team-sys-acc-title,.sp-seat-drawer-body .team-sys-acc-meta strong,.sp-seat-drawer-body .team-sys-acc-tag{color:var(--app-text,#1f2937);font-weight:600}.sp-seat-drawer-body .team-sys-acc-title,.sp-seat-drawer-body .team-sys-acc-meta strong{font-size:.84rem}.sp-seat-drawer-body .team-sys-acc-tag{background:var(--app-surface-muted,#f3f4f6);color:var(--app-text,#1f2937)}[data-theme=dark] .sp-seat-drawer,[data-theme=dark] .sp-seat-drawer-body{background:var(--app-surface,#171717)}[data-theme=dark] .sp-seat-profile{border-bottom-color:#ffffff1a}[data-theme=dark] .sp-seat-profile-name{color:var(--app-text,#f3f3f3)}[data-theme=dark] .sp-seat-profile-meta,[data-theme=dark] .sp-details-vacant{color:var(--app-muted,#a8a8a8)}[data-theme=dark] .sp-seat-info-item{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .sp-seat-info-item dd{color:#f3f3f3}[data-theme=dark] .sp-seat-drawer-body .team-sys-detail-value,[data-theme=dark] .sp-seat-drawer-body .team-sys-acc-title,[data-theme=dark] .sp-seat-drawer-body .team-sys-acc-meta strong,[data-theme=dark] .sp-seat-drawer-body .team-sys-acc-tag{color:#f3f3f3!important}[data-theme=dark] .sp-seat-drawer-body .team-sys-acc-tag{color:#f3f3f3;background:#ffffff14}[data-theme=dark] .sp-seat-drawer-body .team-sys-acc-status.is-yes{color:#86efac}[data-theme=dark] .sp-seat-drawer-body .team-sys-acc-status.is-no{color:#f3f3f3;background:#ffffff1a}[data-theme=dark] .sp-details-vacant{background:#ffffff0a;border-color:#ffffff1f}.sp-details-vacant{color:#6b7280;background:#f8f9fb;border:1px dashed #4d5d6d47;border-radius:8px;margin:0;padding:.85rem .9rem;font-size:.86rem}.sp-details-person-text strong{color:#111827;font-size:1rem;display:block}.sp-details-person-text span{color:#6b7280;font-size:.78rem;display:block}.sp-details-role{text-transform:capitalize}.sp-details-avatar{object-fit:cover;background:#e5e7eb;border-radius:50%;flex-shrink:0;width:40px;height:40px}.sp-details-avatar-fallback-icon{color:#ed2047;font-size:40px;line-height:1}.dashboard-header-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.dashboard-page .seating-plan-btn{cursor:pointer;background:#fff;border:1.5px solid #ed204773;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s;position:static;top:auto;right:auto;box-shadow:0 2px 8px #ed20471f;color:#ed2047!important;display:inline-flex!important}.dashboard-page .seating-plan-btn:hover{background:#ed204714;transform:translateY(-2px)}[data-theme=dark] .dashboard-page .seating-plan-btn{background:#18181be6;border-color:#ed204780;color:#fb7185!important}@media (width<=860px){.dashboard-page .seating-plan-btn,.dashboard-header-section .ticket-btn{padding:8px 12px;font-size:12px}}.profile-page{--primary-color:#ed2047;--primary-dark:#f26225;--danger-color:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--white:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--border-radius:12px;--border-radius-lg:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);flex-direction:column;height:100%;min-height:0;margin:0 auto;display:flex;overflow:hidden}.profile-page-content{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track);flex:auto;min-height:0;padding:2rem;overflow:hidden auto}:is(.profile-page--admin .profile-page-content,.profile-page:not(:has(.gtg-team-tabs)) .profile-page-content){padding-top:2rem}.profile-page .profile-header-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.profile-page .profile-page-title{color:#333;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;align-items:center;gap:15px;margin:0;font-size:28px;font-weight:600;display:flex}.profile-page--admin #profileSalaryTab,.profile-page--admin #profileSectionSalary{display:none!important}.profile-page .profile-container{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);box-sizing:border-box;width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden}.profile-page .profile-container:before{content:"";background:linear-gradient(90deg,#ed2047,#f26225);height:4px;position:absolute;top:0;left:0;right:0}.profile-page .profile-content{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:2rem;width:100%;min-width:0;padding:2rem;display:grid}.profile-page .profile-image-section{background:linear-gradient(135deg, var(--gray-50), var(--white));border-radius:var(--border-radius-lg);border:1px solid var(--gray-200);text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;min-width:0;max-width:100%;padding:2rem;display:flex;position:relative;overflow:hidden}.profile-page .profile-image-section:before{content:"";background:linear-gradient(90deg,#ed2047,#f26225);height:3px;position:absolute;top:0;left:0;right:0}.profile-page .profile-image-section h4{color:var(--gray-800);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;display:flex}[data-theme=dark] .profile-page .profile-image-section h4{color:var(--app-text)}.profile-page .profile-image-section h4 i{color:#ed2047}.profile-page .profile-image-wrapper{background:linear-gradient(135deg, var(--gray-100), var(--gray-200));width:200px;height:200px;box-shadow:var(--shadow-lg);border:4px solid var(--white);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex;position:relative;overflow:hidden}.profile-page .profile-image-wrapper:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.profile-page .profile-image-wrapper img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-page .profile-image-wrapper i{color:var(--gray-400);font-size:4rem}.profile-page .profile-image-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:100%;margin:0 auto;display:flex}.profile-page .profile-image-actions:has(.remove-btn){grid-template-columns:unset}.profile-page .profile-image-actions button{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);box-sizing:border-box;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;width:148px;min-width:148px;height:44px;margin:0;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.profile-page .upload-btn-label{text-align:center;white-space:nowrap;flex-flow:row;justify-content:center;align-items:center;gap:0;line-height:1.2;display:inline-flex}.profile-page .upload-btn{color:var(--white);background:linear-gradient(90deg,#ed2047,#f26225);border-color:#0000}.profile-page .upload-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.profile-page .remove-btn{background:var(--white);color:var(--danger-color);border-color:var(--danger-color)}.profile-page .remove-btn:hover{background:var(--danger-color);color:var(--white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.profile-page .form-sections{gap:2rem;width:100%;min-width:0;display:grid}.profile-page .form-section{background:linear-gradient(135deg, var(--gray-50), var(--white));border-radius:var(--border-radius-lg);border:1px solid var(--gray-200);box-sizing:border-box;min-width:0;max-width:100%;padding:2rem;position:relative;overflow:visible}.profile-page .form-section:before{content:"";background:linear-gradient(90deg,#ed2047,#f26225);height:3px;position:absolute;top:0;left:0;right:0}.profile-page .form-section h4{color:var(--gray-800);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;display:flex}[data-theme=dark] .profile-page .form-section h4{color:#fff}.profile-page .form-section h4 i{color:#ed2047}.profile-page .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1.5rem;min-width:0;display:grid}.profile-page .input-group{min-width:0;max-width:100%}.profile-page .input-group label{color:var(--gray-700);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.profile-page .input-group label .required{color:var(--danger-color)}.profile-page .form-control{background:var(--white);color:var(--gray-800);border:2px solid var(--gray-200);box-sizing:border-box;border-radius:var(--border-radius);width:100%;max-width:100%;transition:var(--transition);box-shadow:var(--shadow-sm);padding:.875rem 1rem;font-size:.875rem}.profile-page .form-control:focus{border-color:#ed2047;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #ed20471a}.profile-page .form-control[readonly]{background-color:var(--gray-100);cursor:not-allowed;color:var(--gray-600);border-color:var(--gray-300)}.profile-page .profile-telegram-connect{border-radius:var(--border-radius);border:1px solid var(--gray-200);background:var(--gray-50);margin-top:.75rem;padding:.875rem 1rem}.profile-page .profile-telegram-status{align-items:flex-start;gap:.5rem;margin:0;font-size:.875rem;line-height:1.5;display:flex}.profile-page .profile-telegram-status.connected{color:#047857}.profile-page .profile-telegram-status.pending{color:var(--gray-700)}.profile-page .profile-telegram-steps{color:var(--gray-600);margin:.75rem 0;padding-left:1.25rem;font-size:.8125rem;line-height:1.5}.profile-page .profile-telegram-steps code{background:var(--white);border:1px solid var(--gray-200);border-radius:4px;padding:.1rem .35rem;font-size:.8125rem}.profile-page .profile-telegram-bot-btn{border-radius:var(--border-radius);color:var(--white);transition:var(--transition);background:linear-gradient(135deg,#08c,#005f99);align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.profile-page .profile-telegram-bot-btn:hover{box-shadow:var(--shadow);color:var(--white);transform:translateY(-1px)}.profile-page .input-container{box-sizing:border-box;width:100%;max-width:100%;position:relative;overflow:visible}.profile-page .input-container input[type=password],.profile-page .input-container input[type=text]{border:2px solid var(--gray-200);border-radius:var(--border-radius);width:100%;transition:var(--transition);box-shadow:var(--shadow-sm);box-sizing:border-box;padding:.875rem 3rem;font-size:.875rem}.profile-page .input-container input:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471a}.profile-page .input-container>i.fa-lock{color:var(--gray-500);z-index:1;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.profile-page .toggle-password{color:var(--gray-500);cursor:pointer;z-index:2;box-sizing:border-box;background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0;padding:0;font-size:16px;line-height:1;display:inline-flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.profile-page .toggle-password i{margin:0;line-height:1;position:static!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.profile-page .toggle-password:hover{color:#ed2047}.profile-page .error{color:var(--danger-color);margin-top:.5rem;font-size:.75rem;font-weight:500;display:none}.profile-page .error.show{display:block}.profile-page .otp-required{border-radius:var(--border-radius);color:var(--danger-color);background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;align-items:center;gap:.75rem;margin:0 2rem;padding:1rem;font-weight:500;display:flex}.profile-page .profile-form-footer{border-top:1px solid var(--gray-200);background:var(--gray-50);padding:2rem}.profile-page .update-btn{color:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);background:linear-gradient(90deg,#ed2047,#f26225);border:none;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;display:inline-flex}.profile-page .update-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.profile-page .update-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none}.profile-page .profile-update-sticky-bar{display:none}.profile-page .profile-loading,.profile-page .page-loading{color:var(--gray-500);justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.profile-page .profile-salary-content{padding:1.75rem 2rem}.profile-page .profile-salary-title{color:var(--gray-800);align-items:center;gap:.6rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.profile-page .profile-salary-title i{color:var(--primary-color)}.profile-page .profile-salary-subtitle{color:var(--gray-500);margin-top:6px;font-size:.92rem}.profile-page .profile-salary-alert{color:#b91c1c;background:#ef44441a;border-radius:10px;margin-top:14px;padding:10px 14px}.profile-page .profile-salary-empty{text-align:center;color:#64748b;background:#f9fafb;border:1px dashed #e2e8f0;border-radius:12px;margin-top:18px;padding:24px}.profile-page .profile-salary-empty i{color:#cbd5e1;margin-bottom:6px;font-size:24px}.profile-page .profile-salary-empty span{margin-top:6px;font-size:12px;display:block}.profile-page .profile-salary-list{gap:12px;margin-top:18px;display:grid}.profile-page .ownslip-card{border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;grid-template-columns:1fr .75fr .75fr .75fr auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.profile-page .ownslip-card .label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px;font-size:11px;display:block}.profile-page .ownslip-card .v{color:var(--gray-800);font-size:14px;font-weight:600}.profile-page .ownslip-card .v.payable{color:var(--primary-color);font-size:16px}.profile-page .ownslip-meta{color:#94a3b8;margin-top:2px;font-size:11px}.profile-page .ownslip-pill-wrap{margin-top:4px}.profile-page .ownslip-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.profile-page .ownslip-pill.success{color:#047857;background:#10b9811f}.profile-page .ownslip-pill.muted{background:var(--gray-100);color:var(--gray-700)}.profile-page .ownslip-pill.danger{color:#b91c1c;background:#ef44441f}.profile-page .ownslip-unapproved-note{color:#b91c1c;margin-top:6px;font-size:11px}.profile-page .ownslip-actions{flex-wrap:wrap;gap:8px;display:flex}.profile-page .ownslip-actions button{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.profile-page .ownslip-actions button:disabled{opacity:.6;cursor:not-allowed}.profile-page .ownslip-actions button.ghost{color:var(--primary-color);background:#fff;border:1.5px solid #ed20474d}.profile-page .ownslip-actions button.approve-btn,.own-slip-approval-actions button.approve-btn{color:#fff;background:linear-gradient(135deg,#15803d,#16a34a);border:none;box-shadow:0 4px 14px #16a34a59}.profile-page .ownslip-actions button.approve-btn:hover:not(:disabled),.own-slip-approval-actions button.approve-btn:hover:not(:disabled){background:linear-gradient(135deg,#166534,#15803d)}.profile-page .ownslip-actions button.unapprove-btn,.own-slip-approval-actions button.unapprove-btn{color:#b91c1c;background:#fff;border:2px solid #f87171;box-shadow:0 2px 8px #b91c1c1f}.profile-page .ownslip-actions button.unapprove-btn:hover:not(:disabled),.own-slip-approval-actions button.unapprove-btn:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.profile-page .fade-in{animation:.5s ease-in-out profileFadeIn}.profile-page .slide-in{animation:.3s ease-out profileSlideIn}@keyframes profileFadeIn{0%{opacity:0}to{opacity:1}}@keyframes profileSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.otp-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20050;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.otp-modal-overlay .otp-popup-content{text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:2.5rem 2rem;display:flex;position:relative;box-shadow:0 20px 40px #0003}.otp-modal-overlay .otp-popup-content:before{content:"";background:linear-gradient(90deg,#ed2047,#f26225);border-radius:12px 12px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.otp-modal-overlay .otp-logo{height:60px;margin-bottom:1rem}.otp-modal-overlay h3{color:#1f2937;margin:1rem 0 .75rem;font-size:1.5rem;font-weight:600}.otp-modal-overlay .otp-helper-text{color:#6b7280;max-width:360px;margin:0 0 1.5rem;font-size:.9rem;line-height:1.45}.otp-modal-overlay .input-container{width:100%;margin-bottom:1.5rem;position:relative}.otp-modal-overlay .input-container input{box-sizing:border-box;text-align:center;letter-spacing:.5rem;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:1rem 1rem 1rem 3rem;font-size:1rem}.otp-modal-overlay .input-container input:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.otp-modal-overlay .input-container i.fa-key{color:#6b7280;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.otp-modal-overlay .button-row{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.75rem;width:100%;margin-top:.25rem;display:flex}.otp-modal-overlay .button-row>button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;flex:calc(50% - .4rem);justify-content:center;align-items:center;gap:.5rem;min-width:140px;padding:.9rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.otp-modal-overlay .button-row>button:only-child{flex:100%;max-width:100%}.otp-modal-overlay .button-row>button:disabled{cursor:not-allowed;background:#9ca3af}.otp-modal-overlay .button-row>button.otp-resend-btn{color:#ed2047;background:#fff;border:1.5px solid #ed2047}.otp-modal-overlay .button-row>button.otp-resend-btn:hover:not(:disabled){background:#fff5f6}.otp-modal-overlay .button-row>button.otp-resend-btn:disabled{color:#9ca3af;background:#f3f4f6;border-color:#d1d5db}.otp-modal-overlay .otp-resend-row{color:#4b5563;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .5rem;width:100%;margin-top:1rem;font-size:.875rem;display:flex}.otp-modal-overlay .otp-resend-link{color:#ed2047;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin:0;padding:0;font-size:.875rem;font-weight:700;text-decoration:underline}.otp-modal-overlay .otp-resend-link:hover:not(:disabled){color:#f26225}.otp-modal-overlay .otp-resend-link:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.otp-modal-overlay .timer{color:#4b5563;text-align:center;width:100%;margin-top:.75rem;font-size:.875rem}.otp-modal-overlay .error,.otp-modal-overlay .success{text-align:center;box-sizing:border-box;border-radius:8px;width:100%;margin-top:1rem;padding:.75rem;font-size:.875rem}.otp-modal-overlay .error{color:#b91c1c;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.otp-modal-overlay .success{color:#15803d;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.otp-modal-overlay .otp-modal-footer{justify-content:center;width:100%;margin-top:1.5rem;display:flex}.otp-modal-overlay .otp-cancel-link{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;min-width:140px;padding:.7rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.otp-modal-overlay .otp-cancel-link:hover{color:#ed2047;background:#fff;border-color:#ed2047}.own-slip-modal-overlay{z-index:20040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.own-slip-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:900px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0f172a66}.own-slip-modal-header{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.own-slip-modal-subtitle{opacity:.85;margin-top:3px;font-size:12px}.own-slip-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:30px;height:30px;font-size:16px}.own-slip-modal-body{scrollbar-gutter:stable;flex:1;grid-template-columns:1.3fr 1fr;gap:18px;min-height:0;padding:18px 22px;display:grid;overflow:auto}.own-slip-frame-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;min-height:65vh;display:flex;overflow:hidden}.own-slip-frame{background:#f8fafc;border:0;flex:1;width:100%;height:65vh;min-height:65vh}.own-slip-preview-error{color:#b91c1c;padding:16px}.own-slip-modal-side{flex-direction:column;gap:12px;min-width:0;display:flex}.own-slip-summary{color:#1f2937;background:#f9fafb;border-radius:10px;padding:14px;font-size:13px}.own-slip-summary-grid{grid-template-columns:1fr 1fr;gap:8px 14px;display:grid}.own-slip-summary-label{color:#64748b;font-size:11px}.own-slip-fine{color:#b91c1c}.own-slip-payable{border-top:1px solid #e2e8f0;grid-column:1/-1;margin-top:6px;padding-top:8px}.own-slip-payable strong{color:#ed2047;font-size:18px}.own-slip-approval-actions{flex-direction:column;gap:10px;display:flex}.own-slip-approval-actions button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:700;display:inline-flex}.own-slip-approval-actions button:disabled{opacity:.6;cursor:not-allowed}.own-slip-modal-footer{border-top:1px solid #eef2f7;justify-content:flex-end;align-items:center;gap:10px;padding:12px 22px;display:flex}.own-slip-download-hint{color:#64748b;margin-right:auto;font-size:12px}.own-slip-download{color:#ed2047;cursor:pointer;background:#fff;border:1.5px solid #ed20474d;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=1120px){.profile-page .profile-content{grid-template-columns:1fr}.profile-page .profile-image-section{max-width:100%}.own-slip-modal-body{grid-template-columns:1fr}.own-slip-frame-wrap,.own-slip-frame{height:48vh;min-height:48vh}}@media (width<=768px){.profile-page-content{padding:1.25rem}.profile-page .profile-header-section{flex-direction:column;align-items:flex-start;padding:16px}.profile-page .profile-page-title{font-size:22px}.profile-page .profile-content{padding:1rem}.profile-page .form-grid{grid-template-columns:1fr;gap:1rem}.profile-page .input-container input[type=password],.profile-page .input-container input[type=text]{padding-right:2.75rem}.profile-page .toggle-password{right:.5rem}.profile-page .profile-form-footer{padding:1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom,0px))}.profile-page .profile-update-sticky-bar.visible{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));background:var(--white);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000001a}.profile-page .ownslip-card{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.profile-page .ownslip-card .ownslip-actions{grid-column:1/-1;justify-content:flex-end}.otp-modal-overlay{align-items:center;padding:.75rem}.otp-modal-overlay .otp-popup-content{box-sizing:border-box;width:100%;max-width:100%;padding:1.5rem 1rem}.otp-modal-overlay .button-row>button{flex:100%}}@media (width<=400px){.profile-page .profile-image-wrapper{width:120px;height:120px}.profile-page .profile-image-wrapper i{font-size:2.25rem}}.profile-page .system-spec-content .form-section{overflow:hidden}.profile-page .system-spec-content .form-section:before{border-radius:0;width:auto;height:4px;top:0;left:0;right:0}.profile-page .system-spec-last-update{color:var(--gray-600);white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;display:inline-flex}.profile-page .system-spec-last-update span{white-space:nowrap}.profile-page .system-spec-header-meta{flex-wrap:wrap;align-items:center;gap:12px;display:inline-flex}.profile-page .system-spec-history-btn{color:#ed2047;cursor:pointer;background:#ed204714;border:1px solid #ed204747;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.profile-page .system-spec-history-btn:hover:not(:disabled){background:#ed204729}.profile-page .system-spec-history-btn:disabled{opacity:.55;cursor:not-allowed}.profile-page .system-spec-last-update i{color:#ed2047}.profile-page .system-spec-last-update strong{color:var(--gray-800);font-weight:700}.profile-page .system-spec-content{padding:2rem}.profile-page .system-spec-fieldset{border:0;min-width:0;margin:0;padding:0}.profile-page .system-spec-app-select.app-select-wrap{flex-direction:column;align-items:stretch;gap:.45rem;width:100%;min-width:0}.profile-page .system-spec-app-select>label{color:var(--gray-700);white-space:normal;margin-bottom:0;font-size:.875rem;font-weight:600;line-height:1.2}.profile-page .system-spec-app-select .app-select-container{width:100%;min-width:0}.profile-page .system-spec-app-select .app-select-trigger{border-radius:var(--border-radius);min-height:2.85rem;box-shadow:var(--shadow-sm);padding:.7rem .9rem;font-size:.875rem;transform:none!important}.profile-page .system-spec-app-select .app-select-trigger:hover:not(:disabled),.profile-page .system-spec-app-select .app-select-trigger.is-open,.profile-page .system-spec-app-select .app-select-trigger:focus-visible{transform:none!important}[data-theme=dark] .profile-page .system-spec-app-select>label{color:#e4e4e7}[data-theme=dark] .profile-page .system-spec-app-select .app-select-trigger{background:var(--app-input-bg,#18181b);border-color:var(--app-border);color:#e4e4e7}.profile-page .system-spec-content .form-section:has(.system-spec-accessory-field) .form-grid{flex-wrap:wrap;align-items:stretch;gap:1rem;display:flex}.profile-page .system-spec-accessory-field{border-radius:var(--border-radius);box-sizing:border-box;background:#ed204708;border:1px solid #ed20471a;flex:none;min-width:0;padding:.65rem .4rem}.profile-page .system-spec-accessory-field--wide{width:auto;min-width:0;max-width:100%}.profile-page .system-spec-accessory-inline{flex-wrap:wrap;align-items:end;gap:.75rem .85rem;min-width:0;display:flex}.profile-page .system-spec-accessory-field--wide .system-spec-accessory-inline{flex-wrap:wrap;align-items:end;gap:.75rem .85rem;width:100%;max-width:100%;display:flex}.profile-page .system-spec-accessory-control{flex-direction:column;gap:.45rem;min-width:0;display:flex}.profile-page .system-spec-accessory-control>label{color:var(--gray-700);white-space:nowrap;margin-bottom:0;font-size:.875rem;font-weight:600}.profile-page .system-spec-accessory-control--select>label{white-space:normal;max-width:100%;line-height:1.2}.profile-page .system-spec-accessory-control--select{flex:140px;min-width:140px;max-width:220px}.profile-page .system-spec-accessory-field--wide .system-spec-accessory-control--select{flex:0 150px;width:150px;min-width:120px;max-width:180px}.profile-page .system-spec-accessory-field--dual-qty .system-spec-accessory-control--select{flex:0 200px;width:200px;min-width:140px;max-width:220px}.profile-page .system-spec-accessory-field--dual-qty .system-spec-accessory-control--select>label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-page .system-spec-accessory-control--qty{flex:0 0 3.5rem;width:3.5rem}.profile-page .system-spec-accessory-control--named-qty{flex:0 0 3.75rem;width:3.75rem}.profile-page .system-spec-accessory-field--wide .system-spec-accessory-control--qty{flex:0 0 3.5rem;width:3.5rem}.profile-page .system-spec-accessory-field--wide .system-spec-accessory-control--named-qty,.profile-page .system-spec-accessory-field--dual-qty .system-spec-accessory-control--named-qty{flex:0 0 3.75rem;width:3.75rem}.profile-page .system-spec-accessory-control--named-qty .system-spec-qty-label{white-space:nowrap;text-overflow:clip;text-align:center;width:100%;font-size:.7rem;overflow:visible}.profile-page .system-spec-accessory-control--storage{flex:180px;min-width:160px;max-width:280px}.profile-page .system-spec-accessory-storages{display:contents}.profile-page .system-spec-accessory-field--wide .system-spec-accessory-control--storage{flex:160px;width:auto;min-width:140px;max-width:280px}.profile-page .system-spec-qty-label{letter-spacing:.04em;text-transform:uppercase;color:var(--gray-500);text-align:center;font-size:.7rem;font-weight:700}.profile-page .system-spec-accessory-control--select>select.form-control{cursor:pointer;appearance:none;background-color:var(--white);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;width:100%;padding-right:2rem;transform:none!important}.profile-page .system-spec-accessory-control--select>select.form-control:focus{transform:none!important}.profile-page .system-spec-qty-input{text-align:center;-moz-appearance:textfield;border-radius:10px;width:3.5rem;max-width:3.5rem;min-height:2.85rem;padding:.5rem .25rem;font-weight:600;transform:none!important}.profile-page .system-spec-qty-input:focus{transform:none!important}.profile-page .system-spec-qty-input:disabled{opacity:.45;cursor:not-allowed}.profile-page .system-spec-qty-label.is-disabled{opacity:.45}.profile-page .system-spec-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.profile-page .system-spec-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[data-theme=dark] .profile-page .system-spec-accessory-field{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .profile-page .system-spec-accessory-control>label{color:#e4e4e7}[data-theme=dark] .profile-page .system-spec-qty-label{color:#a1a1aa}[data-theme=dark] .profile-page .system-spec-accessory-control--select>select.form-control{color:#e4e4e7;background-color:var(--app-input-bg,#18181b);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.profile-page .system-spec-declarations{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.profile-page .system-spec-declarations li{border-radius:var(--border-radius);color:var(--gray-700);background:#ed20470a;border:1px solid #ed20471f;padding:0;font-size:.9rem;line-height:1.45}.profile-page .system-spec-declaration-item{cursor:pointer;color:inherit;align-items:flex-start;gap:.75rem;margin:0;padding:.9rem 1rem;font-weight:500;display:flex}.profile-page .system-spec-declaration-check{accent-color:#ed2047;cursor:pointer;flex:none;width:1.15rem;height:1.15rem;margin-top:.15rem}.profile-page .system-spec-declaration-item span{flex:auto;min-width:0}[data-theme=dark] .profile-page .system-spec-last-update{color:#a1a1aa}[data-theme=dark] .profile-page .system-spec-last-update strong{color:#f4f4f5}[data-theme=dark] .profile-page .system-spec-declarations li{color:#e4e4e7;background:#ed204714;border-color:#ed204733}@media (width<=1100px){.profile-page .system-spec-content{box-sizing:border-box;max-width:100%;padding:1rem;overflow-x:hidden}.profile-page .system-spec-header-meta{justify-content:space-between;width:100%}.profile-page .system-spec-content .form-section:has(.system-spec-accessory-field) .form-grid{flex-flow:column;align-items:stretch;gap:.85rem;width:100%;max-width:100%;display:flex}.profile-page .system-spec-accessory-field,.profile-page .system-spec-accessory-field--wide{flex:auto;width:100%!important;min-width:0!important;max-width:100%!important}.profile-page .system-spec-accessory-inline,.profile-page .system-spec-accessory-field--wide .system-spec-accessory-inline{grid-template-columns:minmax(0,1fr) 4rem;align-items:end;gap:.65rem;display:grid;width:100%!important;max-width:100%!important}.profile-page .system-spec-accessory-field--dual-qty .system-spec-accessory-inline{grid-template-columns:minmax(0,1fr) 4rem 4rem}.profile-page .system-spec-accessory-control--select,.profile-page .system-spec-accessory-field--wide .system-spec-accessory-control--select,.profile-page .system-spec-accessory-field--dual-qty .system-spec-accessory-control--select{flex:unset;grid-column:1;width:auto!important;min-width:0!important;max-width:none!important}.profile-page .system-spec-accessory-control--qty,.profile-page .system-spec-accessory-control--named-qty,.profile-page .system-spec-accessory-field--wide .system-spec-accessory-control--qty,.profile-page .system-spec-accessory-field--wide .system-spec-accessory-control--named-qty,.profile-page .system-spec-accessory-field--dual-qty .system-spec-accessory-control--named-qty{flex:unset;width:4rem}.profile-page .system-spec-accessory-control--storage,.profile-page .system-spec-accessory-field--wide .system-spec-accessory-control--storage{flex:unset;width:100%;min-width:0;max-width:100%}.profile-page .system-spec-accessory-storages{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:100%;min-width:0;display:grid}.profile-page .system-spec-accessory-storages:has(>:only-child){grid-template-columns:1fr}.profile-page .system-spec-accessory-storages .system-spec-accessory-control--storage{grid-column:auto;width:100%;min-width:0;max-width:100%}.profile-page .system-spec-accessory-storages .system-spec-accessory-control--storage>label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-page .system-spec-accessory-control--select .system-spec-app-select,.profile-page .system-spec-accessory-control--select .system-spec-app-select .app-select-container{width:100%;min-width:0}.profile-page .system-spec-accessory-control>label,.profile-page .system-spec-accessory-field--dual-qty .system-spec-accessory-control--select>label{white-space:normal;text-overflow:unset;overflow:visible}.profile-page .system-spec-declarations li,.profile-page .system-spec-declaration-item{max-width:100%}}@media (width<=768px){.profile-page .system-spec-header-meta{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px}.profile-page .system-spec-last-update{max-width:100%;font-size:.8125rem}}.pdf-canvas-preview{background:#f8fafc;border-radius:10px;flex-direction:column;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.pdf-canvas-preview-scroll{scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-direction:column;flex:1;align-items:center;gap:12px;width:100%;min-height:0;padding:12px;display:flex;overflow:hidden scroll}.pdf-canvas-preview-status{z-index:1;text-align:center;color:#64748b;background:#f8fafc;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex;position:absolute;inset:0}.pdf-canvas-preview-status--error{color:#b91c1c}.pdf-canvas-preview[data-status=ready] .pdf-canvas-preview-status{display:none}.pdf-canvas-page,.own-slip-pdf-page,.slip-pdf-page{background:#fff;border-radius:2px;max-width:100%;height:auto;display:block;box-shadow:0 1px 4px #0f172a1f}.assign-project-explorer{min-height:200px;padding:8px 0 24px}.assign-project-explorer .explorer-grid{padding:12px 0}.assign-project-explorer-empty{text-align:center;color:var(--app-text-muted,#6b7280);padding:60px 24px}.assign-project-explorer-empty i{color:var(--app-text-muted,#9ca3af);margin-bottom:12px;font-size:40px}.assign-project-explorer-empty__title{font-size:15px;font-weight:500}.assign-project-explorer-empty__hint{color:var(--app-text-muted,#9ca3af);margin-top:8px;font-size:13px}.field-hover-tooltip-anchor{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.field-hover-hold-target{-webkit-touch-callout:none}.field-hover-tooltip{color:#fff;white-space:nowrap;pointer-events:none;text-transform:none;letter-spacing:normal;background:#0f172aeb;border-radius:4px;width:max-content;max-width:min(320px,70vw);padding:4px 8px;font-size:11px;font-weight:500;line-height:1.3;position:relative;box-shadow:0 4px 12px #00000040}.field-hover-tooltip:after{content:"";border:4px solid #0000;position:absolute;left:50%;transform:translate(-50%)}.field-hover-tooltip:not(.field-hover-tooltip--below):after{border-top-color:#0f172aeb;top:100%}.field-hover-tooltip--below:after{border-bottom-color:#0f172aeb;bottom:100%}.excel-option-picker,.excel-due-date-picker,.excel-assignee-picker{z-index:12060;border:1px solid var(--gray-200,#e5e7eb);background:#fff;border-radius:12px;position:fixed;overflow:hidden;box-shadow:0 16px 40px #0f172a2e}.excel-option-picker.is-contained,.excel-due-date-picker.is-contained,.excel-assignee-picker.is-contained{z-index:20;position:absolute;overflow-y:auto}.excel-option-picker{min-width:200px;max-width:320px;max-height:320px;padding:6px 0;overflow-y:auto}.excel-option-picker-item{text-align:left;width:100%;color:var(--gray-700,#374151);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px 12px;font-size:13px;display:flex}.excel-option-picker-item:hover,.excel-option-picker-item.is-active{background:var(--gray-100,#f3f4f6);color:var(--primary-color,#ed2047)}.excel-option-picker-content{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.excel-option-picker-dot{border:1px solid #0f172a1f;border-radius:50%;flex-shrink:0;width:10px;height:10px}.excel-option-picker-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:inherit;flex:1;font-size:13px;line-height:1.4;overflow:hidden}.excel-due-date-picker{flex-direction:column;gap:10px;min-width:240px;padding:12px;display:flex}.excel-due-date-picker-title{color:var(--gray-700,#374151);font-size:13px;font-weight:600}.excel-due-date-picker input[type=date]{border:1px solid var(--gray-300,#d1d5db);width:100%;font:inherit;border-radius:8px;padding:8px 10px}.excel-due-date-picker-actions{justify-content:flex-end;gap:8px;display:flex}.excel-due-date-picker-actions .btn{cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:13px}.excel-due-date-picker-actions .btn-primary{background:linear-gradient(135deg, var(--primary-color,#ed2047), var(--primary-dark,#f26225));color:#fff}.excel-due-date-picker-actions .btn-secondary{background:var(--gray-100,#f3f4f6);color:var(--gray-700,#374151)}.excel-assignee-picker{flex-direction:column;width:min(360px,100vw - 24px);min-width:300px;max-width:360px;max-height:400px;display:flex}.excel-assignee-picker-header{border-bottom:1px solid var(--gray-200,#e5e7eb);background:linear-gradient(#fff 0%,#fafafa 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.excel-assignee-picker-title{color:var(--gray-800,#1f2937);font-size:14px;font-weight:700}.excel-assignee-picker-count{background:var(--primary-color,#ed2047);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.excel-assignee-picker-count.is-empty{background:var(--gray-200,#e5e7eb);color:var(--gray-500,#6b7280)}.excel-assignee-picker-search-wrap{background:#fff;border:1px solid #ed204759;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin:10px 12px 0;padding:8px 10px;display:flex}.excel-assignee-picker-search-wrap:focus-within{border-color:var(--primary-color,#ed2047);box-shadow:0 0 0 3px #ed20471f}.excel-assignee-picker-search-wrap i{color:var(--gray-400,#9ca3af);font-size:13px}.excel-assignee-picker-search{font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:1;font-size:14px}.excel-assignee-picker-body{flex:auto;min-height:180px;padding:6px 0;overflow-y:auto}.excel-assignee-picker-hint{color:var(--gray-500,#6b7280);padding:8px 14px 2px;font-size:12px}.excel-assignee-picker-section{text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500,#6b7280);padding:8px 14px 4px;font-size:11px;font-weight:700}.excel-assignee-picker-option{text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 14px 10px 11px;display:flex}.excel-assignee-picker-option:hover{background:#ed20470a}.excel-assignee-picker-option.is-active{border-left-color:var(--primary-color,#ed2047);background:#ed204714}.excel-assignee-picker-check{color:#fff;box-sizing:border-box;background:#fff;border:1.5px solid #9ca3af;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;line-height:1;display:inline-flex}.excel-assignee-picker-option.is-active .excel-assignee-picker-check{background:var(--primary-color,#ed2047);border-color:var(--primary-color,#ed2047);color:#fff}.excel-assignee-picker-option.is-active .excel-assignee-picker-avatar{color:var(--primary-color,#ed2047);background:#ed204726}.excel-assignee-picker-avatar{background:var(--gray-200,#e5e7eb);width:30px;height:30px;color:var(--gray-700,#374151);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.excel-assignee-picker-meta{flex-direction:column;flex:auto;align-items:flex-start;gap:2px;min-width:0;display:flex}.excel-assignee-picker-name{width:100%;color:var(--gray-800,#1f2937);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.25;display:block;overflow:hidden}.excel-assignee-picker-email{width:100%;color:var(--gray-500,#6b7280);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;display:block;overflow:hidden}.excel-assignee-picker-empty{text-align:center;color:var(--gray-500,#6b7280);padding:20px 14px;font-size:13px}.excel-assignee-picker-footer{border-top:1px solid var(--gray-200,#e5e7eb);flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;display:grid}.excel-assignee-picker-footer .btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:9px 12px;font-size:13px;font-weight:600}.excel-assignee-picker-footer .btn-primary{background:var(--primary-color,#ed2047);color:#fff}.excel-assignee-picker-footer .btn-secondary{color:var(--gray-800,#1f2937);border:1px solid var(--gray-300,#d1d5db);background:#fff}[data-theme=dark] .excel-option-picker,[data-theme=dark] .excel-due-date-picker,[data-theme=dark] .excel-assignee-picker{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 16px 40px #00000073}[data-theme=dark] .excel-option-picker-item{color:var(--app-text)}[data-theme=dark] .excel-option-picker-item:hover,[data-theme=dark] .excel-option-picker-item.is-active{color:var(--primary-color,#ed2047);background:#ed20471f}[data-theme=dark] .excel-due-date-picker-title{color:var(--app-text)}[data-theme=dark] .excel-due-date-picker input[type=date]{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .excel-due-date-picker-actions .btn-secondary{background:var(--app-surface-muted);color:var(--app-text)}[data-theme=dark] .excel-assignee-picker-header{background:var(--app-surface-muted);border-bottom-color:var(--app-border)}[data-theme=dark] .excel-assignee-picker-title{color:var(--app-text)}[data-theme=dark] .excel-assignee-picker-count.is-empty{background:var(--app-border);color:var(--app-text-muted)}[data-theme=dark] .excel-assignee-picker-search-wrap{background:var(--app-input-bg,var(--app-surface-muted));border-color:#ed204773}[data-theme=dark] .excel-assignee-picker-search-wrap i{color:var(--app-text-muted)}[data-theme=dark] .excel-assignee-picker-search{color:var(--app-text);background:0 0}[data-theme=dark] .excel-assignee-picker-hint,[data-theme=dark] .excel-assignee-picker-section{color:var(--app-text-muted)}[data-theme=dark] .excel-assignee-picker-option:hover{background:#ed204714}[data-theme=dark] .excel-assignee-picker-option.is-active{border-left-color:var(--primary-color,#ed2047);background:#ed204724}[data-theme=dark] .excel-assignee-picker-check{color:#fff;background:0 0;border-color:#9ca3af}[data-theme=dark] .excel-assignee-picker-option.is-active .excel-assignee-picker-check{background:var(--primary-color,#ed2047);border-color:var(--primary-color,#ed2047);color:#fff}[data-theme=dark] .excel-assignee-picker-avatar{background:var(--app-border);color:var(--app-text)}[data-theme=dark] .excel-assignee-picker-option.is-active .excel-assignee-picker-avatar{color:#fecaca;background:#ed204738}[data-theme=dark] .excel-assignee-picker-name{color:var(--app-text)}[data-theme=dark] .excel-assignee-picker-email,[data-theme=dark] .excel-assignee-picker-empty{color:var(--app-text-muted)}[data-theme=dark] .excel-assignee-picker-footer{border-top-color:var(--app-border)}[data-theme=dark] .excel-assignee-picker-footer .btn-secondary{background:var(--app-surface-muted);color:var(--app-text);border-color:var(--app-border)}.level-picker-backdrop{z-index:12050;cursor:default;background:0 0;border:none;position:fixed;inset:0}.level-picker{z-index:12060;border:1px solid var(--app-border,#e5e7eb);background:#fff;border-radius:12px;min-width:300px;max-width:min(360px,100vw - 24px);max-height:400px;padding:12px;position:fixed;overflow-y:auto;box-shadow:0 16px 40px #0f172a2e}.level-picker.is-contained{z-index:20;max-width:min(360px,100% - 8px);position:absolute}.level-picker-row{align-items:center;gap:6px;display:flex}.level-picker-option{cursor:pointer;min-width:0;color:var(--app-text,#374151);text-align:left;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;transition:background .2s,color .2s;display:flex}.level-picker-option:hover{background:var(--app-surface-hover,#f3f4f6);color:#ed2047}.level-picker-option.is-active{color:#ed2047;background:#2563eb1f}.level-picker-option-content{align-items:center;gap:8px;min-width:0;display:inline-flex}.level-picker-option-content span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.level-picker-dot{border:1px solid #0f172a1f;border-radius:50%;flex-shrink:0;width:10px;height:10px}.level-picker-actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.level-picker-color-input{cursor:pointer;background:0 0;border:none;width:36px;height:32px;padding:0}.level-picker-color-input:focus{border-radius:8px;outline:none;box-shadow:0 0 0 3px #2563eb33}.level-picker-color-input:disabled{cursor:not-allowed;opacity:.4}.level-picker-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,color .2s;display:inline-flex}.level-picker-remove:hover:not(:disabled){color:#b91c1c;background:#ef44441f}.level-picker-remove:disabled{opacity:.45;cursor:not-allowed;color:#d1d5db}.level-picker-add{align-items:center;gap:8px;margin-top:12px;display:flex}.level-picker-add input[type=text]{border:1px solid var(--app-border,#d1d5db);min-width:0;color:var(--app-text,#374151);background:var(--app-input-bg,#fff);border-radius:8px;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.level-picker-add input[type=text]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.level-picker-add input[type=color]{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:42px;height:36px;padding:0}.level-picker-add button{color:#fff;cursor:pointer;background:#ed2047;border:none;border-radius:8px;flex-shrink:0;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600}.level-picker-add button:hover:not(:disabled){filter:brightness(.95)}.level-picker-add button:disabled,.level-picker-add input:disabled{opacity:.55;cursor:not-allowed}.level-picker-empty{text-align:center;color:var(--app-text-muted,#6b7280);padding:8px;font-size:12px}.level-picker-error{color:#dc2626;margin-top:8px;font-size:12px}[data-theme=dark] .level-picker{background:var(--app-surface,#1a1f26);border-color:var(--app-border);box-shadow:0 16px 40px #00000073}[data-theme=dark] .level-picker-option{color:var(--app-text)}[data-theme=dark] .level-picker-option:hover{background:var(--app-surface-hover)}[data-theme=dark] .level-picker-option.is-active{color:#ff6b81;background:#ed204729}[data-theme=dark] .level-picker-add input[type=text]{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}.priority-picker-backdrop{z-index:12050;cursor:default;background:0 0;border:none;position:fixed;inset:0}.priority-picker{z-index:12060;border:1px solid var(--app-border,#e5e7eb);background:#fff;border-radius:12px;min-width:300px;max-width:min(360px,100vw - 24px);max-height:400px;padding:12px;position:fixed;overflow-y:auto;box-shadow:0 16px 40px #0f172a2e}.priority-picker.is-contained{z-index:20;max-width:min(360px,100% - 8px);position:absolute}.priority-picker-row{align-items:center;gap:6px;display:flex}.priority-picker-option{cursor:pointer;min-width:0;color:var(--app-text,#374151);text-align:left;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;transition:background .2s,color .2s;display:flex}.priority-picker-option:hover{background:var(--app-surface-hover,#f3f4f6);color:#ed2047}.priority-picker-option.is-active{color:#ed2047;background:#2563eb1f}.priority-picker-option-content{align-items:center;gap:8px;min-width:0;display:inline-flex}.priority-picker-option-content span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.priority-picker-dot{border:1px solid #0f172a1f;border-radius:50%;flex-shrink:0;width:10px;height:10px}.priority-picker-ban{color:#9ca3af;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:13px;display:inline-flex}.priority-picker-option--remove.is-active .priority-picker-ban,.priority-picker-option--remove:hover .priority-picker-ban{color:#ed2047}.priority-picker-divider{background:var(--app-border,#e5e7eb);height:1px;margin:8px 4px}.priority-picker-actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.priority-picker-color-input{cursor:pointer;background:0 0;border:none;width:36px;height:32px;padding:0}.priority-picker-color-input:focus{border-radius:8px;outline:none;box-shadow:0 0 0 3px #2563eb33}.priority-picker-color-input:disabled{cursor:not-allowed;opacity:.4}.priority-picker-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,color .2s;display:inline-flex}.priority-picker-remove:hover:not(:disabled){color:#b91c1c;background:#ef44441f}.priority-picker-remove:disabled{opacity:.45;cursor:not-allowed;color:#d1d5db}.priority-picker-add{align-items:center;gap:8px;margin-top:12px;display:flex}.priority-picker-add input[type=text]{border:1px solid var(--app-border,#d1d5db);min-width:0;color:var(--app-text,#374151);background:var(--app-input-bg,#fff);border-radius:8px;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.priority-picker-add input[type=text]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.priority-picker-add input[type=color]{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:42px;height:36px;padding:0}.priority-picker-add button{color:#fff;cursor:pointer;background:#ed2047;border:none;border-radius:8px;flex-shrink:0;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600}.priority-picker-add button:hover:not(:disabled){filter:brightness(.95)}.priority-picker-add button:disabled,.priority-picker-add input:disabled{opacity:.55;cursor:not-allowed}.priority-picker-empty{text-align:center;color:var(--app-text-muted,#6b7280);padding:8px;font-size:12px}.priority-picker-error{color:#dc2626;margin-top:8px;font-size:12px}[data-theme=dark] .priority-picker{background:var(--app-surface,#1a1f26);border-color:var(--app-border);box-shadow:0 16px 40px #00000073}[data-theme=dark] .priority-picker-option{color:var(--app-text)}[data-theme=dark] .priority-picker-option:hover{background:var(--app-surface-hover)}[data-theme=dark] .priority-picker-option.is-active{color:#ff6b81;background:#ed204729}[data-theme=dark] .priority-picker-divider{background:var(--app-border)}[data-theme=dark] .priority-picker-ban{color:var(--app-text-muted)}[data-theme=dark] .priority-picker-add input[type=text]{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}.task-status-change-modal{z-index:10080;background:#00000080;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.task-status-change-modal.is-open{display:flex}.task-status-change-modal .modal-dialog{width:100%;max-width:500px}.task-status-change-modal .modal-content{background:var(--white,#fff);border-radius:var(--border-radius,12px);padding:24px;box-shadow:0 24px 60px #0f172a2e}.task-status-change-modal .modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.task-status-change-modal .modal-title{color:var(--gray-800,#1f2937);font-size:18px;font-weight:600}.task-status-change-modal .close-btn{background:var(--gray-100,#f3f4f6);cursor:pointer;width:32px;min-width:32px;height:32px;min-height:32px;color:var(--gray-600,#4b5563);border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.task-status-change-modal .close-btn:hover{background:var(--gray-200,#e5e7eb)}.task-status-change-modal .modal-body p{color:var(--gray-700,#374151);margin:0 0 24px;font-size:15px;line-height:1.5}.task-status-change-modal .task-status-change-actions{justify-content:flex-end;gap:12px;display:flex}.task-status-change-modal .btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.task-status-change-modal .btn-secondary{background:var(--gray-100,#f3f4f6);color:var(--gray-700,#374151)}.task-status-change-modal .btn-secondary:hover{background:var(--gray-200,#e5e7eb)}.task-status-change-modal .btn-primary{background:var(--primary-color,#ed2047);color:#fff}.task-status-change-modal .btn-primary:hover{opacity:.9}[data-theme=dark] .task-status-change-modal .modal-content{background:#171717;box-shadow:0 24px 60px #00000073}[data-theme=dark] .task-status-change-modal .modal-title{color:#f3f4f6}[data-theme=dark] .task-status-change-modal .modal-body p{color:#d1d5db}[data-theme=dark] .task-status-change-modal .close-btn{color:#d1d5db;background:#262626}[data-theme=dark] .task-status-change-modal .close-btn:hover{background:#30363d}[data-theme=dark] .task-status-change-modal .btn-secondary{color:#e5e7eb;background:#262626}[data-theme=dark] .task-status-change-modal .btn-secondary:hover{background:#30363d}@media (width<=768px){.task-status-change-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0))}.task-status-change-modal .modal-dialog{max-width:100%}.task-status-change-modal .modal-content{padding:16px}.task-status-change-modal .task-status-change-actions{flex-direction:column-reverse}.task-status-change-modal .btn{width:100%}}.kanban-view{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.kanban-board-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.kanban-view--dragging .kanban-board{scroll-behavior:auto}.kanban-scroll-zone{z-index:30;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:96px;animation:.22s ease-out both kanban-scroll-zone-in;display:flex;position:absolute;top:0;bottom:8px}@keyframes kanban-scroll-zone-in{0%{opacity:0;transform:translateX(var(--kanban-scroll-enter,0))}to{opacity:1;transform:translate(0)}}.kanban-scroll-zone--left{--kanban-scroll-enter:-12px;background:linear-gradient(90deg,#f1f5f9f5 0%,#f1f5f9b8 42%,#f1f5f900 100%);align-items:flex-start;padding-left:10px;left:0}.kanban-scroll-zone--right{--kanban-scroll-enter:12px;background:linear-gradient(270deg,#f1f5f9f5 0%,#f1f5f9b8 42%,#f1f5f900 100%);align-items:flex-end;padding-right:10px;right:0}.kanban-scroll-zone__glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#ed20471f 0%,#0000 70%);border-radius:999px;transition:opacity .18s;position:absolute;inset:12% 8%}.kanban-scroll-zone.is-active .kanban-scroll-zone__glow{opacity:1}.kanban-scroll-zone__button{color:#0f172a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#cbd5e1d1;border:1px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;transition:transform .18s,background .18s,box-shadow .18s,color .18s;display:flex;position:relative;box-shadow:0 10px 24px #0f172a24,inset 0 1px #ffffffa6}[data-theme=dark] .kanban-scroll-zone__button{color:var(--app-text);border-color:var(--app-border);background:#30363deb;box-shadow:0 10px 24px #00000059,inset 0 1px #ffffff0f}.kanban-scroll-zone.is-active .kanban-scroll-zone__button{color:#fff;background:#ed2047eb;transform:scale(1.06);box-shadow:0 12px 28px #ed204747,inset 0 1px #ffffff59}[data-theme=dark] .kanban-scroll-zone.is-active .kanban-scroll-zone__button{color:#fff;background:#ed2047eb;box-shadow:0 12px 28px #ed204747,inset 0 1px #ffffff59}[data-theme=dark] .kanban-scroll-zone__hint{color:var(--app-text-muted)}.kanban-scroll-zone__hint{letter-spacing:.02em;text-transform:uppercase;color:#64748b;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600;transition:opacity .18s,transform .18s,color .18s;transform:translateY(4px)}.kanban-scroll-zone.is-active .kanban-scroll-zone__hint{opacity:1;color:var(--primary-color,#ed2047);transform:translateY(0)}.kanban-board{flex:1;align-items:stretch;gap:24px;min-height:0;padding-bottom:8px;display:flex;overflow:auto hidden}.kanban-column{background:var(--app-surface);border-radius:var(--border-radius,12px);min-width:400px;max-width:420px;box-shadow:var(--shadow-sm,0 1px 3px #0f172a14);border:1px solid var(--gray-200,#e5e7eb);flex-direction:column;flex:0 0 400px;height:100%;min-height:0;display:flex;position:relative}.kanban-column.drag-over .column-body{background:#ed20470d}.kanban-column.drag-over .column-cards{outline:2px dashed var(--primary-color,#ed2047);outline-offset:-4px;border-radius:8px}.column-header{border-top:4px solid var(--kanban-column-color,var(--gray-400,#9ca3af));border-bottom:1px solid var(--gray-200,#e5e7eb);background:var(--app-surface);border-radius:12px 12px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}[data-theme=dark] .column-header{background:var(--app-surface)}.column-title{text-transform:uppercase;letter-spacing:.5px;color:var(--kanban-column-color,var(--gray-600,#4b5563));font-size:14px;font-weight:600}.column-count{background:var(--gray-100,#f3f4f6);color:var(--gray-600,#4b5563);text-align:center;border-radius:999px;min-width:28px;padding:4px 10px;font-size:12px;font-weight:600}.column-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.column-cards{flex:1 1 0;min-height:0;padding:16px 16px 8px;overflow:hidden auto}.column-cards.is-scrolled{padding-top:0}.column-footer{background:var(--app-surface);flex-shrink:0;padding:8px 16px 16px}[data-theme=dark] .column-footer{background:var(--app-surface)}.kanban-view .task-card{cursor:pointer;background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-border,var(--gray-200,#e5e7eb));border-radius:8px;min-width:0;margin-bottom:12px;padding:16px;transition:box-shadow .2s,transform .2s;position:relative}[data-theme=dark] .kanban-view .task-card:hover{background:var(--app-surface-hover);box-shadow:0 4px 12px #0006}.kanban-view .task-card:hover{box-shadow:var(--shadow-md,0 4px 12px #0f172a1a);transform:translateY(-1px)}.kanban-view .task-card.dragging{opacity:.5;cursor:grabbing;transform:rotate(3deg)}.kanban-view .subtask-card.dragging{opacity:.5;cursor:grabbing;transform:rotate(2deg)}.kanban-view .task-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.kanban-view .task-name-wrapper{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.kanban-view .unread-comment-bubble{color:#ed2047;pointer-events:none;background:#ed20471f;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;height:20px;padding:0 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.kanban-view .unread-comment-bubble i{font-size:10px}.kanban-view .unread-comment-bubble-count{font-variant-numeric:tabular-nums}[data-theme=dark] .kanban-view .unread-comment-bubble{color:#ff6b85;background:#ed204738}.kanban-view .task-name{color:var(--gray-800,#1f2937);text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;font-size:14px;font-weight:500;display:block;overflow:hidden}.kanban-view .task-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.kanban-view .subtask-create-btn{height:24px;color:var(--gray-500,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}.kanban-view .subtask-create-btn:hover{color:#ed2047;background:#ed204714;border-radius:6px}.kanban-view .task-card-action-btn{width:28px;height:28px;color:var(--gray-400,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kanban-view .task-card-action-btn:hover{color:var(--primary-color,#ed2047);background:#ed20471f}.kanban-view .task-meta{flex-direction:column;gap:4px;display:flex}.kanban-view .task-meta-row{flex-wrap:nowrap;align-items:center;gap:8px;width:100%;display:flex}.kanban-view .task-assignee{background:var(--primary-color,#ed2047);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:flex}.kanban-view .task-assignee-empty{background:var(--gray-200,#e5e7eb);color:var(--gray-500,#6b7280);font-size:10px}.kanban-view .assignee-avatars-group{align-items:center;gap:4px;display:inline-flex}.kanban-view .task-assignee-more{color:var(--gray-500,#6b7280);flex-shrink:0;font-size:11px;font-weight:600}.kanban-view .task-card-no-open{cursor:pointer}.kanban-view .permission-locked{cursor:default;pointer-events:none;opacity:.7}.kanban-view .task-meta-status.task-card-no-open,.kanban-view .task-meta-level.task-card-no-open,.kanban-view .task-meta-assignee.task-card-no-open,.kanban-view .task-meta-due.task-card-no-open,.kanban-view .task-meta-priority.task-card-no-open{cursor:pointer}.kanban-view .task-assignee-empty:hover{background:var(--gray-300,#d1d5db);color:var(--gray-600,#4b5563)}.kanban-view .task-due-date.task-card-no-open:hover{filter:brightness(.95)}.kanban-view .task-due-date.empty.task-card-no-open{border-radius:6px;padding:4px 8px;transition:background .2s,color .2s}.kanban-view .task-due-date.empty.task-card-no-open:hover{background:var(--gray-100,#f3f4f6);color:var(--gray-600,#4b5563)}.kanban-view .priority-flag.task-card-no-open:hover{filter:brightness(.95)}.kanban-view .task-due-date{color:var(--gray-600,#4b5563);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:inline-flex}.kanban-view .task-due-date.overdue{color:#ef4444}.kanban-view .task-due-date.upcoming{color:#2563eb}.kanban-view .task-due-date.empty{color:var(--gray-400,#9ca3af)}.kanban-view .task-meta-hover{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.kanban-view .task-meta-name.task-meta-hover,.kanban-view .task-meta-name{flex:1 1 0;min-width:0;max-width:100%;display:block;overflow:hidden}.kanban-view .task-name-wrapper .task-meta-name{flex:1 1 0}.kanban-view .task-meta-tooltip{display:none!important}:is(.kanban-view .task-card:has(.task-meta-hover:hover),.kanban-view .subtask-card:has(.task-meta-hover:hover)){z-index:40}.kanban-view .task-meta-name{min-width:0;max-width:100%}.kanban-view .task-meta-name .task-name{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.kanban-view .task-meta-status .status-dot-only{border-radius:50%;width:10px;height:10px;display:inline-block}.kanban-view .task-level-tag{border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 1px #0f172a1f}.kanban-view .task-priority{flex-shrink:0;margin-left:auto}.kanban-view .priority-flag{white-space:nowrap;border:1px solid #0000;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.kanban-view .priority-flag.priority-urgent{color:#dc2626;background:#ef444424;border-color:#ef444440}.kanban-view .priority-flag.priority-high{color:#dc2626;background:#f8717124}.kanban-view .priority-flag.priority-normal{color:#1d4ed8;background:#2563eb1a}.kanban-view .priority-flag.priority-low{color:#047857;background:#10b98124}.kanban-view .priority-flag.priority-none{color:#475569;background:#94a3b829}.kanban-view .priority-flag.priority-custom{color:#92400e;background:#fbbf242e}.kanban-view .task-subtasks{background:var(--gray-50,#f9fafb);color:var(--gray-600,#4b5563);cursor:pointer;border-radius:6px;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:8px 12px;font-size:12px;transition:all .2s;display:inline-flex}.kanban-view .task-subtasks .task-subtasks-unread.unread-comment-bubble{margin-left:2px}.kanban-view .task-subtasks:hover{background:var(--gray-100,#f3f4f6);color:var(--primary-color,#ed2047)}.kanban-view .task-subtasks .task-subtasks-chevron{font-size:12px;transition:transform .28s cubic-bezier(.4,0,.2,1);transform:rotate(-90deg)}.kanban-view .task-subtasks.expanded .task-subtasks-chevron{transform:rotate(0)}.kanban-view .subtask-container{opacity:0;grid-template-rows:0fr;width:100%;min-width:0;max-width:100%;margin-top:0;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),margin-top .3s cubic-bezier(.4,0,.2,1),opacity .2s;display:grid;overflow:clip}.kanban-view .subtask-container.expanded{opacity:1;grid-template-rows:1fr;margin-top:8px}.kanban-view .subtask-container-inner{width:100%;min-width:0;max-width:100%;min-height:0;overflow:clip}.kanban-view .subtask-container-loading{color:var(--gray-500,#6b7280);background:var(--gray-50,#f9fafb);border-radius:6px;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}[data-theme=dark] .kanban-view .subtask-container-loading{background:var(--app-surface-muted,#1c2128);color:var(--gray-500,#8b949e)}.kanban-view .subtask-card{background:var(--app-surface-muted,var(--gray-50,#f9fafb));color:var(--app-text);border:1px solid var(--app-border,var(--gray-200,#e5e7eb));cursor:pointer;box-sizing:border-box;border-radius:6px;width:100%;min-width:0;max-width:100%;margin-bottom:8px;padding:12px;transition:box-shadow .2s,transform .2s;overflow:hidden}[data-theme=dark] .kanban-view .subtask-card{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d)}[data-theme=dark] .kanban-view .subtask-card:hover{background:var(--app-surface-hover,#2d333b);border-color:var(--gray-300,#484f58);box-shadow:0 2px 8px #00000059}.kanban-view .subtask-card:hover{background:var(--app-surface);box-shadow:0 1px 3px #00000014}.kanban-view .subtask-card:last-child{margin-bottom:0}.kanban-view .subtask-card-header{justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;margin-bottom:8px;display:flex}.kanban-view .subtask-card-header .task-meta-name.task-meta-hover,.kanban-view .subtask-card-header .task-meta-name{flex:1!important;min-width:0!important;max-width:100%!important;display:block!important;overflow:hidden!important}.kanban-view .subtask-card-header .task-name{color:var(--gray-800,#1f2937);text-align:left;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:13px;font-weight:600;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;min-width:0!important;max-width:100%!important;display:block!important;overflow:hidden!important}.kanban-view .subtask-card-header .task-name-text{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;max-width:100%!important;display:block!important;overflow:hidden!important}.kanban-view .subtask-card-header .task-name:hover{color:var(--primary-color,#ed2047)}.kanban-view .subtask-card-header .task-card-action-btn{flex:none}.kanban-view .subtask-card .task-meta{flex-direction:row;align-items:center;gap:0;width:100%;min-width:0;max-width:100%;display:flex}.kanban-view .subtask-card .task-meta-row{flex-wrap:nowrap;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;display:flex}.kanban-view .subtask-card .task-assignee{width:20px;height:20px;font-size:10px}.kanban-view .subtask-card .task-assignee-empty{background:var(--gray-200,#e5e7eb);color:var(--gray-500,#6b7280)}.kanban-view .subtask-card .task-assignee-empty:hover{background:var(--gray-300,#d1d5db);color:var(--gray-600,#4b5563)}.kanban-view .subtask-card .task-due-date{border-radius:4px;flex-shrink:0;padding:3px 6px}.kanban-view .subtask-card .task-due-date-empty,.kanban-view .subtask-card .task-due-date.empty{color:var(--gray-400,#9ca3af);cursor:pointer;transition:all .2s}.kanban-view .subtask-card .task-due-date-empty:hover,.kanban-view .subtask-card .task-due-date.empty.task-card-no-open:hover{background:var(--gray-200,#e5e7eb);color:var(--gray-600,#4b5563)}.kanban-view .subtask-card .task-level-tag{cursor:pointer;flex:none;margin-left:0}.kanban-view .subtask-card .task-level-tag.permission-locked{cursor:default;pointer-events:none;opacity:.75}.kanban-view .subtask-card .task-priority{flex:none;min-width:0;margin-left:auto}.kanban-view .subtask-card .priority-flag{text-overflow:ellipsis;white-space:nowrap;max-width:88px;padding:3px 6px;font-size:10px;display:inline-block;overflow:hidden}.kanban-view .subtask-meta-status{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.kanban-view .subtask-meta-status.permission-locked{cursor:default;pointer-events:none;opacity:.75}.kanban-view .subtask-meta-status .status-dot-only,.kanban-view .subtask-meta-status .status-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 1px #0f172a14}.kanban-view .subtask-meta-status .status-tooltip{background:var(--gray-800,#1f2937);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:40;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.3;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.kanban-view .subtask-meta-status .status-tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--gray-800,#1f2937);position:absolute;top:100%;left:50%;transform:translate(-50%)}.kanban-view .subtask-meta-status:hover .status-tooltip,.kanban-view .subtask-meta-status:focus-visible .status-tooltip{opacity:1;visibility:visible}.kanban-view .add-task-btn{border:2px dashed var(--gray-300,#d1d5db);cursor:pointer;width:100%;color:var(--gray-500,#6b7280);transition:var(--transition,all .2s ease);background:0 0;border-radius:8px;padding:12px;font-size:14px}.kanban-column .add-task-btn--filled{border-color:var(--kanban-column-color,var(--primary-color,#ed2047));color:var(--kanban-column-color,var(--primary-color,#ed2047))}.kanban-column .add-task-btn:hover:not(:disabled){border-color:var(--kanban-column-color,var(--primary-color,#ed2047));color:var(--kanban-column-color,var(--primary-color,#ed2047));background:color-mix(in srgb, var(--kanban-column-color,var(--primary-color,#ed2047)) 8%, transparent)}.kanban-view .add-task-btn.permission-locked{opacity:.6;cursor:not-allowed}.kanban-loading,.kanban-error{color:var(--gray-600,#4b5563);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}@media (width<=900px){.kanban-column{flex-basis:300px;min-width:300px}}@media (width<=1024px){.kanban-board{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;gap:12px}.kanban-column{flex:0 0 280px;min-width:280px;max-width:280px}.column-header{padding:14px 16px}.column-cards{padding:12px 12px 8px}.column-cards.is-scrolled{padding-top:0}.column-footer{padding:8px 12px 12px}.kanban-view .task-card{margin-bottom:10px;padding:12px}.kanban-view .task-card .task-name{font-size:13px}.kanban-view .add-task-btn{border-width:1.5px;padding:8px 10px;font-size:13px}}@media (width<=768px){.kanban-view .add-task-btn{border-radius:6px;padding:6px 8px;font-size:12px}}@media (width<=400px){.kanban-column{flex:0 0 260px;min-width:260px;max-width:260px}.kanban-board{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.kanban-view .add-task-btn{padding:7px 8px;font-size:12px;line-height:1.2}}[data-theme=dark] .kanban-scroll-zone--left{background:linear-gradient(90deg,#0d1117f5 0%,#0d1117b8 42%,#0d111700 100%)}[data-theme=dark] .kanban-scroll-zone--right{background:linear-gradient(270deg,#0d1117f5 0%,#0d1117b8 42%,#0d111700 100%)}[data-theme=dark] .kanban-column{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .column-header,[data-theme=dark] .column-footer{background:var(--app-surface);border-bottom-color:var(--app-border)}[data-theme=dark] .column-header{border-top-color:var(--kanban-column-color,var(--gray-400,#9ca3af))}[data-theme=dark] .kanban-view .task-card{background:var(--app-surface);border-color:var(--app-border)}.select-parent-task-modal{z-index:10060;background:#00000080;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.select-parent-task-modal.is-open{display:flex}.select-parent-task-modal .modal-content{background:#fff;border-radius:12px;width:min(520px,100%);overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.select-parent-task-modal .modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.select-parent-task-modal .modal-title{color:#1f2937;font-size:18px;font-weight:600}.select-parent-task-modal .close-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:32px;height:32px}.select-parent-task-modal .modal-body{padding:20px 24px}.select-parent-task-modal .form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.select-parent-task-modal .form-input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.select-parent-task-modal .select-parent-task-select{flex-wrap:nowrap;gap:0;width:100%}.select-parent-task-modal .select-parent-task-select .app-select-container{width:100%;min-width:0}.select-parent-task-modal .select-parent-task-select .app-select-trigger{min-height:42px;box-shadow:none;border-width:1px}.select-parent-task-modal .form-error{color:#b91c1c;margin:12px 0 0;font-size:13px}.select-parent-task-modal .form-actions{justify-content:flex-end;gap:10px;padding:0 24px 24px;display:flex}.select-parent-task-modal .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500}.select-parent-task-modal .btn:disabled{opacity:.6;cursor:not-allowed}.select-parent-task-modal .btn-secondary{color:#374151;background:#f3f4f6}.select-parent-task-modal .btn-primary{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225)}[data-theme=dark] .select-parent-task-modal .modal-content{background:var(--app-surface);box-shadow:0 24px 60px #00000080}[data-theme=dark] .select-parent-task-modal .modal-title{color:var(--app-text)}[data-theme=dark] .select-parent-task-modal .close-btn{background:var(--app-surface-muted);color:var(--app-text-muted)}[data-theme=dark] .select-parent-task-modal .form-label{color:var(--app-text)}[data-theme=dark] .select-parent-task-modal .form-input{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .select-parent-task-modal .form-error{color:#ff7b72}[data-theme=dark] .select-parent-task-modal .btn-secondary{background:var(--app-surface-muted);color:var(--app-text)}@media (width<=768px){.select-parent-task-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:center}.select-parent-task-modal .modal-content{width:100%;max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));border-radius:12px}}.excel-custom-field-modal{z-index:2001;box-sizing:border-box;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.excel-custom-field-modal.show{display:flex!important}.excel-custom-field-modal .modal-content{border-radius:var(--border-radius,12px);background:#fff;flex-direction:column;width:50%;max-width:80%;max-height:80vh;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.excel-custom-field-modal .excel-custom-field-spinner-overlay{z-index:20;border-radius:inherit;background:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.excel-custom-field-modal .excel-custom-field-spinner{border:3px solid #0f172a1a;border-top-color:var(--create-task-primary,#dc2626);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite excel-custom-field-spin}.excel-custom-field-modal .excel-custom-field-spinner-text{color:var(--gray-600,#4b5563);font-size:14px;font-weight:500}.excel-custom-field-modal .excel-custom-field-upload-progress{width:min(420px,100% - 48px);max-height:min(70vh,420px);padding:8px 4px;overflow-y:auto}.excel-custom-field-modal .excel-custom-field-upload-progress-title{text-align:center;margin-bottom:16px}.excel-custom-field-modal .excel-custom-field-upload-progress-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.excel-custom-field-modal .excel-custom-field-upload-progress-item{background:#ffffffd9;border:1px solid #0f172a14;border-radius:10px;padding:12px 14px}.excel-custom-field-modal .excel-custom-field-upload-progress-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.excel-custom-field-modal .excel-custom-field-upload-file-name{color:var(--gray-900,#111827);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.excel-custom-field-modal .excel-custom-field-upload-percent{color:var(--create-task-primary,#dc2626);flex-shrink:0;font-size:12px;font-weight:600}.excel-custom-field-modal .excel-custom-field-upload-field-name{color:var(--gray-500,#6b7280);margin-bottom:8px;font-size:11px}.excel-custom-field-modal .excel-custom-field-upload-bar{background:#0f172a14;border-radius:999px;height:6px;margin-bottom:6px;overflow:hidden}.excel-custom-field-modal .excel-custom-field-upload-bar-fill{border-radius:inherit;background:var(--create-task-primary,#dc2626);height:100%;transition:width .2s}.excel-custom-field-modal .excel-custom-field-upload-meta{color:var(--gray-500,#6b7280);font-size:11px}.excel-custom-field-modal .excel-custom-field-upload-progress-item.is-done .excel-custom-field-upload-bar-fill{background:#16a34a}.excel-custom-field-modal .excel-custom-field-upload-progress-item.is-done .excel-custom-field-upload-percent{color:#16a34a}.excel-custom-field-modal .excel-custom-field-upload-progress-item.is-error .excel-custom-field-upload-bar-fill{background:#dc2626}@keyframes excel-custom-field-spin{to{transform:rotate(360deg)}}.excel-custom-field-modal .modal-header{z-index:5;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex;position:sticky;top:0}.excel-custom-field-modal .modal-title{color:var(--gray-800,#1f2937);font-size:18px;font-weight:600}.excel-custom-field-modal .close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;padding:8px;font-size:18px;line-height:1}.excel-custom-field-modal .close-btn:hover{color:#0f172a}.excel-custom-field-modal .modal-body{flex:1;margin-top:8px;padding-right:8px;overflow-y:auto}.excel-custom-field-modal .modal-footer{background:linear-gradient(#fff0 0%,#fff 80%);border-top:1px solid #0f172a14;flex-shrink:0;justify-content:flex-end;padding-top:12px;display:flex}.excel-custom-field-modal .modal-footer .form-actions{gap:10px;margin:0;padding:0;display:flex}.excel-custom-field-modal .form-group{margin-bottom:16px}.excel-custom-field-modal .form-label{color:var(--gray-700,#334155);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.excel-custom-field-modal .form-label-type{color:#666;font-size:.9em;font-weight:400}.excel-custom-field-modal .form-input,.excel-custom-field-modal .form-textarea{border:1px solid var(--gray-200,#e2e8f0);box-sizing:border-box;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.excel-custom-field-modal .form-textarea{resize:vertical;min-height:450px}.excel-custom-field-modal .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.excel-custom-field-modal .btn-secondary{color:#475569;background:#f1f5f9}.excel-custom-field-modal .btn-primary{background:var(--create-task-primary,#dc2626);color:#fff}.excel-custom-field-modal .btn:disabled{opacity:.6;cursor:not-allowed}.excel-custom-field-modal .form-error-inline{color:#b91c1c;background:#fef2f2;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.excel-custom-field-modal .custom-field-multiselect{min-height:120px}.excel-custom-field-modal .custom-field-url-list{flex-direction:column;gap:8px;display:flex}.excel-custom-field-modal .custom-field-url-input-row{align-items:center;gap:8px;display:flex}.excel-custom-field-modal .custom-field-url-input-row input[type=url]{flex:1;width:auto;margin-bottom:0}.excel-custom-field-modal .custom-field-link-btn{color:var(--create-task-primary,#dc2626);cursor:pointer;text-align:left;background:0 0;border:none;flex-shrink:0;width:fit-content;padding:0;font-size:13px}.excel-custom-field-modal .custom-field-link-btn.danger{color:#ef4444}.excel-custom-field-modal .custom-field-link-btn:hover{text-decoration:underline}.excel-custom-field-modal .custom-field-url-list input[type=url]{border:1px solid var(--gray-200,#e2e8f0);border-radius:6px;padding:8px 12px}.excel-custom-field-modal .custom-field-secondary-btn{cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;margin-top:8px;padding:6px 14px;font-size:13px}.excel-custom-field-modal .custom-field-dropzone{border:1px dashed var(--gray-300,#d1d5db);background:#f8fafc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.excel-custom-field-modal .custom-field-dropzone.dragover{border-color:var(--create-task-primary,#dc2626);background:#dc26260d}.excel-custom-field-modal .custom-field-dropzone-hint{color:var(--gray-500,#64748b);text-align:center;font-size:12px}.excel-custom-field-modal .custom-field-file-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.excel-custom-field-modal .custom-field-file-item{border:1px solid var(--gray-200,#e5e7eb);background:#fff;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.excel-custom-field-modal .custom-field-file-item.pending-upload{border-style:dashed;border-color:var(--create-task-primary,#dc2626);background:#dc26260d}.excel-custom-field-modal .custom-field-file-preview-wrapper{flex:none;width:100%;max-width:260px}.excel-custom-field-modal .custom-field-file-preview{object-fit:contain;background:#000;border-radius:6px;width:100%;max-height:200px;display:block}.excel-custom-field-modal .custom-field-file-preview.audio{background:0 0;max-height:none}.excel-custom-field-modal .custom-field-file-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.excel-custom-field-modal .custom-field-file-name{color:var(--gray-800,#1f2937);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.excel-custom-field-modal .custom-field-file-info{color:var(--gray-500,#6b7280);font-size:12px}.excel-custom-field-modal .custom-field-file-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.excel-custom-field-modal .custom-field-file-empty{color:var(--gray-500,#6b7280);border:1px dashed var(--gray-200,#e5e7eb);border-radius:6px;padding:10px 12px;font-size:13px}.excel-custom-field-modal .custom-field-rich-text-wrapper{border:1px solid var(--gray-300,#d1d5db);background:#fff;border-radius:6px;min-height:200px}.excel-custom-field-modal .custom-field-rich-text-wrapper .ql-container{border:none;min-height:200px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.excel-custom-field-modal .custom-field-rich-text-wrapper .ql-editor{min-height:200px;color:var(--gray-800,#1f2937);padding:12px 15px}.excel-custom-field-modal .custom-field-rich-text-wrapper .ql-toolbar{border-bottom:1px solid var(--gray-200,#e5e7eb);background:var(--gray-50,#f9fafb);padding:8px}.excel-custom-field-modal .custom-fields-container .form-group{margin-bottom:0}@media (width<=768px){.excel-custom-field-modal .modal-content{width:100%;max-width:100%;max-height:calc(100vh - 32px);padding:20px}.excel-custom-field-modal .form-textarea{min-height:160px}.excel-custom-field-modal .custom-field-file-item{flex-direction:column;align-items:stretch}.excel-custom-field-modal .custom-field-file-preview-wrapper{max-width:100%}}[data-theme=dark] .excel-custom-field-modal .modal-content{background:var(--app-surface);box-shadow:0 24px 60px #00000080}[data-theme=dark] .excel-custom-field-modal .excel-custom-field-spinner-overlay{background:#161b22eb}[data-theme=dark] .excel-custom-field-modal .excel-custom-field-spinner{border-color:#ffffff1f;border-top-color:var(--primary-color,#ed2047)}[data-theme=dark] .excel-custom-field-modal .excel-custom-field-spinner-text{color:var(--app-text-muted)}[data-theme=dark] .excel-custom-field-modal .excel-custom-field-upload-progress-item{border-color:var(--app-border);background:#ffffff0a}[data-theme=dark] .excel-custom-field-modal .excel-custom-field-upload-file-name{color:var(--app-text)}[data-theme=dark] .excel-custom-field-modal .excel-custom-field-upload-field-name,[data-theme=dark] .excel-custom-field-modal .excel-custom-field-upload-meta{color:var(--app-text-muted)}[data-theme=dark] .excel-custom-field-modal .excel-custom-field-upload-bar{background:#ffffff14}[data-theme=dark] .excel-custom-field-modal .modal-header{background:var(--app-surface)}[data-theme=dark] .excel-custom-field-modal .modal-title{color:var(--app-text)}[data-theme=dark] .excel-custom-field-modal .close-btn{color:var(--app-text-muted)}[data-theme=dark] .excel-custom-field-modal .close-btn:hover{color:var(--app-text)}[data-theme=dark] .excel-custom-field-modal .modal-footer{border-top-color:var(--app-border);background:linear-gradient(180deg, #161b2200 0%, var(--app-surface) 80%)}[data-theme=dark] .excel-custom-field-modal .form-label{color:var(--app-text)}[data-theme=dark] .excel-custom-field-modal .form-label-type{color:var(--app-text-muted)}[data-theme=dark] .excel-custom-field-modal .form-input,[data-theme=dark] .excel-custom-field-modal .form-textarea,[data-theme=dark] .excel-custom-field-modal .custom-field-url-list input[type=url]{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .excel-custom-field-modal .btn-secondary,[data-theme=dark] .excel-custom-field-modal .custom-field-secondary-btn{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .excel-custom-field-modal .form-error-inline{color:#ff7b72;background:#f851491f}[data-theme=dark] .excel-custom-field-modal .custom-field-dropzone{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .excel-custom-field-modal .custom-field-dropzone.dragover{background:#ed20471a}[data-theme=dark] .excel-custom-field-modal .custom-field-dropzone-hint,[data-theme=dark] .excel-custom-field-modal .custom-field-file-info,[data-theme=dark] .excel-custom-field-modal .custom-field-file-empty{color:var(--app-text-muted)}[data-theme=dark] .excel-custom-field-modal .custom-field-file-item{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .excel-custom-field-modal .custom-field-file-item.pending-upload{background:#ed20471a}[data-theme=dark] .excel-custom-field-modal .custom-field-file-name{color:var(--app-text)}[data-theme=dark] .excel-custom-field-modal .custom-field-rich-text-wrapper{background:var(--app-input-bg);border-color:var(--app-border)}[data-theme=dark] .excel-custom-field-modal .custom-field-rich-text-wrapper .ql-editor{color:var(--app-text)}[data-theme=dark] .excel-custom-field-modal .custom-field-rich-text-wrapper .ql-toolbar{background:var(--app-surface-muted);border-bottom-color:var(--app-border)}[data-theme=dark] .excel-custom-field-modal .custom-field-rich-text-wrapper .ql-toolbar .ql-stroke{stroke:var(--app-text-muted)}[data-theme=dark] .excel-custom-field-modal .custom-field-rich-text-wrapper .ql-toolbar .ql-fill{fill:var(--app-text-muted)}[data-theme=dark] .excel-custom-field-modal .custom-field-rich-text-wrapper .ql-toolbar button:hover .ql-stroke,[data-theme=dark] .excel-custom-field-modal .custom-field-rich-text-wrapper .ql-toolbar button.ql-active .ql-stroke{stroke:var(--app-text)}[data-theme=dark] .excel-custom-field-modal .custom-field-rich-text-wrapper .ql-toolbar button:hover .ql-fill,[data-theme=dark] .excel-custom-field-modal .custom-field-rich-text-wrapper .ql-toolbar button.ql-active .ql-fill{fill:var(--app-text)}.excel-view{flex-direction:column;flex:1;gap:8px;min-width:0;height:100%;min-height:0;display:flex}.excel-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:5px;display:flex}.excel-title{color:var(--gray-800,#1f2937);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.excel-title i{color:var(--gray-600,#4b5563)}.excel-actions{align-items:center;gap:8px;display:flex}.excel-action-btn{align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:inline-flex}.excel-action-btn i{font-size:11px}.excel-action-btn--secondary{background:var(--app-surface);color:var(--gray-700,#374151);border:1px solid var(--gray-300,#d1d5db)}.excel-action-btn--secondary:hover{background:var(--gray-50,#f9fafb);border-color:var(--gray-400,#9ca3af)}.excel-grid{border:1px solid var(--gray-200,#e5e7eb);background:var(--app-surface);flex:1;min-width:0;min-height:0;overflow:auto}.excel-table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%}.excel-table thead{z-index:1;background:#fef2f4;position:sticky;top:0}.excel-table thead tr:first-child{z-index:2}.excel-table thead tr:first-child th{background:var(--app-surface-muted);border-bottom:2px solid var(--gray-300,#d1d5db)}.excel-table thead tr{position:relative}.excel-header-row,.excel-header-row th{background:#fef2f4}.excel-table th,.excel-table td{border:1px solid var(--gray-200,#e5e7eb);text-align:left;color:var(--gray-800,#1f2937);padding:10px 12px;font-size:13px}.excel-table th{color:var(--gray-700,#374151);white-space:nowrap;font-weight:600;position:relative;overflow:visible}.excel-corner-cell{background:var(--app-surface-muted);border:1px solid var(--gray-300,#d1d5db);z-index:3;text-align:center;width:50px;min-width:50px;max-width:50px;position:sticky;top:0;left:0;overflow:visible}.excel-row-header{z-index:2;background:#fef2f4;width:50px;min-width:50px;max-width:50px;position:sticky;left:0;overflow:visible}.excel-column-header{background:var(--app-surface-muted);border:1px solid var(--gray-300,#d1d5db);text-align:center;color:var(--gray-600,#4b5563);min-width:50px;padding:6px 8px;font-size:12px;font-weight:600}.excel-row-number{background:var(--app-surface-muted);border:1px solid var(--gray-300,#d1d5db);text-align:center;color:var(--gray-600,#4b5563);z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;width:50px;min-width:50px;max-width:50px;padding:10px 8px;font-size:12px;font-weight:600;position:sticky;left:0;overflow:visible}.excel-row-number:hover{color:var(--gray-800,#1f2937)!important;background:#dee2e6!important}.excel-table tbody tr:hover td{background:#ed20470a!important}.excel-table tbody tr:hover .excel-row-number{color:var(--gray-800,#1f2937);background:#e9ecef!important}.excel-row-selected td{background:#ed204714!important}.excel-row-selected .excel-row-number{color:#fff;font-weight:700;background:#f97373!important}.excel-row-selected:hover .excel-row-number{color:#fff!important;background:#f97373!important}.excel-table td{vertical-align:top;cursor:cell;position:relative;overflow:visible}.excel-resizable-content{min-height:var(--excel-cell-content-height,24px);height:var(--excel-cell-content-height,auto);max-height:var(--excel-cell-content-height,none);white-space:nowrap;text-overflow:ellipsis;cursor:cell;box-sizing:border-box;width:100%;min-width:100%;margin:0;padding:0 10px;display:block;position:relative;overflow:hidden}.excel-name-cell-wrap{width:100%;min-width:100%;min-height:var(--excel-cell-content-height,24px);height:var(--excel-cell-content-height,auto);max-height:var(--excel-cell-content-height,none);display:block;position:relative;overflow:hidden}.excel-view .field-pill-tooltip{display:none!important}.excel-cell.clickable .excel-resizable-content,.excel-cell.clickable{cursor:pointer}.excel-cell-name .excel-name-editor{white-space:nowrap;text-overflow:ellipsis;outline:none;height:100%;min-height:0;max-height:100%;overflow:hidden}.excel-column-resizer{cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:8;touch-action:none;pointer-events:auto;width:16px;height:100%;position:absolute;top:0;right:0}.excel-column-resizer:after{content:"";opacity:0;background:#0000001f;width:2px;transition:opacity .15s;position:absolute;inset:0 0 0 auto}.excel-column-resizer:hover:after{opacity:1}body.resizing-column,body.resizing-column *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-column .excel-column-resizer:after{opacity:1}.excel-table tbody tr{position:relative}.excel-row-number,.excel-row-header,.excel-corner-cell{cursor:default}.excel-row-number{cursor:pointer}.excel-row-resizer{cursor:row-resize;-webkit-user-select:none;user-select:none;z-index:5;touch-action:none;pointer-events:auto;height:8px;position:absolute;bottom:-5px;left:0}.excel-row-resizer:after{content:"";opacity:0;background:#0000001f;height:2px;transition:opacity .15s;position:absolute;top:1px;left:0;right:0}.excel-row-resizer:hover:after{opacity:1}body.resizing-row,body.resizing-row *{cursor:row-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-row .excel-row-resizer:after{opacity:1}.excel-add-row td{background:var(--app-surface-muted)}.excel-load-more-btn-inside{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 4px;display:flex}.excel-load-more-count{color:var(--gray-600,#4b5563);font-size:13px}.excel-load-more-button{border:1px solid var(--gray-300,#d1d5db);background:var(--app-surface);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.excel-load-more-button:hover{border-color:var(--primary,#ed2047);color:var(--primary,#ed2047)}.excel-row-count-input{border:1px solid var(--gray-300,#d1d5db);border-radius:4px;width:100px;padding:4px 8px}.excel-loading,.excel-error{color:var(--gray-600,#4b5563);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.excel-muted{color:var(--gray-400,#9ca3af)}.excel-required-placeholder{color:var(--primary-color,#ed2047);white-space:nowrap;font-size:12px;font-style:italic}.excel-custom-field-cell{cursor:cell}.excel-custom-field-value-cell .excel-resizable-content{align-items:flex-start}.excel-resizable-content a,.excel-url-link{color:#2563eb;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;vertical-align:baseline;max-width:100%;text-decoration:underline;display:inline-block;overflow:hidden}.excel-resizable-content a:hover,.excel-url-link:hover{color:#1d4ed8}.excel-url-link--media{cursor:zoom-in}.excel-url-item--media{align-items:flex-start}.excel-media-thumb{border:1px solid var(--app-border,#d1d5db);cursor:pointer;background:#111;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:64px;padding:0;display:inline-flex;position:relative;overflow:hidden}.excel-media-thumb video,.excel-media-thumb img{object-fit:cover;pointer-events:none;background:#111;width:100%;height:100%}.excel-media-thumb-play,.excel-media-thumb-fallback{color:#fff;pointer-events:none;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.excel-media-thumb-play{background:#00000047}.excel-media-thumb-fallback{background:#1f2937;width:100%;height:100%;font-size:18px;position:static}.excel-media-thumb:hover .excel-media-thumb-play{background:#0000006b}.excel-table tbody tr:has(.excel-media-thumb){height:auto!important;max-height:none!important}.excel-table tbody tr:has(.excel-media-thumb) td{height:auto;max-height:none;overflow:visible}.excel-custom-field-value-cell:has(.excel-media-thumb){--excel-cell-content-height:unset}.excel-table tbody tr:has(.excel-media-thumb) .excel-custom-field-value-cell[data-field-type=file]{--excel-cell-content-height:unset}.excel-custom-field-value-cell[data-field-type=file]{overflow:visible}.excel-custom-field-value-cell[data-field-type=file] .excel-resizable-content{white-space:normal;text-overflow:unset;min-width:0;max-width:100%;min-height:var(--excel-cell-content-height,24px);height:var(--excel-cell-content-height,auto);max-height:var(--excel-cell-content-height,none);scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.excel-custom-field-value-cell[data-field-type=file] .excel-resizable-content::-webkit-scrollbar{width:0;height:0;display:none}.excel-custom-field-value-cell:has(.excel-media-thumb) .excel-resizable-content{white-space:normal;text-overflow:unset;padding-top:4px;padding-bottom:4px;height:auto!important;min-height:68px!important;max-height:none!important;overflow:visible!important}.excel-table tbody tr:has(.excel-media-thumb) .excel-resizable-content{white-space:normal;text-overflow:unset;padding-top:4px;padding-bottom:4px;height:auto!important;min-height:68px!important;max-height:none!important;overflow:visible!important}.excel-media-preview-content iframe{background:#000;border:0;width:min(90vw,960px);height:min(70vh,540px)}.excel-media-preview-overlay{z-index:10080;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.excel-media-preview-close{color:#fff;cursor:pointer;z-index:2;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 10px #00000059}.excel-media-preview-close:hover{background:#ed2047e6}.excel-media-preview-content{cursor:default;justify-content:center;align-items:center;max-width:min(96vw,1400px);max-height:92vh;display:flex;position:relative}.excel-media-preview-content img,.excel-media-preview-content video{object-fit:contain;background:#000;border-radius:6px;width:auto;max-width:96vw;height:auto;max-height:92vh;box-shadow:0 8px 32px #00000073}.excel-media-preview-player{justify-content:center;align-items:center;display:flex;position:relative}.excel-media-preview-player video,.excel-media-preview-player .excel-media-preview-still{display:block}.excel-media-preview-video--loading{opacity:0;width:100%;height:100%;position:absolute;inset:0}.excel-url-list-container{flex-direction:column;gap:2px;width:100%;padding:2px 0;display:flex}.excel-url-item{align-items:center;gap:6px;min-width:0;line-height:1.4;display:flex}.excel-url-index{color:var(--gray-500,#6b7280);flex-shrink:0;min-width:20px;font-size:11px}.excel-file-name{color:var(--gray-600,#4b5563);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.excel-url-context-menu{z-index:10000;background:var(--app-surface);border:1px solid #ddd;border-radius:6px;min-width:150px;padding:4px 0;position:fixed;box-shadow:0 4px 12px #00000026}.excel-url-context-menu-item{cursor:pointer;color:#333;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.excel-url-context-menu-item+.excel-url-context-menu-item{border-top:1px solid #eee}.excel-url-context-menu-item:hover{background:var(--app-surface-muted)}.excel-url-context-menu-item i{text-align:center;color:#64748b;width:14px}.excel-multiline-text{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;width:100%;max-height:100%;line-height:1.4;display:block;overflow:hidden}.excel-rich-text{box-sizing:border-box;width:100%;max-height:100%;color:var(--gray-800,#1f2937);word-break:break-word;font-size:12px;line-height:1.4;overflow:hidden}.excel-rich-text :is(p,div){margin:0 0 4px}.excel-rich-text :is(p,div):last-child{margin-bottom:0}.excel-rich-text ul,.excel-rich-text ol{margin:0 0 4px 1.2em;padding-left:1em}.excel-picker-backdrop{z-index:1200;cursor:default;background:0 0;border:none;position:fixed;inset:0}.excel-picker-menu{z-index:1201;background:var(--app-surface);border:1px solid var(--gray-200,#e5e7eb);border-radius:10px;min-width:180px;max-height:260px;padding:6px 0;position:fixed;overflow-y:auto;box-shadow:0 10px 30px #0f172a1f}.excel-picker-option{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;display:flex}.excel-picker-option:hover{background:var(--gray-100,#f3f4f6)}.excel-picker-swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px}[data-theme=dark] .excel-view .excel-title{color:var(--app-text)}[data-theme=dark] .excel-view .excel-title i{color:var(--app-text-muted)}[data-theme=dark] .excel-view .excel-actions .header-btn.primary-btn.excel-action-btn{background:linear-gradient(135deg, var(--primary-color,#ed2047), var(--primary-dark,#f26225));color:#fff;border:none}[data-theme=dark] .excel-view .excel-actions .header-btn.primary-btn.excel-action-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-color,#ed2047), var(--primary-dark,#f26225));color:#fff;border:none;box-shadow:0 4px 14px #ed204759}[data-theme=dark] .excel-view .excel-actions .header-btn.primary-btn.excel-action-btn i{color:#fff}[data-theme=dark] .excel-view .excel-action-btn--secondary{background:var(--app-surface);color:var(--app-text-muted);border-color:var(--app-border)}[data-theme=dark] .excel-view .excel-action-btn--secondary:hover:not(:disabled){color:#ff8fa3;background:#ed20471f;border-color:#ed204759}[data-theme=dark] .excel-view .excel-action-btn--secondary i{color:inherit}[data-theme=dark] .excel-grid{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .excel-table thead,[data-theme=dark] .excel-table thead tr:first-child th,[data-theme=dark] .excel-header-row,[data-theme=dark] .excel-header-row th,[data-theme=dark] .excel-corner-cell,[data-theme=dark] .excel-row-header,[data-theme=dark] .excel-column-header,[data-theme=dark] .excel-row-number{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text-muted)}[data-theme=dark] .excel-table th,[data-theme=dark] .excel-table td{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .excel-table th{color:var(--app-text)}[data-theme=dark] .excel-table thead tr:first-child th{border-bottom-color:var(--app-border)}[data-theme=dark] .excel-row-number:hover{background:var(--app-surface-hover)!important;color:var(--app-text)!important}[data-theme=dark] .excel-table tbody tr:hover td{background:#ed204714!important}[data-theme=dark] .excel-table tbody tr:hover .excel-row-number{color:var(--app-text);background:var(--app-surface-hover)!important}[data-theme=dark] .excel-row-selected td{background:#ed204724!important}[data-theme=dark] .excel-row-selected .excel-row-number,[data-theme=dark] .excel-row-selected:hover .excel-row-number{color:#fff!important;background:#ed2047eb!important}[data-theme=dark] .excel-add-row td{background:var(--app-surface-muted)}[data-theme=dark] .excel-load-more-count,[data-theme=dark] .excel-loading,[data-theme=dark] .excel-error{color:var(--app-text-muted)}[data-theme=dark] .excel-load-more-button{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .excel-load-more-button:hover{border-color:var(--primary-color,#ed2047);color:var(--primary-color,#ed2047)}[data-theme=dark] .excel-row-count-input{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .excel-muted,[data-theme=dark] .excel-url-index,[data-theme=dark] .excel-file-name{color:var(--app-text-muted)}[data-theme=dark] .excel-rich-text{color:var(--app-text)}[data-theme=dark] .excel-resizable-content a,[data-theme=dark] .excel-url-link{color:#58a6ff}[data-theme=dark] .excel-resizable-content a:hover,[data-theme=dark] .excel-url-link:hover{color:#79b8ff}[data-theme=dark] .excel-column-resizer:after,[data-theme=dark] .excel-row-resizer:after{background:#ffffff2e}[data-theme=dark] .excel-url-context-menu{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 8px 24px #00000073}[data-theme=dark] .excel-url-context-menu-item{color:var(--app-text)}[data-theme=dark] .excel-url-context-menu-item+.excel-url-context-menu-item{border-top-color:var(--app-border)}[data-theme=dark] .excel-url-context-menu-item:hover{background:var(--app-surface-muted)}[data-theme=dark] .excel-url-context-menu-item i{color:var(--app-text-muted)}[data-theme=dark] .excel-media-thumb{border-color:var(--app-border);background:#000}[data-theme=dark] .excel-picker-menu{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 10px 30px #00000073}[data-theme=dark] .excel-picker-option{color:var(--app-text)}[data-theme=dark] .excel-picker-option:hover{background:var(--app-surface-muted)}@media (width<=1024px){.excel-toolbar{flex-wrap:wrap;gap:10px}.excel-actions{flex-wrap:wrap;width:100%}.excel-action-btn{flex:auto;justify-content:center;min-height:44px}.excel-action-btn span{font-size:12px}.excel-grid{-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 240px)}}.resource-name-length-warning{color:#ed2047;margin-top:6px;font-size:12px;font-weight:500;line-height:1.35}[data-theme=dark] .resource-name-length-warning{color:#ff8fa3}.assignee-picker-modal{z-index:10070;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.assignee-picker-modal__panel{background:#fff;border-radius:12px;flex-direction:column;width:min(420px,100%);max-height:min(480px,90vh);display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.assignee-picker-modal__header{background:linear-gradient(#fff 0%,#fafafa 100%);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.assignee-picker-modal__title{color:#1f2937;font-size:14px;font-weight:700}.assignee-picker-modal__count{color:#fff;background:#ed2047;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.assignee-picker-modal__count.is-empty{color:#6b7280;background:#e5e7eb}.assignee-picker-modal__search-wrap{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:8px 12px 10px;display:flex}.assignee-picker-modal__search-wrap .fa-search{color:#9ca3af;font-size:13px}.assignee-picker-modal__search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.assignee-picker-modal__search:focus{background:#fff;border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.assignee-picker-modal__body{padding:8px;overflow-y:auto}.assignee-picker-modal__section-title{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;padding:8px 8px 4px;font-size:11px;font-weight:700}.assignee-picker-modal__option{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.assignee-picker-modal__option:hover{background:#f9fafb}.assignee-picker-modal__option.is-active{background:#ed204714;border-color:#ed204733}.assignee-picker-modal__check{color:#fff;box-sizing:border-box;background:#fff;border:1.5px solid #9ca3af;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.assignee-picker-modal__option.is-active .assignee-picker-modal__check{background:#ed2047;border-color:#ed2047}.assignee-picker-modal__avatar{color:#fff;background:#ed2047;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:inline-flex}.assignee-picker-modal__info{flex-direction:column;flex:auto;align-items:flex-start;gap:2px;min-width:0;display:flex}.assignee-picker-modal__name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:13px;font-weight:600;line-height:1.25;display:block;overflow:hidden}.assignee-picker-modal__email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;line-height:1.25;display:block;overflow:hidden}.assignee-picker-modal__empty{text-align:center;color:#6b7280;padding:20px;font-size:13px}.assignee-picker-modal__footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:10px 12px;display:flex}.assignee-picker-modal__footer .btn{cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500}.assignee-picker-modal__footer .btn-secondary{color:#374151;background:#f3f4f6}.assignee-picker-modal__footer .btn-primary{color:#fff;background:#ed2047}[data-theme=dark] .assignee-picker-modal__panel{background:var(--app-surface);box-shadow:0 24px 60px #00000080}[data-theme=dark] .assignee-picker-modal__header{background:var(--app-surface-muted);border-bottom-color:var(--app-border)}[data-theme=dark] .assignee-picker-modal__title{color:var(--app-text)}[data-theme=dark] .assignee-picker-modal__count.is-empty{background:var(--app-border);color:var(--app-text-muted)}[data-theme=dark] .assignee-picker-modal__search-wrap{border-bottom-color:var(--app-border)}[data-theme=dark] .assignee-picker-modal__search-wrap .fa-search{color:var(--app-text-muted)}[data-theme=dark] .assignee-picker-modal__search{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .assignee-picker-modal__search:focus{background:var(--app-input-bg);border-color:#ed204773;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .assignee-picker-modal__section-title{color:var(--app-text-muted)}[data-theme=dark] .assignee-picker-modal__option:hover{background:var(--app-surface-muted)}[data-theme=dark] .assignee-picker-modal__option.is-active{background:#ed20471f;border-color:#ed20474d}[data-theme=dark] .assignee-picker-modal__check{color:#fff;background:0 0;border-color:#9ca3af}[data-theme=dark] .assignee-picker-modal__option.is-active .assignee-picker-modal__check{color:#fff;background:#ed2047;border-color:#ed2047}[data-theme=dark] .assignee-picker-modal__name{color:var(--app-text)}[data-theme=dark] .assignee-picker-modal__email,[data-theme=dark] .assignee-picker-modal__empty{color:var(--app-text-muted)}[data-theme=dark] .assignee-picker-modal__footer{border-top-color:var(--app-border)}[data-theme=dark] .assignee-picker-modal__footer .btn-secondary{background:var(--app-surface-muted);color:var(--app-text)}@media (width<=768px){.assignee-picker-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:center}.assignee-picker-modal__panel{width:100%;max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));border-radius:12px}}:root{--create-task-primary:#ed2047;--create-task-primary-soft:#ed20471f;--create-task-gray-50:#f9fafb;--create-task-gray-100:#f3f4f6;--create-task-gray-200:#e5e7eb;--create-task-gray-300:#d1d5db;--create-task-gray-400:#9ca3af;--create-task-gray-500:#6b7280;--create-task-gray-600:#4b5563;--create-task-gray-700:#374151;--create-task-gray-800:#1f2937;--create-task-white:#fff;--create-task-border-radius:12px;--create-task-transition:all .3s cubic-bezier(.4, 0, .2, 1)}.create-task-modal{z-index:10060;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow-y:auto}.create-task-modal.is-open,.create-task-modal.create-create-task-subtask-modal.is-open{display:flex}.create-task-modal.create-task-modal--embedded{z-index:auto;background:0 0;width:auto;height:auto;display:block;position:static;overflow:visible}.create-task-modal.create-task-modal--embedded .form-actions,.create-task-modal.create-task-modal--embedded .task-detail-modal__custom-edit-actions{background:0 0;border-top:none;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;margin:16px 0 0;padding:0;display:flex;position:static}.create-task-modal .modal-content{border-radius:var(--create-task-border-radius);background:linear-gradient(#f9fafbf2 0%,#fff 45%);flex-direction:column;max-height:90vh;margin:auto;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a2e;width:98%!important;max-width:100%!important}.create-task-modal .create-task-modal-spinner-overlay{z-index:20;border-radius:inherit;background:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.create-task-modal .create-task-modal-spinner-overlay[hidden]{display:none!important}.create-task-modal .create-task-modal-spinner{border:3px solid #0f172a1a;border-top-color:var(--create-task-primary,#dc2626);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite create-task-modal-spin}.create-task-modal .create-task-modal-spinner-text{color:var(--create-task-gray-600,#4b5563);font-size:14px;font-weight:500}.create-task-modal .create-task-upload-progress{width:min(420px,100% - 48px);max-height:min(70vh,420px);padding:8px 4px;overflow-y:auto}.create-task-modal .create-task-upload-progress-title{text-align:center;margin-bottom:16px}.create-task-modal .create-task-upload-progress-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.create-task-modal .create-task-upload-progress-item{background:#ffffffd9;border:1px solid #0f172a14;border-radius:10px;padding:12px 14px}.create-task-modal .create-task-upload-progress-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.create-task-modal .create-task-upload-file-name{color:var(--create-task-gray-900,#111827);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.create-task-modal .create-task-upload-percent{color:var(--create-task-primary,#dc2626);flex-shrink:0;font-size:12px;font-weight:600}.create-task-modal .create-task-upload-field-name{color:var(--create-task-gray-500,#6b7280);margin-bottom:8px;font-size:11px}.create-task-modal .create-task-upload-bar{background:#0f172a14;border-radius:999px;height:6px;margin-bottom:6px;overflow:hidden}.create-task-modal .create-task-upload-bar-fill{border-radius:inherit;background:var(--create-task-primary,#dc2626);height:100%;transition:width .2s}.create-task-modal .create-task-upload-meta{color:var(--create-task-gray-500,#6b7280);font-size:11px}.create-task-modal .create-task-upload-progress-item.is-done .create-task-upload-bar-fill{background:#16a34a}.create-task-modal .create-task-upload-progress-item.is-done .create-task-upload-percent{color:#16a34a}.create-task-modal .create-task-upload-progress-item.is-error .create-task-upload-bar-fill{background:#dc2626}@keyframes create-task-modal-spin{to{transform:rotate(360deg)}}.create-task-modal .modal-header{z-index:3;background:linear-gradient(#f9fafbfa 0%,#fff 70%);border-bottom:1px solid #0f172a0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;padding:28px 32px 12px;display:flex;position:sticky;top:0}.create-task-modal .modal-header-tools{flex-shrink:0;align-items:center;gap:8px;display:flex}.create-task-modal .btn-gropro-ai-header{color:var(--create-task-primary,#ed2047);cursor:pointer;white-space:nowrap;background:#ed204714;border:1px solid #ed204759;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.create-task-modal .btn-gropro-ai-header:hover{background:#ed204726}.create-task-modal .modal-title{letter-spacing:-.01em;color:var(--create-task-gray-800);font-size:22px;font-weight:700}.create-task-modal .modal-description{color:var(--create-task-gray-500);margin-top:4px;margin-bottom:12px;font-size:13px}.create-task-modal form{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.create-task-modal .create-task-modal__scroll{flex:1;min-height:0;padding:0 32px 16px;overflow-y:auto}.create-task-modal .create-task-modal__scroll::-webkit-scrollbar{width:6px}.create-task-modal .create-task-modal__scroll::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:999px}.create-task-modal .create-task-modal__scroll::-webkit-scrollbar-track{background:0 0}.create-task-modal form::-webkit-scrollbar{width:6px}.create-task-modal form::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:999px}.create-task-modal form::-webkit-scrollbar-track{background:0 0}.create-task-modal .close-btn{background:var(--create-task-gray-100);cursor:pointer;width:32px;height:32px;color:var(--create-task-gray-600);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.create-task-modal .close-btn:hover{background:var(--create-task-gray-200)}.create-task-modal .modal-section{background:#ffffffd9;border:1px solid #0f172a0f;border-radius:14px;margin-bottom:18px;padding:18px 20px;box-shadow:0 6px 18px #0f172a0a}.create-task-modal .modal-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.create-task-modal .modal-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--create-task-gray-500);font-size:12px;font-weight:700}.create-task-modal .modal-section-helper{color:var(--create-task-gray-400);font-size:12px}.create-task-modal .form-grid{gap:16px;display:grid}.create-task-modal .form-grid.two-column{grid-template-columns:repeat(auto-fit,minmax(45%,1fr))}.create-task-modal .form-group{margin-bottom:0}.create-task-modal .form-group.full-width{grid-column:1/-1}.create-task-modal .form-group:has(#taskDescription){display:none!important}.create-task-modal .form-label{color:var(--create-task-gray-700);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.create-task-modal .form-group--app-select .app-select-wrap{width:100%;min-width:0;display:block}.create-task-modal .form-group--app-select .app-select-container{width:100%;min-width:0;max-width:100%}.create-task-modal .form-group--app-select .app-select-trigger{width:100%;min-height:46px;box-shadow:none;background:#ffffffeb;border:1px solid #0f172a14;border-radius:10px;padding:12px;font-size:14px}.create-task-modal .form-group--app-select .app-select-trigger:hover:not(:disabled){box-shadow:none;border-color:#ed204759}.create-task-modal .form-group--app-select .app-select-trigger.is-open,.create-task-modal .form-group--app-select .app-select-trigger:focus-visible{box-shadow:0 0 0 4px var(--create-task-primary-soft);border-color:#ed204759;outline:none}.create-task-modal .form-input,.create-task-modal .form-textarea,.create-task-modal select.form-input{box-sizing:border-box;width:100%;transition:var(--create-task-transition);background:#ffffffeb;border:1px solid #0f172a14;border-radius:10px;padding:12px;font-size:14px}.create-task-modal .form-input:focus,.create-task-modal .form-textarea:focus,.create-task-modal select.form-input:focus{box-shadow:0 0 0 4px var(--create-task-primary-soft);border-color:#ed204759;outline:none}.create-task-modal .form-input.readonly{color:var(--create-task-gray-600);cursor:not-allowed;background:#94a3b81f}.create-task-modal .form-textarea{resize:vertical;min-height:150px}.create-task-modal select.form-input{cursor:pointer}.create-task-modal .create-task-assignee-value{box-sizing:border-box;cursor:pointer;width:100%;min-height:44px;transition:var(--create-task-transition);background:#ffffffeb;border:1px solid #0f172a14;border-radius:10px;align-items:center;padding:8px 12px;display:flex}.create-task-modal .create-task-assignee-value:hover,.create-task-modal .create-task-assignee-value:focus{box-shadow:0 0 0 4px var(--create-task-primary-soft);border-color:#ed204759;outline:none}.create-task-modal .create-task-assignee-value .assignees.kanban{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.create-task-modal .create-task-assignee-value .assignee-avatar{width:28px;height:28px;color:var(--create-task-primary,#ed2047);background:#ed20471f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.create-task-modal .create-task-assignee-value .assignee-avatar.unassigned{color:var(--create-task-gray-500,#6b7280);background:#94a3b833}.create-task-modal .create-task-assignee-value .assignee-overflow{color:var(--create-task-gray-600,#4b5563);padding:0 4px;font-size:12px;font-weight:600}.create-task-modal .form-helper-text{color:var(--create-task-gray-500);margin-top:6px;font-size:12px}.create-task-modal .form-actions{z-index:2;background:#fff;border-top:1px solid #0f172a14;flex-shrink:0;justify-content:flex-end;gap:12px;margin:0;padding:16px 32px 24px;display:flex;position:relative}.create-task-modal .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s}.create-task-modal .btn-secondary{background:var(--create-task-gray-200);color:var(--create-task-gray-700)}.create-task-modal .btn-primary{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225)}.create-task-modal .btn:hover{transform:translateY(-1px)}.create-task-modal .btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.create-task-modal .custom-fields-container{flex-direction:column;gap:16px;margin-top:12px;display:flex}.create-task-modal .custom-fields-empty{color:var(--create-task-gray-500);background:#0f172a0a;border-radius:10px;padding:14px 16px;font-size:13px}.create-task-modal .custom-field-multiselect{min-height:120px}.create-task-modal .custom-field-dropzone{border:1px dashed var(--create-task-gray-300);background:var(--create-task-gray-50);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;transition:border-color .2s,background-color .2s;display:flex}.create-task-modal .custom-field-dropzone.dragover{border-color:var(--create-task-primary);background:#ed20470d}.create-task-modal .custom-field-dropzone button{padding:6px 14px}.create-task-modal .custom-field-dropzone-hint{color:var(--create-task-gray-500);text-align:center;font-size:12px}.create-task-modal .custom-field-file-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.create-task-modal .custom-field-file-item{border:1px solid var(--create-task-gray-200);background:#fff;border-radius:6px;justify-content:flex-start;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.create-task-modal .custom-field-file-item.pending-upload{border-style:dashed;border-color:var(--create-task-primary);background:#ed20470d}.create-task-modal .custom-field-file-item.pending-removal{opacity:.6;background:#ed204714;border-color:#ed204766}.create-task-modal .custom-field-file-preview-wrapper{flex:none;width:100%;max-width:260px}.create-task-modal .custom-field-file-preview{object-fit:contain;background:#000;border-radius:6px;width:100%;max-height:200px;display:block}.create-task-modal .custom-field-file-preview.audio{background:0 0;max-height:none}.create-task-modal .custom-field-file-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.create-task-modal .custom-field-file-name{color:var(--create-task-gray-800);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.create-task-modal .custom-field-file-info{color:var(--create-task-gray-500);font-size:12px}.create-task-modal .custom-field-file-actions{align-items:center;gap:8px;margin-top:6px;display:flex}.create-task-modal .custom-field-file-empty{color:var(--create-task-gray-500);text-align:center;font-size:13px}.create-task-modal .custom-field-url-list{flex-direction:column;gap:10px;display:flex}.create-task-modal .custom-field-secondary-btn{border:1px solid var(--create-task-gray-300);color:var(--create-task-gray-600);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:14px;transition:background .2s,color .2s}.create-task-modal .custom-field-secondary-btn:hover{background:var(--create-task-gray-100)}.create-task-modal .custom-field-link-btn{color:var(--create-task-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.create-task-modal .custom-field-link-btn:hover{text-decoration:underline}.create-task-modal .custom-field-link-btn.danger{color:#ef4444}.create-task-modal .custom-field-link-btn.undo{color:var(--create-task-primary);font-weight:600}.create-task-modal .custom-field-file-item.pending-removal{border-style:dashed}.create-task-modal .custom-field-file-item.pending-removal .custom-field-file-name{text-decoration:line-through}.create-task-modal .custom-field-rich-text-wrapper{border:1px solid var(--create-task-gray-300);background:#fff;border-radius:6px;overflow:hidden}.create-task-modal .custom-field-rich-text-wrapper .ql-container{min-height:200px;max-height:500px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;overflow-y:auto}.create-task-modal .custom-field-rich-text-wrapper .ql-editor{min-height:200px;color:var(--create-task-gray-800);padding:12px 15px;line-height:1.6}.create-task-modal .custom-field-rich-text-wrapper .ql-editor.ql-blank:before{color:var(--create-task-gray-400);font-style:normal}.create-task-modal .custom-field-rich-text-wrapper .ql-toolbar{border-bottom:1px solid var(--create-task-gray-200);background:var(--create-task-gray-50);padding:8px}.create-task-modal .custom-field-rich-text-wrapper .ql-toolbar~.ql-toolbar{display:none!important}.create-task-modal .custom-field-rich-text-wrapper .ql-toolbar .ql-stroke{stroke:var(--create-task-gray-600)}.create-task-modal .custom-field-rich-text-wrapper .ql-toolbar .ql-fill{fill:var(--create-task-gray-600)}.create-task-modal .custom-field-rich-text-wrapper .ql-toolbar button:hover,.create-task-modal .custom-field-rich-text-wrapper .ql-toolbar button.ql-active{color:var(--create-task-primary)}.create-task-modal .custom-field-rich-text-wrapper .ql-toolbar button:hover .ql-stroke,.create-task-modal .custom-field-rich-text-wrapper .ql-toolbar button.ql-active .ql-stroke{stroke:var(--create-task-primary)}.create-task-modal .custom-field-rich-text-wrapper .ql-toolbar button:hover .ql-fill,.create-task-modal .custom-field-rich-text-wrapper .ql-toolbar button.ql-active .ql-fill{fill:var(--create-task-primary)}.create-task-modal .custom-field-rich-text-wrapper .ql-editor img{border-radius:4px;max-width:100%;height:auto;margin:8px 0}.create-task-modal .custom-field-rich-text-wrapper .ql-editor a{color:var(--create-task-primary);text-decoration:underline}.create-task-modal .custom-field-rich-text-wrapper .ql-editor a:hover{text-decoration:none}@media (width<=768px){.create-task-modal .modal-content{max-height:85vh;width:96%!important}.create-task-modal .form-grid.two-column{grid-template-columns:1fr}.create-task-modal .create-task-modal__scroll{padding:0 20px 16px}.create-task-modal .form-actions{margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}.create-task-modal .custom-field-file-item,.create-task-modal .custom-field-url-input-row{flex-direction:column}.create-task-modal .modal-section-header{flex-direction:column;align-items:flex-start}}.create-task-modal .form-error{color:#dc2626;margin:0 24px 12px;font-size:14px}.create-task-modal .custom-field-url-input-row{align-items:center;gap:8px;display:flex}.create-task-modal .custom-field-url-input-row input[type=url]{flex:1}.create-task-modal .custom-field-url-list-actions{justify-content:center;margin-top:4px;display:flex}.create-task-modal .custom-field-add-link-btn{background:var(--create-task-primary,#ed2047);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:opacity .2s}.create-task-modal .custom-field-add-link-btn:hover{opacity:.9}.create-task-modal .custom-field-url-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.create-task-modal .custom-field-url-row .form-input{flex:1}[data-theme=dark] .create-task-modal .modal-content{background:var(--app-surface);box-shadow:0 24px 60px #00000080}[data-theme=dark] .create-task-modal .create-task-modal-spinner-overlay{background:#161b22eb}[data-theme=dark] .create-task-modal .create-task-modal-spinner{border-color:#ffffff1f;border-top-color:var(--create-task-primary,#ed2047)}[data-theme=dark] .create-task-modal .create-task-modal-spinner-text{color:var(--app-text-muted)}[data-theme=dark] .create-task-modal .create-task-upload-progress-item{border-color:var(--app-border);background:#ffffff0a}[data-theme=dark] .create-task-modal .create-task-upload-file-name{color:var(--app-text)}[data-theme=dark] .create-task-modal .create-task-upload-field-name,[data-theme=dark] .create-task-modal .create-task-upload-meta{color:var(--app-text-muted)}[data-theme=dark] .create-task-modal .create-task-upload-bar{background:#ffffff14}[data-theme=dark] .create-task-modal .modal-header{background:var(--app-surface);border-bottom-color:var(--app-border)}[data-theme=dark] .create-task-modal .modal-title{color:var(--app-text)}[data-theme=dark] .create-task-modal .modal-description{color:var(--app-text-muted)}[data-theme=dark] .create-task-modal .close-btn{background:var(--app-surface-muted);color:var(--app-text-muted)}[data-theme=dark] .create-task-modal .close-btn:hover{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .create-task-modal .btn-gropro-ai-header{color:#ff8fa3;background:#ed20471f;border-color:#ed204759}[data-theme=dark] .create-task-modal .btn-gropro-ai-header:hover{background:#ed204733}[data-theme=dark] .create-task-modal .modal-section{background:var(--app-surface-muted);border-color:var(--app-border);box-shadow:none}[data-theme=dark] .create-task-modal .modal-section-title,[data-theme=dark] .create-task-modal .modal-section-helper,[data-theme=dark] .create-task-modal .form-helper-text{color:var(--app-text-muted)}[data-theme=dark] .create-task-modal .form-label{color:var(--app-text)}[data-theme=dark] .create-task-modal .form-group--app-select .app-select-trigger{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text);box-shadow:none}[data-theme=dark] .create-task-modal .form-group--app-select .app-select-trigger:hover:not(:disabled){box-shadow:none;border-color:#ed204773}[data-theme=dark] .create-task-modal .form-group--app-select .app-select-trigger.is-open,[data-theme=dark] .create-task-modal .form-group--app-select .app-select-trigger:focus-visible{border-color:#ed204773;box-shadow:0 0 0 4px #ed204726}[data-theme=dark] .create-task-modal .form-group--app-select .app-select-trigger:disabled{background:var(--app-surface-muted);color:var(--app-text-muted);cursor:not-allowed}[data-theme=dark] .create-task-modal .form-input,[data-theme=dark] .create-task-modal .form-textarea,[data-theme=dark] .create-task-modal select.form-input{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .create-task-modal .form-input:focus,[data-theme=dark] .create-task-modal .form-textarea:focus,[data-theme=dark] .create-task-modal select.form-input:focus{border-color:#ed204773;box-shadow:0 0 0 4px #ed204726}[data-theme=dark] .create-task-modal .form-input.readonly{background:var(--app-surface-muted);color:var(--app-text-muted)}[data-theme=dark] .create-task-modal .create-task-assignee-value{background:var(--app-input-bg);border-color:var(--app-border)}[data-theme=dark] .create-task-modal .create-task-assignee-value:hover,[data-theme=dark] .create-task-modal .create-task-assignee-value:focus{border-color:#ed204773;box-shadow:0 0 0 4px #ed204726}[data-theme=dark] .create-task-modal .create-task-assignee-value .assignee-avatar.unassigned{background:var(--app-border);color:var(--app-text-muted)}[data-theme=dark] .create-task-modal .create-task-assignee-value .assignee-overflow{color:var(--app-text-muted)}[data-theme=dark] .create-task-modal .form-actions{background:var(--app-surface);border-top:1px solid var(--app-border)}[data-theme=dark] .create-task-modal .btn-secondary{background:var(--app-surface-muted);color:var(--app-text)}[data-theme=dark] .create-task-modal .btn-primary{background:linear-gradient(135deg, var(--primary-color,#ed2047), var(--primary-dark,#f26225));color:#fff}[data-theme=dark] .create-task-modal .custom-fields-empty{background:var(--app-surface);color:var(--app-text-muted)}[data-theme=dark] .create-task-modal .custom-field-dropzone{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .create-task-modal .custom-field-dropzone.dragover{background:#ed20471a}[data-theme=dark] .create-task-modal .custom-field-dropzone-hint,[data-theme=dark] .create-task-modal .custom-field-file-info,[data-theme=dark] .create-task-modal .custom-field-file-empty{color:var(--app-text-muted)}[data-theme=dark] .create-task-modal .custom-field-file-item{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .create-task-modal .custom-field-file-item.pending-upload{background:#ed20471a}[data-theme=dark] .create-task-modal .custom-field-file-item.pending-removal{background:#ed20471f}[data-theme=dark] .create-task-modal .custom-field-file-name{color:var(--app-text)}[data-theme=dark] .create-task-modal .custom-field-secondary-btn{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .create-task-modal .custom-field-secondary-btn:hover{background:var(--app-surface-hover)}[data-theme=dark] .create-task-modal .custom-field-rich-text-wrapper{background:var(--app-input-bg);border-color:var(--app-border)}[data-theme=dark] .create-task-modal .custom-field-rich-text-wrapper .ql-editor{color:var(--app-text)}[data-theme=dark] .create-task-modal .custom-field-rich-text-wrapper .ql-editor.ql-blank:before{color:var(--app-text-muted)}[data-theme=dark] .create-task-modal .custom-field-rich-text-wrapper .ql-toolbar{background:var(--app-surface-muted);border-bottom-color:var(--app-border)}[data-theme=dark] .create-task-modal .custom-field-rich-text-wrapper .ql-toolbar .ql-stroke{stroke:var(--app-text-muted)}[data-theme=dark] .create-task-modal .custom-field-rich-text-wrapper .ql-toolbar .ql-fill{fill:var(--app-text-muted)}[data-theme=dark] .create-task-modal .custom-field-rich-text-wrapper .ql-toolbar button:hover .ql-stroke,[data-theme=dark] .create-task-modal .custom-field-rich-text-wrapper .ql-toolbar button.ql-active .ql-stroke{stroke:var(--primary-color,#ed2047)}[data-theme=dark] .create-task-modal .custom-field-rich-text-wrapper .ql-toolbar button:hover .ql-fill,[data-theme=dark] .create-task-modal .custom-field-rich-text-wrapper .ql-toolbar button.ql-active .ql-fill{fill:var(--primary-color,#ed2047)}[data-theme=dark] .create-task-modal .form-error{color:#ff7b72}.gropro-ai-create-task-modal.create-task-modal{z-index:100080}.gropro-ai-create-task-modal .modal-content{background:#fff!important;width:98%!important;max-width:100%!important}.gropro-ai-create-task-modal .form-actions{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;margin-bottom:0;padding-bottom:24px;background:#fff!important}[data-theme=dark] .gropro-ai-create-task-modal .modal-content{background:var(--app-surface,#161b22)!important}[data-theme=dark] .gropro-ai-create-task-modal .form-actions{border-top-color:var(--app-border,#ffffff14);background:var(--app-surface,#161b22)!important}body:has(.gropro-ai-create-task-modal) .assignee-picker-modal{z-index:100090}.task-detail-modal-overlay{z-index:2000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.task-detail-modal-overlay.fullscreen{padding:0}.task-detail-modal{background:#fff;border-radius:24px;flex-direction:column;width:min(98vw,1600px);height:min(90vh,900px);display:flex;position:relative;overflow:hidden;box-shadow:0 32px 60px #0f172a2e}.task-detail-modal-overlay.fullscreen .task-detail-modal{border-radius:0;width:100vw;height:100vh;max-height:100vh}.task-detail-modal__header{border-bottom:1px solid #94a3b824;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 16px;display:flex}[data-theme=dark] .task-detail-modal__header{background:#0a0a0a}.task-detail-modal__header-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.task-detail-modal__navigation{flex-shrink:0;gap:6px;display:flex}.task-detail-modal__nav-btn,.task-detail-modal__icon-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.task-detail-modal__nav-btn:hover:not(:disabled),.task-detail-modal__icon-btn:hover:not(:disabled){color:#1f2937;background:#e5e7eb}.task-detail-modal__nav-btn:disabled,.task-detail-modal__icon-btn:disabled{opacity:.4;cursor:not-allowed}.task-detail-modal__breadcrumb{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.task-detail-modal__header-actions{flex-shrink:0;gap:8px;display:flex}.task-detail-modal__mobile-tabs{display:none}.task-detail-modal__body{background:linear-gradient(#f8fafca6 0%,#fffffff2 60%);flex:1;gap:28px;min-height:0;padding:24px 32px 32px;display:flex;overflow:hidden}[data-theme=dark] .task-detail-modal__body{background:#0a0a0a}.task-detail-modal__left{flex-direction:column;flex:0 0 70%;gap:20px;min-width:0;max-width:70%;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.task-detail-modal__right{border-left:1px solid #94a3b82e;flex-direction:column;flex:1;min-width:0;min-height:0;padding-left:24px;display:flex}.task-detail-modal__loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;display:flex}.task-detail-modal__loading.inline{min-height:120px}.task-detail-modal__error{color:#b91c1c;background:#ef44441a;border-radius:8px;padding:12px 14px;font-size:14px}.task-detail-modal__title{color:#111827;margin-bottom:20px;font-size:26px;font-weight:600;line-height:1.25}[data-theme=dark] .task-detail-modal__title{color:#fff}.task-detail-modal__meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;padding-bottom:8px;display:grid}.task-detail-modal__meta-item{flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.task-detail-modal__meta-item .task-detail-modal__badge,.task-detail-modal__meta-item .task-detail-modal__chip{box-sizing:border-box;width:100%;max-width:100%;display:flex}.task-detail-modal__meta-item .task-detail-modal__badge{justify-content:center}.task-detail-modal__meta-item .task-detail-modal__chip{justify-content:flex-start}.task-detail-modal__meta-item .task-detail-modal__chip-text{flex:1;min-width:0}.task-detail-modal__meta-label{letter-spacing:.08em;text-transform:uppercase;color:#475569d9;font-size:12px;font-weight:600}.task-detail-modal__badge{color:#374151;background:#f3f4f6;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:72px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #94a3b83d}.task-detail-modal__badge--neutral{box-shadow:none;color:#374151;background:#fffffff2;border:1px solid #94a3b847;font-weight:500}.task-detail-modal__badge.interactive,.task-detail-modal__chip.interactive{cursor:pointer}.task-detail-modal__badge.interactive:hover,.task-detail-modal__chip.interactive:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #3b82f659,0 6px 12px #0f172a14}.task-detail-modal__badge--neutral.interactive:hover{box-shadow:0 0 0 1px #3b82f659,0 6px 12px #0f172a14}.task-detail-modal__badge.permission-locked,.task-detail-modal__chip.permission-locked{cursor:not-allowed;opacity:.85}.task-detail-modal__chip.readonly{cursor:default;pointer-events:none;box-shadow:none}.task-detail-modal__chip.readonly:hover{box-shadow:none;transform:none}.task-detail-modal__chip{color:#374151;background:#fffffff2;border:1px solid #94a3b847;border-radius:999px;align-items:center;gap:10px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:transform .15s,box-shadow .15s;display:inline-flex}.task-detail-modal__chip-icon{color:#4b5563;background:#94a3b840;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:inline-flex}.task-detail-modal__chip-text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.task-detail-modal__assignees-chip{gap:6px;padding:6px 12px}.task-detail-modal__card{background:#fff;border-radius:16px;flex-direction:column;padding:18px 20px;display:flex}[data-theme=dark] .task-detail-modal__card{background:#171717}.task-detail-modal__card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.task-detail-modal__card-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}[data-theme=dark] .task-detail-modal__card-header h3{color:#fff}.task-detail-modal__toggle-btn,.task-detail-modal__subtask-btn{color:#ed2047;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.task-detail-modal__empty{color:#6b7280;padding:8px 0;font-size:13px}.task-detail-modal__custom-grid{grid-template-columns:1fr;gap:14px;max-height:220px;padding-right:4px;display:grid;position:relative;overflow:hidden}.task-detail-modal__custom-grid:not(.expanded):after{content:"";pointer-events:none;opacity:1;background:linear-gradient(#fff0,#fff 88%);height:48px;transition:opacity .35s;position:absolute;bottom:0;left:0;right:0}.task-detail-modal__custom-grid.is-unclipped,.task-detail-modal__custom-grid.is-unclipped:not(.expanded){max-height:none!important;overflow:visible!important}.task-detail-modal__custom-grid.is-unclipped:after,.task-detail-modal__custom-grid.is-unclipped:not(.expanded):after{display:none}[data-theme=dark] .task-detail-modal__custom-grid:not(.expanded):after{background:linear-gradient(#17171700,#171717 88%)}.task-detail-modal__custom-grid.expanded:after{content:"";pointer-events:none;opacity:0;height:48px;transition:opacity .28s;position:absolute;bottom:0;left:0;right:0}.task-detail-modal__show-more-wrap{justify-content:center;margin-top:10px;display:flex}.task-detail-modal__show-more-btn{color:#ed2047;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.task-detail-modal__show-more-chevrons{width:18px;height:16px;transition:transform .35s;animation:1.25s ease-in-out infinite task-detail-show-more-bounce;display:block}.task-detail-modal__show-more-chevrons svg{width:100%;height:100%;display:block;overflow:visible}.task-detail-modal__show-more-btn.is-expanded .task-detail-modal__show-more-chevrons{animation:none;transform:rotate(180deg)}.task-detail-modal__show-more-btn:hover{color:#c81a3a}@keyframes task-detail-show-more-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}[data-theme=dark] .task-detail-modal__show-more-btn{color:#fb7185}[data-theme=dark] .task-detail-modal__show-more-btn:hover{color:#fda4af}.task-detail-modal__custom-field{flex-direction:column;gap:6px;display:flex}.task-detail-modal__custom-label{letter-spacing:.06em;text-transform:uppercase;color:#475569d9;font-size:12px;font-weight:600}[data-theme=dark] .task-detail-modal__custom-label{color:#8c97a6d9}.task-detail-modal__custom-value{color:#374151;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #94a3b82e;border-radius:10px;min-height:42px;padding:10px 12px;font-size:14px}.task-detail-modal__custom-value a,.task-detail-modal__custom-link{color:#ed2047;text-underline-offset:2px;word-break:break-all;font-weight:600;text-decoration:underline}.task-detail-modal__custom-value a:hover,.task-detail-modal__custom-link:hover{color:#c9183a}.task-comment-body .task-detail-modal__custom-link,.task-comment-reply-context .task-detail-modal__custom-link{color:#ed2047;text-underline-offset:2px;word-break:break-all;font-weight:600;text-decoration:underline}.task-comment-body .task-detail-modal__custom-link:hover,.task-comment-reply-context .task-detail-modal__custom-link:hover{color:#c9183a}.task-detail-modal__custom-file+.task-detail-modal__custom-file{margin-top:6px}.task-detail-modal__custom-file-list{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.task-detail-modal__custom-file-btn{color:#ed2047;max-width:100%;font:inherit;text-align:left;cursor:pointer;text-underline-offset:2px;word-break:break-all;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.task-detail-modal__custom-file-btn i{opacity:.85;flex:none}.task-detail-modal__custom-file-btn:hover{color:#c9183a}.task-detail-modal__custom-file-list--thumbs{flex-flow:wrap;gap:10px}.task-detail-modal__custom-video-thumb{border:1px solid var(--app-border,#d1d5db);cursor:pointer;background:#111;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:132px;height:84px;padding:0;display:inline-flex;position:relative;overflow:hidden}.task-detail-modal__custom-video-thumb img,.task-detail-modal__custom-video-thumb video{object-fit:cover;pointer-events:none;background:#111;width:100%;height:100%}.task-detail-modal__custom-video-play,.task-detail-modal__custom-video-fallback{color:#fff;pointer-events:none;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}.task-detail-modal__custom-video-play{background:#00000047}.task-detail-modal__custom-video-fallback{background:#1f2937;width:100%;height:100%;font-size:20px;position:static}.task-detail-modal__custom-video-thumb:hover .task-detail-modal__custom-video-play{background:#0000006b}.task-detail-modal__custom-empty{color:#6b7280}.task-detail-file-preview-overlay{z-index:2800;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.task-detail-file-preview-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;width:min(1100px,100%);height:min(90vh,900px);max-height:min(90vh,900px);display:flex;overflow:hidden;box-shadow:0 28px 64px #0f172a33}.task-detail-file-preview-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.task-detail-file-preview-title{color:#111827;word-break:break-word;font-size:15px;font-weight:650}.task-detail-file-preview-sub{color:#6b7280;margin-top:2px;font-size:12px}.task-detail-file-preview-actions{flex:none;align-items:center;gap:10px;display:inline-flex}.task-detail-file-preview-open{color:#ed2047;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none}.task-detail-file-preview-open:hover,.task-detail-file-preview-open.is-primary:hover{color:#c9183a}.task-detail-file-preview-open.is-primary{background:#ed20471a;border-radius:999px;margin-top:12px;padding:8px 14px;display:inline-flex}.task-detail-file-preview-close{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;width:34px;height:34px}.task-detail-file-preview-close:hover{color:#111827;background:#d1d5db}.task-detail-file-preview-body{background:#f1f5f9;flex:auto;justify-content:center;align-items:stretch;min-height:0;padding:12px;display:flex;overflow:hidden}.task-detail-file-preview-video-wrap{background:#0f172a;border-radius:8px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.task-detail-file-preview-loading{z-index:1;color:#ffffffd9;pointer-events:none;background:#0f172a59;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0}.task-detail-file-preview-video-wrap.is-ready .task-detail-file-preview-loading{display:none}.task-detail-file-preview-media,.task-detail-file-preview-image{background:#0f172a;border:none;border-radius:8px;align-self:center;width:100%;max-height:100%}.task-detail-file-preview-video-wrap .task-detail-file-preview-media{object-fit:contain;border-radius:0;width:100%;height:100%;max-height:none}.task-detail-file-preview-image{object-fit:contain;background:0 0;width:auto;max-width:100%}.task-detail-file-preview-frame-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:auto;width:100%;min-height:0;display:flex;overflow:hidden}.task-detail-file-preview-frame{background:#fff;border:none;flex:auto;width:100%;height:100%;min-height:0;display:block}[data-theme=dark] .task-detail-file-preview-frame-wrap{background:#0b0f14;border-color:#94a3b840}[data-theme=dark] .task-detail-file-preview-frame{background:#0b0f14}.task-detail-file-preview-audio-wrap{color:#4b5563;flex-direction:column;align-items:center;gap:18px;width:min(520px,100%);display:flex}.task-detail-file-preview-audio-wrap>i{opacity:.85;font-size:42px}.task-detail-file-preview-audio{width:100%}.task-detail-file-preview-empty{color:#4b5563;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.task-detail-file-preview-empty i{opacity:.8;font-size:36px}.task-detail-file-preview-empty p{max-width:320px;margin:0}[data-theme=dark] .task-detail-file-preview-overlay{background:#0f172ab8}[data-theme=dark] .task-detail-file-preview-modal{background:#0b0f14;border-color:#94a3b840;box-shadow:0 28px 64px #00000073}[data-theme=dark] .task-detail-file-preview-header{background:#111827;border-bottom-color:#94a3b82e}[data-theme=dark] .task-detail-file-preview-title{color:#f8fafc}[data-theme=dark] .task-detail-file-preview-sub{color:#94a3b8}[data-theme=dark] .task-detail-file-preview-open{color:#fb7185}[data-theme=dark] .task-detail-file-preview-open:hover,[data-theme=dark] .task-detail-file-preview-open.is-primary:hover{color:#fda4af}[data-theme=dark] .task-detail-file-preview-open.is-primary{background:#ed204729}[data-theme=dark] .task-detail-file-preview-close{color:#e2e8f0;background:#94a3b824}[data-theme=dark] .task-detail-file-preview-close:hover{color:#e2e8f0;background:#94a3b847}[data-theme=dark] .task-detail-file-preview-body{background:#020617}[data-theme=dark] .task-detail-file-preview-audio-wrap,[data-theme=dark] .task-detail-file-preview-empty{color:#cbd5e1}[data-theme=dark] .task-detail-modal__custom-file-btn{color:#fb7185}[data-theme=dark] .task-detail-modal__custom-file-btn:hover{color:#fda4af}[data-theme=dark] .task-detail-modal__custom-video-thumb{border-color:#334155}.task-detail-modal__subtasks-wrap{overflow-x:auto}.task-detail-modal__subtasks-table{border-collapse:collapse;width:100%;font-size:13px}.task-detail-modal__subtasks-table th,.task-detail-modal__subtasks-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:10px 12px}.task-detail-modal__subtasks-table th{letter-spacing:.06em;text-transform:uppercase;color:#6b7280;font-size:11px;font-weight:600}.task-detail-modal__comments-header h3{color:#1f2937;margin:0 0 12px;font-size:16px;font-weight:600}.task-detail-modal__comments-list{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.task-detail-modal__date-group+.task-detail-modal__date-group{margin-top:12px}.task-detail-modal__date-separator{text-align:center;color:#6b7280;margin:12px 0;font-size:12px;font-weight:600}.task-detail-modal__activity-item{color:#4b5563;align-items:flex-start;gap:10px;padding:8px 0;font-size:13px;display:flex}.task-detail-modal__activity-time{color:#9ca3af;flex-shrink:0;min-width:64px}.task-detail-modal__comment-item{gap:10px;padding:10px 0;display:flex}.task-detail-modal__comment-avatar{color:#fff;background:#ed2047;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.task-detail-modal__comment-meta{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.task-detail-modal__comment-author{color:#1f2937;font-size:13px;font-weight:600}.task-detail-modal__comment-time{color:#9ca3af;font-size:12px}.task-detail-modal__comment-content{color:#374151;word-break:break-word;font-size:14px;line-height:1.5}.task-detail-modal__comment-form{border-top:1px solid #94a3b82e;flex-shrink:0;align-items:flex-end;gap:10px;padding-top:12px;display:flex}.task-detail-modal__comment-input-wrap{background:#f8fafc;border:1px solid #94a3b838;border-radius:12px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.task-detail-modal__attach-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0}.task-detail-modal__comment-input{resize:none;font:inherit;color:#1f2937;background:0 0;border:none;flex:1;min-height:24px}.task-detail-modal__comment-input:focus{outline:none}.task-detail-modal__send-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:50%;flex-shrink:0;width:40px;height:40px}.task-detail-modal__send-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px){.task-detail-modal__mobile-tabs{border-bottom:1px solid #94a3b82e;flex-shrink:0;display:flex}.task-detail-modal__mobile-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;flex:1;padding:12px 16px;font-size:14px;font-weight:600;position:relative}.task-detail-modal__mobile-tab.active{color:#ed2047}.task-detail-modal__mobile-tab.active:after{content:"";background:#ed2047;border-radius:999px;height:2px;position:absolute;bottom:0;left:16px;right:16px}.task-detail-modal__body{flex-direction:column;padding:16px}.task-detail-modal__left,.task-detail-modal__right{border-left:none;flex:auto;max-width:none;padding-left:0;display:none}.task-detail-modal__left.mobile-active,.task-detail-modal__right.mobile-active{display:flex}.task-detail-modal__meta-grid{grid-template-columns:1fr}}.task-detail-modal__parent-link{color:#ed2047;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:12px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.task-detail-modal__card-actions{align-items:center;gap:8px;display:flex}.task-detail-modal__edit-btn{color:#fff;cursor:pointer;background:#ed2047;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.task-detail-modal__custom-edit-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}.task-detail-modal__custom-fields-edit{flex-direction:column;gap:0;display:flex}.task-detail-modal__custom-fields-edit.create-task-modal--embedded .custom-fields-container{margin-top:0}.task-detail-modal__custom-fields-edit.create-task-modal--embedded .task-detail-edit-section-header{margin-bottom:14px}.task-detail-modal__custom-fields-edit.create-task-modal--embedded .btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex}.task-detail-modal__custom-fields-edit.create-task-modal--embedded .btn-secondary{color:#374151;background:#e5e7eb}.task-detail-modal__custom-fields-edit.create-task-modal--embedded .btn-primary{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225)}.task-detail-modal__custom-fields-edit.create-task-modal--embedded .btn:hover:not(:disabled){transform:translateY(-1px)}.task-detail-modal__custom-fields-edit.create-task-modal--embedded .btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.task-detail-modal__left{position:relative}.task-detail-modal__saving-overlay{z-index:40;color:#4b5563;border-radius:inherit;pointer-events:auto;background:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex;position:absolute;inset:0}.task-detail-modal__saving-spinner{border:3px solid #0f172a1a;border-top-color:#ed2047;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite task-detail-spin}.task-detail-modal__upload-progress{width:min(420px,100% - 48px);max-height:min(70vh,420px);padding:8px 4px;overflow-y:auto}.task-detail-modal__upload-progress-title{text-align:center;color:#4b5563;margin-bottom:16px;font-size:14px;font-weight:500}.task-detail-modal__upload-progress-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.task-detail-modal__upload-progress-item{text-align:left;background:#ffffffd9;border:1px solid #0f172a14;border-radius:10px;padding:12px 14px}.task-detail-modal__upload-progress-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.task-detail-modal__upload-file-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.task-detail-modal__upload-percent{color:#ed2047;flex-shrink:0;font-size:12px;font-weight:600}.task-detail-modal__upload-field-name{color:#6b7280;margin-bottom:8px;font-size:11px}.task-detail-modal__upload-bar{background:#0f172a14;border-radius:999px;height:6px;margin-bottom:6px;overflow:hidden}.task-detail-modal__upload-bar-fill{border-radius:inherit;background:#ed2047;height:100%;transition:width .2s}.task-detail-modal__upload-meta{color:#6b7280;font-size:11px}.task-detail-modal__upload-progress-item.is-done .task-detail-modal__upload-bar-fill{background:#16a34a}.task-detail-modal__upload-progress-item.is-done .task-detail-modal__upload-percent{color:#16a34a}.task-detail-modal__upload-progress-item.is-error .task-detail-modal__upload-bar-fill{background:#dc2626}@keyframes task-detail-spin{to{transform:rotate(360deg)}}.task-detail-modal__assignee-avatars{align-items:center;gap:4px;display:inline-flex}.task-detail-modal__assignee-avatar{color:#fff;background:#ed2047;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:inline-flex}.task-detail-modal__assignee-avatar.empty{color:#6b7280;background:#e5e7eb;font-size:11px}.task-detail-modal__assignee-more{color:#374151;background:#e5e7eb;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.task-detail-modal__subtask-row.is-active{background:#ed20470f}.task-detail-modal__subtask-row.is-active .task-detail-modal__subtask-link{color:#ed2047;font-weight:600}.task-detail-modal__subtask-row{cursor:pointer}.task-detail-modal__subtask-row:hover{background:#f8fafce6}.task-detail-modal__subtask-link{color:#ed2047;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:600}.task-detail-modal__activity-item--log{padding:6px 0}.task-detail-modal__activity-log-wrap{align-items:flex-start;gap:10px;display:flex}.task-detail-modal__activity-log-chip{color:#4b5563;background:#f8fafcf2;border:1px solid #e2e8f0e6;border-radius:12px;flex:1;padding:8px 12px;font-size:13px}.task-detail-modal__activity-toggle{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:600}.task-detail-modal__comment-item.self-comment{flex-direction:row-reverse}.task-detail-modal__comment-item.self-comment .task-detail-modal__comment-body{text-align:right;align-items:flex-end}.task-detail-modal__comment-item.highlighted{animation:2.5s task-detail-highlight}@keyframes task-detail-highlight{0%,to{background:0 0}15%,85%{background:#fef3c78c;border-radius:12px}}.task-detail-modal__comment-item.deleted{opacity:.7}.task-detail-modal__comment-reply-context{color:#6b7280;background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:8px;margin-bottom:6px;padding:8px 10px;font-size:12px}.task-detail-modal__comment-reply-author{color:#374151;margin-bottom:2px;font-weight:600;display:block}.task-detail-modal__comment-attachments{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.task-detail-modal__comment-attachment{color:#374151;background:#f3f4f6;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;text-decoration:none;display:inline-flex}.task-detail-modal__comment-reactions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.task-detail-modal__comment-reaction{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:2px 8px;font-size:12px}.task-detail-modal__comment-reaction.active{background:#ed204714;border-color:#ed204759}.task-detail-modal__comment-actions{gap:10px;margin-top:6px;display:flex}.task-detail-modal__comment-actions button{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.task-detail-modal__comment-actions button:hover{color:#ed2047}.task-detail-modal__composer-context{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:13px;display:flex}.task-detail-modal__composer-context-clear{color:#6b7280;cursor:pointer;background:0 0;border:none}.task-detail-modal__attachment-preview{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.task-detail-modal__attachment-chip{background:#f3f4f6;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.task-detail-modal__attachment-chip button{color:#6b7280;cursor:pointer;background:0 0;border:none}.task-detail-modal__date-separator span{background:#f3f4f6;border-radius:999px;padding:4px 12px;display:inline-block}.task-detail-modal__right{flex-direction:column;min-height:0;display:flex}.task-detail-modal__right .task-activity-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.task-detail-modal__right .task-activity-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}[data-theme=dark] .task-detail-modal__right .task-activity-header h3{color:#fff}.task-detail-modal__right .task-detail-comment-selection-bar{background:#f3f4f6;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative}.task-detail-modal__right .task-detail-selection-cancel{color:#374151;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px}.task-detail-modal__right .task-detail-selection-count{color:#1f2937;flex:1;font-size:14px;font-weight:600}.task-detail-modal__right .task-detail-selection-more-wrap{position:relative}.task-detail-modal__right .task-detail-selection-more{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:4px;padding:8px;font-size:18px}.task-detail-modal__right .task-detail-selection-more:hover{background:#e5e7eb}.task-detail-modal__right .task-detail-selection-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:180px;margin-top:4px;padding:4px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.task-detail-modal__right .task-detail-selection-dropdown button{text-align:left;cursor:pointer;color:#1f2937;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;display:flex}.task-detail-modal__right .task-detail-selection-dropdown button:hover{background:#f3f4f6}.task-detail-modal__right .task-activity-list{flex-direction:column;flex:1;gap:8px;min-height:0;margin-bottom:12px;padding-right:12px;display:flex;overflow:hidden auto}.task-detail-modal__right .task-activity-item{color:#374151;-webkit-user-select:none;user-select:none;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.task-detail-modal__right .task-comment-body,.task-detail-modal__right .task-comment-body .task-detail-text{-webkit-user-select:text;user-select:text;cursor:text}.task-detail-modal__right .task-detail-text,.task-detail-modal__comment-content{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.task-detail-modal__right .task-activity-item.task-comment-selected{background:#ed204714;border-radius:8px;box-shadow:inset 0 0 0 1.5px #ed204759}.task-detail-modal__right .task-activity-item.task-comment-context-open{background:#ed20471f;border-radius:8px;box-shadow:inset 0 0 0 1.5px #ed204773}[data-theme=dark] .task-detail-modal__right .task-activity-item.task-comment-selected{background:#ed204747;box-shadow:inset 0 0 0 1.5px #ed2047b3}[data-theme=dark] .task-detail-modal__right .task-activity-item.task-comment-context-open{background:#ed204752;box-shadow:inset 0 0 0 1.5px #ed2047d9}.task-detail-modal__right .task-activity-date-separator{text-align:center;margin:20px 0;position:relative}.task-detail-modal__right .task-activity-date-separator:before{content:"";background:#e5e7eb;height:1px;position:absolute;top:50%;left:0;right:0}.task-detail-modal__right .task-activity-date-separator span{color:#6b7280;z-index:1;background:#fff;padding:4px 12px;font-size:12px;font-weight:500;position:relative}.task-detail-modal__right .task-activity-unread-separator{text-align:center;margin:16px 0 12px;position:relative}.task-detail-modal__right .task-activity-unread-separator:before{content:"";background:#3b82f659;height:1px;position:absolute;top:50%;left:0;right:0}.task-detail-modal__right .task-activity-unread-separator span{color:#2563eb;z-index:1;letter-spacing:.01em;background:#fff;padding:4px 14px;font-size:12px;font-weight:600;position:relative}.task-detail-modal__right .task-activity-item.self-comment{flex-direction:row-reverse;justify-content:flex-end;width:100%;margin-left:auto}.task-detail-modal__right .task-activity-item.self-comment .task-activity-avatar{display:none}.task-detail-modal__right .task-activity-item .task-activity-content{position:relative}.task-detail-modal__right .task-activity-item.self-comment .task-activity-content{flex-direction:column;align-items:flex-end;gap:6px;width:100%;max-width:72%;margin-left:auto;display:flex}.task-detail-modal__right .task-activity-item.self-comment .task-activity-meta{display:none}.task-detail-modal__right .task-activity-item.self-comment .task-detail-text{color:#000;text-align:left;background:#ed204714;border-radius:12px 4px 12px 12px;align-self:flex-end;max-width:100%;min-height:32px;padding:8px 12px;box-shadow:0 1px 2px #0f172a1f}[data-theme=dark] .task-detail-modal__right .task-activity-item.self-comment .task-detail-text{color:var(--app-text);background:#ed204738;box-shadow:0 1px 2px #00000040}.task-detail-modal__right .task-activity-item:not(.self-comment) .task-activity-content{max-width:70%}.task-detail-modal__right .task-activity-item:not(.self-comment) .task-detail-text{color:#1f2937;background:#f3f4f6;border-radius:4px 12px 12px;padding:8px 12px}.task-detail-modal__right .task-activity-item.self-comment .task-activity-time{color:#6b7280;text-align:right;margin-top:4px;font-size:11px}.task-detail-modal__right .task-activity-item:not(.self-comment) .task-activity-time{color:#6b7280;margin-top:4px;font-size:11px}.task-detail-modal__right .task-activity-item.task-activity-project-log{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-left:0}.task-detail-modal__right .task-activity-project-log-wrap{text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:min(520px,94%);display:flex}.task-detail-modal__right .task-activity-project-log-chip{background:linear-gradient(165deg,#fff 0%,#f4f6f9 45%,#eef1f6 100%);border:1px solid #0f172a14;border-radius:12px;max-width:100%;padding:2px 10px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffffb3,0 1px 2px #0f172a0a,0 8px 24px -6px #0f172a1a}.task-detail-modal__right .task-activity-project-log-line{color:#475569;text-align:center;font-size:11px;line-height:1.5;display:block}.task-detail-modal__right .task-activity-project-log-line strong{color:#0f172a;font-weight:600}.task-detail-modal__right .task-activity-project-log-time{color:#94a3b8;text-align:center;font-variant-numeric:tabular-nums;font-size:11px}.task-detail-modal__right .task-activity-project-log-toggle{color:#64748b;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:underline}.task-detail-modal__right .task-activity-project-log-toggle:hover{color:#0f172a}.task-detail-modal__right .task-activity-project-log-group{flex-direction:column;align-items:center;width:100%;margin-bottom:14px;display:flex}.task-detail-modal__right .task-activity-project-log-more{flex-direction:column;align-items:center;width:100%;display:flex}.task-detail-modal__right .task-comment-deleted{color:#999;opacity:.7;font-style:italic}.task-detail-modal__right .task-comment-body{flex-direction:column;gap:8px;width:100%;max-width:100%;display:flex;position:relative}.task-detail-modal__right .task-activity-item.self-comment .task-comment-body{align-items:flex-end}.task-detail-modal__right .task-activity-item:not(.self-comment) .task-comment-body{align-items:flex-start}.task-detail-modal__right .task-comment-hover-actions{opacity:0;pointer-events:none;z-index:10;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:-10px;right:-35px}.task-detail-modal__right .task-activity-item.self-comment .task-comment-hover-actions{right:-10px}.task-detail-modal__right .task-activity-item:not(.self-comment) .task-comment-hover-actions{right:-35px}.task-detail-modal__right .task-activity-item:hover .task-comment-hover-actions,.task-detail-modal__right .task-activity-item:focus-within .task-comment-hover-actions,.task-detail-modal__right .task-activity-item.task-comment-context-open .task-comment-hover-actions{opacity:1;pointer-events:auto}@media (width<=768px),(hover:none){.task-detail-modal__right .task-comment-hover-actions{opacity:1!important;pointer-events:auto!important}}.task-detail-modal__right .task-comment-reply-btn{color:#4b5563;cursor:pointer;background:#0f172a0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.task-detail-modal__right .task-comment-reply-btn:hover,.task-detail-modal__right .task-comment-reply-btn:focus-visible{color:#ed2047;background:#ed20471f}.task-detail-modal__right .task-comment-composer-context{background:#f8fafcf2;border:1px solid #e2e8f0e6;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-width:0;margin-bottom:6px;padding:8px 10px;font-size:13px;display:flex}.task-detail-modal__right .task-comment-composer-context-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.task-detail-modal__right .task-comment-composer-context-title{color:#374151;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex;overflow:hidden}.task-detail-modal__right .task-comment-composer-context-snippet{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;font-size:12px;line-height:1.35;display:block;overflow:hidden}.task-detail-modal__right .task-comment-composer-context-clear{color:#6b7280;cursor:pointer;background:#0f172a0f;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;transition:background .15s,color .15s;display:inline-flex}.task-detail-modal__right .task-comment-composer-context-clear:hover,.task-detail-modal__right .task-comment-composer-context-clear:focus-visible{color:#ed2047;background:#ed20471f}.task-detail-modal__right .task-comment-input-wrapper{background:#f1f5f9e6;border:1px solid #94a3b859;border-radius:20px;flex:1;align-items:center;gap:12px;min-width:0;padding:8px 14px;display:flex;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #0f172a0a}.task-detail-modal__right .task-comment-form{border-top:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:12px;padding-top:16px;display:flex;position:relative;overflow:visible}.task-detail-modal__right .task-comment-attach-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:18px;display:flex}.task-detail-modal__right .task-comment-attach-btn:hover,.task-detail-modal__right .task-comment-attach-btn:focus-visible{color:#ed2047;background:#ed20471f}.task-detail-modal__right .task-comment-input-inner{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex;position:relative;overflow:visible}.task-detail-modal__right .task-comment-input-field{width:100%;max-height:10.5em;position:relative;overflow:visible}.task-detail-modal__right .task-comment-input-editable{resize:none;width:100%;font:inherit;color:#111827;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;z-index:2;background:0 0;border:none;outline:none;min-height:1.5em;max-height:10.5em;padding:0;font-size:14px;line-height:1.5;position:relative;overflow-y:auto}.task-detail-modal__right .task-comment-input-editable:focus{box-shadow:none;outline:none}.task-detail-modal__right .task-comment-input-editable.task-comment-input-empty:not(:focus):before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.task-detail-modal__right .task-comment-input-editable::-webkit-scrollbar{width:4px}.task-detail-modal__right .task-comment-input-editable::-webkit-scrollbar-thumb{background:#94a3b88c;border-radius:999px}.task-detail-modal__right .task-comment-input-editable::-webkit-scrollbar-track{background:0 0}:is(.task-detail-modal,.sheet-comments-modal) .task-comment-input-mention-pill{color:#c41845;vertical-align:baseline;-webkit-user-select:none;user-select:none;cursor:default;white-space:nowrap;background:#ed20471f;border:1px solid #ed204759;border-radius:5px;align-items:center;max-width:100%;margin:0 1px;padding:1px 6px;font-size:12px;font-weight:600;display:inline-flex}.task-detail-modal__right .task-comment-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:18px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 12px 24px #ed204747}.task-detail-modal__right .task-comment-send-btn:hover:not(:disabled),.task-detail-modal__right .task-comment-send-btn:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 26px #ed204752}.task-detail-modal__right .task-comment-send-btn:disabled{opacity:.5;cursor:not-allowed}.task-detail-modal__right .task-activity-avatar{color:#fff;background:#ed2047;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.task-detail-modal__right .task-activity-meta{color:#374151;margin-bottom:4px;font-size:12px;font-weight:600}.task-detail-modal__right .task-comment-reply-context{color:#374151;cursor:pointer;text-align:left;background:#0f172a0f;border:none;border-left:3px solid #ed2047;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:8px 10px;font-size:12px;display:flex}.task-detail-modal__right .task-comment-reply-context-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.task-detail-modal__right .task-comment-reply-context-text span{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;display:block;overflow:hidden}.task-detail-modal__right .task-activity-item.self-comment .task-comment-reply-context{align-self:flex-end;max-width:100%}.task-detail-modal__right .task-comment-bubble-shell{flex-direction:column;width:fit-content;max-width:100%;display:flex;position:relative}.task-detail-modal__right .task-activity-item.self-comment .task-comment-bubble-shell{align-items:flex-end;margin-left:auto}.task-detail-modal__right .task-activity-item:not(.self-comment) .task-comment-bubble-shell{align-items:flex-start}.task-detail-modal__right .task-comment-reactions-row{z-index:3;align-items:center;width:max-content;max-width:100%;margin-top:-8px;margin-bottom:0;padding:0 4px;display:inline-flex;position:relative}.task-detail-modal__right .task-activity-item.self-comment .task-comment-reactions-row{align-self:flex-end}.task-detail-modal__right .task-activity-item:not(.self-comment) .task-comment-reactions-row{align-self:flex-start}.task-detail-modal__right .task-comment-reaction-pill{color:#1f2937;cursor:pointer;background:#dcf8c6;border:1.5px solid #fff;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:2px;width:auto;min-width:0;height:18px;padding:0 5px;font-size:11px;line-height:1;display:inline-flex;position:relative;box-shadow:0 1px 2px #0f172a1a}.task-detail-modal__right .task-comment-reaction-pill+.task-comment-reaction-pill,.task-detail-modal__right .task-comment-reaction-pill+.task-comment-reaction-overflow{margin-left:-5px}.task-detail-modal__right .task-comment-reaction-pill:hover{z-index:10;background:#c8f0a8}.task-detail-modal__right .task-comment-reaction-pill-active{background:#b8e098;box-shadow:0 0 0 1px #22c55e59}.task-detail-modal__right .task-comment-reaction-emoji{font-size:12px;line-height:1}.task-detail-modal__right .task-comment-reaction-count{opacity:.9;font-size:10px;font-weight:600;line-height:1}.task-detail-modal__right .task-comment-reaction-overflow{color:#374151;background:#eef2f7;min-width:18px;padding:0 6px;font-weight:600}.task-detail-modal__right .task-comment-reaction-overflow:hover{background:#e2e8f0}.task-detail-modal__right .task-comment-attachments{flex-direction:column;gap:8px;margin-top:6px;display:flex}.task-detail-modal__right .task-comment-attachment-card{background:#f3f4f6;border:1px solid #0f172a0f;border-radius:12px;max-width:280px;position:relative;overflow:hidden}.task-detail-modal__right .task-activity-item.self-comment .task-comment-attachment-card{background:#ed204714;border-color:#ffffff3d}.task-detail-modal__right .task-comment-attachment-card-btn{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.task-detail-modal__right .task-comment-attachment-card.image .task-comment-attachment-card-btn,.task-detail-modal__right .task-comment-attachment-card.video .task-comment-attachment-card-btn,.task-detail-modal__right .task-comment-attachment-card.audio .task-comment-attachment-card-btn{flex-direction:column;align-items:stretch;padding:0}.task-detail-modal__right .task-comment-attachment-icon{color:#ed2047;background:#ed20471f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.task-detail-modal__right .task-comment-attachment-thumb{background:#0f172a0a;width:100%;max-height:220px;position:relative;overflow:hidden}.task-detail-modal__right .task-comment-attachment-thumb img,.task-detail-modal__right .task-comment-attachment-thumb video{object-fit:cover;width:100%;height:100%;max-height:220px;display:block}.task-detail-modal__right .task-comment-attachment-thumb-audio{justify-content:center;align-items:center;min-height:72px;padding:12px;display:flex}.task-detail-modal__right .task-comment-attachment-thumb-audio audio{width:100%}.task-detail-modal__right .task-comment-attachment-thumb-audio>i{color:#ed2047;font-size:24px}.task-detail-modal__right .task-comment-attachment-info{flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.task-detail-modal__right .task-comment-attachment-info .name{color:#1f2937;word-break:break-word;font-size:13px;font-weight:600;line-height:1.3}.task-detail-modal__right .task-comment-attachment-info .size,.task-detail-modal__right .task-comment-attachment-info .hint{color:#6b7280;font-size:12px}.task-detail-modal__right .task-comment-attachment-card.is-loading .task-comment-attachment-thumb{justify-content:center;align-items:center;min-height:120px;display:flex}.task-detail-modal__right .task-comment-attachment-loader{color:#6b7280;text-align:center;padding:16px;font-size:12px}.task-detail-modal__right .task-comment-attachment-card.is-loading .task-comment-attachment-loader:before{content:"";border:3px solid #ed204733;border-top-color:#ed2047;border-radius:50%;width:32px;height:32px;margin:0 auto 8px;animation:.8s linear infinite task-comment-spinner;display:block}@keyframes task-comment-spinner{to{transform:rotate(360deg)}}.task-detail-modal__right .task-activity-item.task-comment-highlight{z-index:1;border-radius:12px;animation:2.8s cubic-bezier(.22,1,.36,1) forwards task-comment-highlight-flash;position:relative}@keyframes task-comment-highlight-flash{0%{background:linear-gradient(135deg,#ed204733,#f2622524);box-shadow:0 0 #ed204747,inset 3px 0 #ed2047}35%{background:linear-gradient(135deg,#ed204724,#f262251a);box-shadow:0 0 0 10px #ed20470f,inset 3px 0 #f26225}to{box-shadow:none;background:0 0}}.task-detail-modal__right .task-detail-empty-state{color:#6b7280;text-align:center;padding:16px 0;font-size:13px}.task-detail-modal__right .task-comment-attachment-preview{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.task-detail-modal__right .task-comment-attachment-chip{background:#f3f4f6;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.task-detail-modal__right .task-comment-attachment-chip button{color:#6b7280;cursor:pointer;background:0 0;border:none}.task-detail-modal__right .task-activity-list-wrap,.sheet-comments-right .task-activity-list-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.task-detail-modal__right .task-detail-scroll-to-bottom-btn,.sheet-comments-right .task-detail-scroll-to-bottom-btn{color:#fff;cursor:pointer;z-index:5;background:#ed2047;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 12px #0003}.task-detail-modal__right .task-detail-scroll-to-bottom-btn:hover,.sheet-comments-right .task-detail-scroll-to-bottom-btn:hover{transform:scale(1.05)}.task-detail-modal__right .task-detail-scroll-to-bottom-btn .sheet-comments-new-count,.sheet-comments-right .task-detail-scroll-to-bottom-btn .sheet-comments-new-count{color:#ed2047;background:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 4px #0003}[data-theme=dark] .task-detail-modal-overlay{background:#000000a6}[data-theme=dark] .task-detail-modal{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 32px 60px #00000080}[data-theme=dark] .task-detail-modal__header{background:var(--app-surface);border-bottom-color:var(--app-border)}[data-theme=dark] .task-detail-modal__nav-btn,[data-theme=dark] .task-detail-modal__icon-btn{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__nav-btn:hover:not(:disabled),[data-theme=dark] .task-detail-modal__icon-btn:hover{background:var(--app-border);color:var(--app-text)}[data-theme=dark] .task-detail-modal__breadcrumb{color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__right{border-left-color:var(--app-border)}[data-theme=dark] .task-detail-modal__meta-label{color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__badge{background:var(--app-surface-hover);color:var(--app-text);box-shadow:inset 0 0 0 1px var(--app-border)}[data-theme=dark] .task-detail-modal__badge--neutral,[data-theme=dark] .task-detail-modal__chip{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .task-detail-modal__chip-icon{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__custom-value{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .task-detail-modal__custom-value a,[data-theme=dark] .task-detail-modal__custom-link{color:#fb7185}[data-theme=dark] .task-detail-modal__custom-value a:hover,[data-theme=dark] .task-detail-modal__custom-link:hover{color:#fda4af}[data-theme=dark] .task-comment-body .task-detail-modal__custom-link,[data-theme=dark] .task-comment-reply-context .task-detail-modal__custom-link{color:#fb7185}[data-theme=dark] .task-comment-body .task-detail-modal__custom-link:hover,[data-theme=dark] .task-comment-reply-context .task-detail-modal__custom-link:hover{color:#fda4af}[data-theme=dark] .task-detail-modal__empty,[data-theme=dark] .task-detail-modal__loading,[data-theme=dark] .task-detail-modal__right .task-detail-empty-state{color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__subtasks-table th,[data-theme=dark] .task-detail-modal__subtasks-table td{border-bottom-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .task-detail-modal__subtasks-table th{color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__subtask-row:hover{background:#ffffff0f}[data-theme=dark] .task-detail-modal__subtask-row.is-active{background:#ed204729}[data-theme=dark] .task-detail-modal__subtask-row.is-active:hover{background:#ed204738}[data-theme=dark] .task-detail-modal__comment-input-wrap{background:var(--app-input-bg);border-color:var(--app-border)}[data-theme=dark] .task-detail-modal__comment-input{color:var(--app-text)}[data-theme=dark] .task-detail-modal__comment-input::placeholder,[data-theme=dark] .task-detail-modal__right .task-comment-input-editable:empty:before{color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__right .task-comment-input-wrapper{background:var(--app-input-bg);border-color:var(--app-border);box-shadow:none}[data-theme=dark] .task-detail-modal__right .task-comment-input-editable{color:var(--app-text);-webkit-text-fill-color:var(--app-text);caret-color:var(--app-text)}[data-theme=dark] .task-detail-modal__right .task-comment-input-editable.task-comment-input-empty:not(:focus):before{color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__right .task-comment-form{border-top-color:var(--app-border)}[data-theme=dark] .task-detail-modal__right .task-comment-composer-context{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .task-detail-modal__right .task-comment-composer-context-title{color:var(--app-text)}[data-theme=dark] .task-detail-modal__right .task-comment-composer-context-snippet{color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__right .task-comment-composer-context-clear{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__right .task-comment-composer-context-clear:hover,[data-theme=dark] .task-detail-modal__right .task-comment-composer-context-clear:focus-visible{color:#f87171;background:#ed20472e}[data-theme=dark] .task-detail-modal__right .task-detail-comment-selection-bar,[data-theme=dark] .task-detail-modal__right .task-detail-comment-selection-bar{background:var(--app-surface-muted);border-bottom-color:var(--app-border)}[data-theme=dark] .task-detail-modal__right .task-detail-selection-cancel,[data-theme=dark] .task-detail-modal__right .task-detail-selection-count,[data-theme=dark] .task-detail-modal__right .task-detail-selection-more{color:var(--app-text)}[data-theme=dark] .task-detail-modal__right .task-detail-selection-more:hover{background:var(--app-surface-hover)}[data-theme=dark] .task-detail-modal__right .task-detail-selection-dropdown{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 8px 24px #0006}[data-theme=dark] .task-detail-modal__right .task-detail-selection-dropdown button{color:var(--app-text)}[data-theme=dark] .task-detail-modal__right .task-detail-selection-dropdown button:hover{background:var(--app-surface-hover)}[data-theme=dark] .task-detail-modal__right .task-activity-item{color:var(--app-text)}[data-theme=dark] .task-detail-modal__right .task-activity-meta,[data-theme=dark] .task-detail-modal__right .task-activity-author{color:#e5e7eb}[data-theme=dark] .task-detail-modal__right .task-activity-item:not(.self-comment) .task-detail-text{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .task-detail-modal__right .task-activity-date-separator:before{background:var(--app-border)}[data-theme=dark] .task-detail-modal__right .task-activity-date-separator span{background:var(--app-surface);color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__right .task-activity-unread-separator:before{background:#60a5fa59}[data-theme=dark] .task-detail-modal__right .task-activity-unread-separator span{background:var(--app-surface);color:#60a5fa}[data-theme=dark] .task-detail-modal__right .task-activity-project-log-chip{background:var(--app-surface-muted);border-color:var(--app-border);box-shadow:0 1px 2px #0003}[data-theme=dark] .task-detail-modal__right .task-activity-project-log-line{color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__right .task-activity-project-log-line strong{color:var(--app-text)}[data-theme=dark] .task-detail-modal__right .task-activity-project-log-time,[data-theme=dark] .task-detail-modal__right .task-activity-project-log-toggle{color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__right .task-comment-reply-context,[data-theme=dark] .task-detail-modal__comment-reply-context{background:var(--app-surface-muted);border-left-color:var(--app-border);color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__right .task-comment-attachment-card,[data-theme=dark] .task-detail-modal__comment-attachment,[data-theme=dark] .task-detail-modal__right .task-comment-attachment-chip,[data-theme=dark] .task-detail-modal__right .task-comment-attachment-card{background:var(--app-surface-hover);border-color:var(--app-border)}[data-theme=dark] .task-detail-modal__right .task-comment-attachment-info .name{color:var(--app-text)}[data-theme=dark] .task-detail-modal__right .task-comment-attachment-info .size,[data-theme=dark] .task-detail-modal__right .task-comment-attachment-info .hint,[data-theme=dark] .task-detail-modal__right .task-comment-attachment-loader{color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__attachment-chip{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .task-detail-modal__right .task-comment-reaction-pill{border-color:var(--app-surface);color:var(--app-text);background:#b8e09847;box-shadow:0 1px 2px #00000047}[data-theme=dark] .task-detail-modal__right .task-comment-reaction-pill:hover{background:#b8e09861}[data-theme=dark] .task-detail-modal__right .task-comment-reaction-pill-active{background:#b8e0987a}[data-theme=dark] .task-detail-modal__right .task-comment-reaction-overflow{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .task-detail-modal__right .task-comment-reaction-overflow:hover{background:var(--app-surface-muted)}[data-theme=dark] .task-detail-modal__comment-reaction,[data-theme=dark] .task-detail-modal__date-separator span{background:var(--app-surface-hover);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .task-detail-modal__composer-context{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text-muted)}[data-theme=dark] .task-detail-modal__mobile-tab{color:var(--app-text-muted);border-bottom-color:var(--app-border)}[data-theme=dark] .task-detail-modal__mobile-tab.active{color:var(--app-text);border-bottom-color:#ed2047}[data-theme=dark] .task-detail-modal__parent-link{color:var(--app-text-muted)}@media (width<=768px){.task-detail-modal-overlay:not(.fullscreen){align-items:stretch;padding:0}.task-detail-modal-overlay:not(.fullscreen) .task-detail-modal{border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh}.task-detail-modal__header{padding:12px 16px 10px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-top:max(12px, env(safe-area-inset-top,0px))}.task-detail-modal__mobile-tabs{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.task-detail-modal__body{--swipe:0px;flex:1 1 0;gap:0;min-height:0;padding:0;position:relative;overflow:hidden}.task-detail-modal__body .task-detail-modal__left,.task-detail-modal__body .task-detail-modal__right{width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:100%;padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;will-change:transform;box-sizing:border-box;border-left:none;flex-direction:column;transition:transform .35s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0;overflow:hidden auto;display:flex!important}.task-detail-modal__body.swiping .task-detail-modal__left,.task-detail-modal__body.swiping .task-detail-modal__right{transition:none}.task-detail-modal__body.mobile-tab-detail .task-detail-modal__left{transform:translateX(var(--swipe,0px));visibility:visible;opacity:1;pointer-events:auto;z-index:1}.task-detail-modal__body.mobile-tab-detail .task-detail-modal__right{transform:translateX(calc(100% + var(--swipe,0px)));visibility:visible;pointer-events:none;z-index:0}.task-detail-modal__body.mobile-tab-comment .task-detail-modal__left{transform:translateX(calc(-100% + var(--swipe,0px)));visibility:visible;pointer-events:none;z-index:0}.task-detail-modal__body.mobile-tab-comment .task-detail-modal__right{transform:translateX(var(--swipe,0px));visibility:visible;opacity:1;pointer-events:auto;z-index:1}.task-detail-modal__saving-overlay{width:100%!important;left:0!important;right:0!important}}:is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-dropdown{z-index:40;background:#fff;border:1px solid #d1d5db;border-radius:14px;max-height:260px;margin-top:0;display:none;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 35px #0f172a29}:is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-dropdown.visible{display:block}:is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-no-results{color:#6b7280;padding:12px 16px;font-size:13px}:is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-item{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background .15s,color .15s;display:flex}:is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-item:hover,:is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-item.active{background:#ff5a1f14}:is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-avatar{color:#ed2047;text-transform:uppercase;background:#ff5a1f1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}:is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-content{flex-direction:column;min-width:0;max-width:100%;display:flex}:is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-name{color:#1f2937;font-size:13px;font-weight:600;line-height:1.3}:is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-meta{color:#6b7280;font-size:12px}:is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-tag{color:#075e54;font-weight:inherit;font-size:inherit;line-height:inherit;vertical-align:baseline;background:#25d3662e;border-radius:3px;padding:0;display:inline}[data-theme=dark] :is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-tag,[data-theme=dark] :is(.task-detail-modal,.sheet-comments-modal) .task-detail-text .task-comment-mention-tag,[data-theme=dark] :is(.task-detail-modal,.sheet-comments-modal) .task-comment-body .task-comment-mention-tag{background:#25d36647;color:#86efac!important}[data-theme=dark] :is(.task-detail-modal,.sheet-comments-modal) .task-comment-input-mention-pill{color:#fda4af;background:#ed204738;border-color:#ed204773}[data-theme=dark] :is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-dropdown{color:#f3f4f6;background:#1f2937;border-color:#374151;box-shadow:0 18px 35px #00000073}[data-theme=dark] :is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-no-results{color:#9ca3af}[data-theme=dark] :is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-item:hover,[data-theme=dark] :is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-item.active{background:#ed20472e}[data-theme=dark] :is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-avatar{color:#fb7185;background:#ed204738}[data-theme=dark] :is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-name{color:#f9fafb!important}[data-theme=dark] :is(.task-detail-modal,.sheet-comments-modal) .task-comment-mention-meta{color:#9ca3af!important}#groproAiTaskDetailRoot{z-index:2450;position:relative}.gropro-ai-task-detail-overlay.task-detail-modal-overlay{z-index:2450}.gropro-ai-task-detail-overlay .task-detail-modal__title-input{width:100%;font:inherit;font-size:inherit;font-weight:inherit;color:inherit;resize:none;background:0 0;border:none;outline:none;margin:0;padding:0;line-height:1.3}.gropro-ai-task-detail-overlay .task-detail-modal__title-input:focus{outline-offset:4px;border-radius:6px;outline:2px solid #3b82f659}.gropro-ai-task-detail-overlay .task-detail-modal__comments-disabled{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;min-height:220px;padding:24px;font-size:14px;display:flex}.gropro-ai-task-detail-overlay .task-detail-modal__comments-disabled i{opacity:.55;font-size:28px}.project-page{--primary-color:#ed2047;--primary-dark:#f26225;--white:var(--app-surface);--gray-50:var(--app-bg);--gray-100:var(--app-surface-muted);--gray-200:var(--app-border);--gray-300:var(--app-border);--gray-400:var(--app-text-muted);--gray-500:var(--app-text-muted);--gray-600:var(--app-text-muted);--gray-700:var(--app-text);--gray-800:var(--app-text);--transition:box-shadow .2s ease, transform .2s ease, opacity .2s ease, border-color .2s ease;--shadow-md:0 4px 6px -1px #0000001a;flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.project-main-content-area{flex:1;width:100%;min-width:0;min-height:0;display:flex;position:relative}.task-interface{background:var(--app-bg,var(--gray-50));flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.main-header{background:var(--app-surface,white);border-bottom:1px solid var(--gray-200);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.main-title{color:var(--gray-800);font-size:28px;font-weight:700}.header-btn{border:1px solid var(--gray-300);background:var(--app-surface,white);cursor:pointer;color:var(--gray-700);transition:var(--transition);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.header-btn:hover:not(:disabled){background:var(--gray-50)}.btn-gropro-ai-header{align-items:center;gap:0;display:inline-flex}.gropro-ai-header-brand{transform-origin:50%;align-items:center;gap:8px;display:inline-flex}.gropro-ai-header-favicon{width:23px;height:23px;transform-style:preserve-3d;flex-shrink:0;position:relative}.gropro-ai-header-favicon-face{object-fit:cover;backface-visibility:hidden;border-radius:2px;width:100%;height:100%;position:absolute;inset:0}.gropro-ai-header-favicon-face--front{transform:rotateY(0)}.gropro-ai-header-favicon-face--back{transform:rotateY(180deg)}@keyframes groproAiHeaderPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn-gropro-ai-header.is-flipping .gropro-ai-header-brand{animation:1.9s ease-in-out 10 groproAiHeaderPulse}.header-btn:disabled{opacity:.55;cursor:not-allowed}.primary-btn{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;border:none}.primary-btn:hover{box-shadow:var(--shadow-md);color:#000;transform:translateY(-1px)}.task-content{flex:1;min-height:0;padding:0 10px 10px;overflow:hidden auto}.task-content--board{flex-direction:column;padding-bottom:5px;display:flex;overflow:hidden}.task-content--board .task-view-container{flex-direction:column;flex:1;min-height:0;display:flex}.task-content--board .breadcrumb-nav,.task-content--board .project-list-toolbar,.task-content--board .task-filters{flex-shrink:0}.task-content--board .task-view-container>.excel-view,.task-content--board .task-view-container>.google-sheet-view{flex-direction:column;flex:1;min-height:0;display:flex}.task-content:not(.task-content--board) .project-list-toolbar{z-index:20;background:var(--app-bg,var(--gray-50,#f8fafc));margin-bottom:16px;padding-top:4px;padding-bottom:8px;position:sticky;top:0}.task-content:not(.task-content--board) .task-filters{z-index:19;background:var(--app-bg,var(--gray-50,#f8fafc));position:sticky;top:56px}.project-loading,.project-error{min-height:320px;color:var(--gray-600);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.project-loading i,.project-error i{color:var(--primary-color);font-size:28px}.project-error--inline{border:1px solid var(--gray-200,#e5e7eb);background:var(--app-surface,#fff);border-radius:10px;flex-flow:wrap;justify-content:center;min-height:0;margin:8px 0 12px;padding:10px 12px}.project-error--inline i{font-size:16px}.project-error--inline p{margin:0}.project-empty-state{text-align:center;border-color:var(--gray-200);border-radius:15px;padding:60px 40px}.project-empty-state--compact{padding:40px 24px}.project-empty-state__icon{color:var(--gray-300);margin-bottom:24px;font-size:64px}.project-empty-state__title{color:var(--gray-500);margin-bottom:12px;font-size:18px}.project-empty-state__description{color:var(--gray-400);margin-bottom:32px;font-size:14px}.explorer-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px 0;display:grid;overflow:visible}.explorer-card{background:var(--app-surface);border:1px solid var(--gray-200);text-align:left;border-radius:12px;flex-direction:column;gap:12px;width:100%;padding:20px 24px 24px;transition:all .3s;display:flex;position:relative;overflow:visible}.explorer-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #ed204726}.explorer-card-main{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:none;flex-direction:column;gap:12px;padding:0;display:flex}.explorer-card-main:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:8px}.explorer-card-unread-bubble-wrap{z-index:3;position:absolute;top:14px;right:42px}.explorer-card-unread-bubble{position:static}.explorer-card-info-wrap{z-index:4;position:absolute;top:14px;right:14px}.explorer-card-info-btn{border:1px solid var(--gray-300);background:var(--app-surface);width:22px;height:22px;color:var(--gray-600);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;font-weight:700;line-height:1;transition:background .15s,border-color .15s,color .15s;display:flex;box-shadow:0 1px 3px #0f172a14}.explorer-card-info-btn:hover,.explorer-card-info-btn:focus-visible,.explorer-card-info-btn.is-active{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-800);outline:none}.explorer-card-info-popover{background:var(--app-surface);border:1px solid var(--gray-200);z-index:10050;border-radius:10px;width:max-content;min-width:300px;max-width:min(480px,100vw - 24px);padding:12px 14px;box-shadow:0 12px 32px #0f172a24}.explorer-card-info-popover--fixed{opacity:0;visibility:hidden;pointer-events:none;max-height:min(70vh,100vh - 24px);position:fixed;top:0;left:0;overflow-y:auto}.explorer-card-info-popover--fixed.is-ready{opacity:1;visibility:visible;pointer-events:auto;color:var(--primary-color);background:#f0dbdb;border-color:#ed204780;box-shadow:0 4px 12px #ed20471a}[data-theme=dark] .explorer-card-info-popover--fixed.is-ready{background:#494747}.explorer-card-info-popover-title{letter-spacing:.06em;text-transform:uppercase;color:var(--primary-color);margin-bottom:10px;font-size:11px;font-weight:700}.explorer-card-info-row{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.explorer-card-info-row:last-child{margin-bottom:0}.explorer-card-info-row-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.explorer-card-info-row-value{color:var(--gray-800);white-space:normal;word-break:break-word;font-size:13px;line-height:1.45}.explorer-card-header{align-items:center;gap:12px;display:flex}.explorer-card-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:700;display:flex}.explorer-card-icon.space{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark))}.explorer-card-icon.folder{background:linear-gradient(135deg,#f59e0b,#f97316);font-size:20px}.explorer-card-icon.list{background:linear-gradient(135deg,#10b981,#14b8a6);font-size:20px}.explorer-card-icon.sheet{background:linear-gradient(135deg,#2563eb,#1d4ed8);font-size:20px}.explorer-card-content{flex:1;min-width:0}.explorer-card-title{color:var(--gray-800);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:16px;font-weight:600;overflow:hidden}.explorer-card-description{color:var(--gray-500);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.explorer-card-meta{color:var(--gray-500);border-top:1px solid var(--gray-100);flex-wrap:nowrap;align-items:center;gap:16px;min-width:0;padding-top:12px;font-size:13px;display:flex;overflow:hidden}.explorer-card-meta>span{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}.explorer-card-meta i{margin-right:4px}.breadcrumb-nav{color:var(--gray-600);z-index:5;pointer-events:auto;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;padding:16px 0 0;font-size:14px;display:flex;position:relative;overflow:hidden}.breadcrumb-item{cursor:pointer;color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap;z-index:1;pointer-events:auto;background:0 0;border:none;border-radius:6px;flex-shrink:1;min-width:0;max-width:220px;padding:6px 12px;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.breadcrumb-item:hover{color:var(--primary-color);background:#ed20470d}.breadcrumb-item--current{cursor:default;color:var(--gray-800);font-weight:500}.breadcrumb-item--current:hover{color:var(--gray-800);background:0 0}.breadcrumb-separator{color:var(--gray-400)}.project-task-placeholder{background:var(--app-surface);border:1px solid var(--gray-200);text-align:center;border-radius:16px;max-width:640px;margin-top:24px;padding:48px 32px}.project-task-placeholder__icon{width:72px;height:72px;color:var(--primary-color);background:linear-gradient(135deg,#ed20471f,#f262251f);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;display:flex}.project-task-placeholder h2{color:var(--gray-800);margin:0 0 12px}.project-task-placeholder p{color:var(--gray-600);margin:0 0 8px}.project-task-placeholder__hint{color:var(--gray-400);font-size:14px}.task-view-container{flex-direction:column;flex:1;gap:0;min-height:0;padding-top:8px;display:flex}.task-view-container>.kanban-view,.task-view-container>.excel-view,.task-view-container>.google-sheet-view{flex:1;min-height:0}.project-list-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.header-actions{flex-wrap:wrap;gap:12px;display:flex}.view-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.view-tab{border:1px solid var(--gray-300);background:var(--app-surface);cursor:pointer;color:var(--gray-700);transition:var(--transition);border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;display:inline-flex}.view-tab.active{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;border-color:#0000}.view-tabs-spacer{flex:1;min-width:12px}.task-view-toggle{border:1px solid var(--gray-300);background:var(--app-surface);-webkit-user-select:none;user-select:none;color:var(--gray-700);border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.task-view-toggle .toggle-label{opacity:.65;transition:var(--transition);white-space:nowrap;color:var(--gray-500)}.task-view-toggle .toggle-label.active{opacity:1;color:var(--gray-900)}.task-view-toggle .switch{flex:none;width:44px;height:24px;display:inline-block;position:relative}.task-view-toggle .switch input{opacity:0;width:0;height:0}.task-view-toggle .slider{cursor:pointer;background-color:var(--gray-200);border:1px solid var(--gray-300);transition:var(--transition);border-radius:999px;position:absolute;inset:0}.task-view-toggle .slider:before{content:"";width:18px;height:18px;transition:var(--transition);background-color:#fff;border-radius:999px;position:absolute;top:2px;left:3px;box-shadow:0 2px 10px #0f172a26}.task-view-toggle .switch input:not(:checked)+.slider{background-color:#2563eb1f;border-color:#2563eb59}.task-view-toggle .switch input:not(:checked)+.slider:before{background-color:#2563eb}.task-view-toggle .switch input:checked+.slider{background-color:#ed204726;border-color:#ed204759}.task-view-toggle .switch input:checked+.slider:before{background-color:var(--primary-color);transform:translate(20px)}.project-list-toolbar .filter-toggle-btn{border:1px solid var(--gray-300);background:var(--app-surface);cursor:pointer;color:var(--gray-700);transition:var(--transition);border-radius:8px;flex-shrink:0;align-items:center;gap:8px;margin-left:0;padding:12px 20px;font-size:14px;font-weight:500;display:inline-flex}.project-list-toolbar .filter-toggle-btn.active,.project-list-toolbar .filter-toggle-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.task-filters{background:var(--app-surface);border:1px solid var(--gray-200);border-radius:12px;margin-bottom:24px;padding:16px 20px;box-shadow:0 1px 3px #0000000f}.filter-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-group label:not(.filter-checkbox):not(.filter-radio){color:var(--gray-700);margin-right:8px;font-size:14px;font-weight:500}.filter-group select{border:1px solid var(--gray-300);background:var(--app-surface);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.filter-group--priority .task-filter-select{flex-wrap:nowrap;gap:0;min-width:0}.filter-group--priority .task-filter-select .app-select-container{width:auto;min-width:150px}.filter-group--priority .task-filter-select .app-select-trigger{min-height:34px;box-shadow:none;border-width:1px;padding:6px 10px;font-size:13px}.filter-checkbox,.filter-radio{cursor:pointer;color:var(--gray-700);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:14px;display:flex}.filter-checkbox input,.filter-radio input{cursor:pointer;width:16px;height:16px}.deadline-date-range{align-items:center;gap:8px;display:flex}.deadline-date-range input[type=date]{border:1px solid var(--gray-300);border-radius:6px;padding:6px 10px;font-size:13px}.filter-reset-btn{border:1px solid var(--gray-300);background:var(--app-surface);cursor:pointer;color:var(--gray-600);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.filter-reset-btn:hover{background:var(--gray-50)}.filter-reset-btn i{font-size:12px}.task-sections{flex-direction:column;gap:24px;display:flex}.task-section{background:var(--app-surface);border:1px solid #0f172a14;border-radius:16px;margin-bottom:0;transition:transform .2s;overflow:hidden;box-shadow:0 14px 30px #0f172a14}.task-section:hover{transform:translateY(-1px)}.task-section-scroll{-webkit-overflow-scrolling:touch;overflow:auto visible}.section-header{align-items:center;gap:16px;padding:8px;display:flex}.section-header-main{cursor:pointer;flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.section-header-left{color:var(--gray-600);align-items:center;gap:12px;min-width:0;font-size:14px;display:flex}.section-title{color:var(--gray-800);font-size:15px;font-weight:600}.section-count{background:var(--app-surface);color:var(--primary-color);border:1px solid #ed204733;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.section-add-btn{background:var(--app-surface);border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;transition:var(--transition);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.section-add-btn:hover{color:var(--primary-color);border-color:#ed204766;box-shadow:0 6px 18px #ed204726}.section-header-toggle{width:32px;height:32px;color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex}.section-header-toggle:hover{color:var(--gray-700);background:#94a3b829}.section-header-toggle>i{transition:transform .28s cubic-bezier(.4,0,.2,1)}.task-section.collapsed .section-header-toggle>i{transform:rotate(-90deg)}.task-table{background:var(--app-surface);border-bottom:1px solid #0f172a14;flex-direction:column;width:fit-content;min-width:100%;display:flex}.task-table--with-list .task-table-header,.task-table--with-list .task-row{grid-template-columns:minmax(280px,360px) 140px 150px 150px 150px 150px 150px 72px}.task-cell.list-name{color:var(--gray-600);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pseudo-lists-section{margin-bottom:12px}.pseudo-lists-section .spaces-tree-node--pseudo .spaces-tree-node-icon--pseudo{color:#fff;background:#6366f1;border-radius:50%;width:28px;height:28px;font-size:12px;font-weight:700}.pseudo-lists-section .spaces-tree-node--pseudo:hover:not(.is-active){background:#f3f4f6;border-color:#0000}.pseudo-lists-section .spaces-tree-node--pseudo-list.is-active{background:#eef2ff;border-color:#0000}.pseudo-lists-section .spaces-tree-node--pseudo-list.is-active .spaces-tree-node-name{color:#111827;font-weight:600}.pseudo-lists-section .space-list-actions{position:relative}.pseudo-lists-section .pseudo-list-empty-note,.pseudo-lists-section .pseudo-list-footnote{color:var(--gray-500);margin:4px 0 6px 38px;font-size:11px;line-height:1.4}.pseudo-lists-section .pseudo-list-menu{background:var(--app-surface);border:1px solid var(--gray-200);z-index:20;border-radius:10px;min-width:150px;padding:4px 0;display:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 20px #0000001f}.pseudo-lists-section .pseudo-list-menu.visible{display:block}.spaces-portal-menu.pseudo-list-menu{z-index:11000;background:var(--app-surface);border:1px solid var(--gray-200);border-radius:10px;min-width:150px;margin:0;padding:4px 0;display:block;position:fixed;top:auto;right:auto;box-shadow:0 10px 20px #0000001f}.pseudo-lists-section .pseudo-list-menu-item,.spaces-portal-menu.pseudo-list-menu .pseudo-list-menu-item{color:#444;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;display:flex}[data-theme=dark] .pseudo-lists-section .pseudo-list-menu-item,[data-theme=dark] .spaces-portal-menu.pseudo-list-menu .pseudo-list-menu-item{color:#e8dddd}.pseudo-lists-section .pseudo-list-menu-item:hover,.spaces-portal-menu.pseudo-list-menu .pseudo-list-menu-item:hover{color:var(--primary-color);background:#ed204714}.pseudo-lists-section .pseudo-list-menu-item--danger,.spaces-portal-menu.pseudo-list-menu .pseudo-list-menu-item--danger,[data-theme=dark] .pseudo-lists-section .pseudo-list-menu-item--danger,[data-theme=dark] .spaces-portal-menu.pseudo-list-menu .pseudo-list-menu-item--danger{color:#ef4444}.task-card-list-name{color:var(--gray-500);margin-top:4px;font-size:12px}.task-table-header{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);border-bottom:1px solid var(--gray-200);background:var(--app-surface);z-index:1;grid-template-columns:minmax(320px,400px) 150px 150px 150px 150px 150px 72px;justify-content:start;align-items:stretch;gap:12px;font-size:11px;display:grid;position:relative}.task-table-header .task-cell{color:var(--gray-500);font-weight:600}.task-table-body{grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);display:grid;overflow:clip}.task-table-body-inner{flex-direction:column;min-height:0;display:flex;overflow:clip}.task-row{border-bottom:1px solid var(--gray-100);transition:var(--transition);cursor:pointer;background:var(--app-surface);grid-template-columns:minmax(320px,400px) 150px 150px 150px 150px 150px 72px;justify-content:start;align-items:stretch;gap:12px;display:grid}.task-row:hover{background:#ed20470a}.task-row:hover .task-cell.name{background:inherit}.task-row:last-child{border-bottom:none}.task-cell{min-width:0;padding:10px}.task-cell.list-video{align-items:center;min-width:0;display:flex}.task-table-header .task-cell.list-video{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-video-thumb{border:1px solid var(--app-border,#d1d5db);cursor:pointer;background:#111;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:52px;padding:0;display:inline-flex;position:relative;overflow:hidden}.list-video-thumb img,.list-video-thumb video{object-fit:cover;pointer-events:none;background:#111;width:100%;height:100%}.list-video-thumb-play,.list-video-thumb-fallback{color:#fff;pointer-events:none;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.list-video-thumb-play{background:#00000047}.list-video-thumb-fallback{background:#1f2937;width:100%;height:100%;font-size:16px;position:static}.list-video-thumb:hover .list-video-thumb-play{background:#0000006b}.list-video-thumb-more{z-index:1;color:#fff;background:#000000b3;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.3;position:absolute;bottom:4px;right:4px}.list-video-empty{color:#9ca3af}[data-theme=dark] .list-video-thumb{border-color:#334155}.task-cell.name{z-index:1;min-width:0;min-height:100%;color:var(--gray-800);background:inherit;align-self:stretch;align-items:center;gap:16px;margin-right:-12px;padding:10px 22px 10px 10px;font-size:12px;font-weight:500;display:flex;position:sticky;left:0}.task-name-prefix{flex-shrink:0;justify-content:flex-start;align-items:center;width:auto;min-width:36px;display:flex}.task-name-prefix.subtask-prefix{justify-content:end;display:grid}.task-name-main{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.unread-comment-bubble{color:#ed2047;pointer-events:none;background:#ed20471f;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;height:20px;padding:0 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.unread-comment-bubble.is-clickable,button.unread-comment-bubble{pointer-events:auto;cursor:pointer;font:inherit;appearance:none;border:none;font-size:11px;font-weight:700;line-height:1}.unread-comment-bubble.is-clickable:hover,button.unread-comment-bubble:hover{background:#ed204733}.unread-comment-bubble i{font-size:10px}.unread-comment-bubble-count{font-variant-numeric:tabular-nums}[data-theme=dark] .unread-comment-bubble{color:#ff6b85;background:#ed204738}.task-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.task-name{color:var(--gray-800);cursor:pointer;text-align:left;background:0 0;border:none;flex:1 1 0;align-items:center;gap:6px;min-width:0;max-width:100%;padding:0;font-size:14px;font-weight:600;display:flex;overflow:hidden}.task-name-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;display:block;overflow:hidden}.task-subtask-toggle{width:auto;min-width:36px;height:24px;color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:flex-start;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.task-subtask-toggle-main{grid-template-columns:12px 12px;justify-content:center;align-items:center;column-gap:2px;width:36px;min-width:36px;height:24px;display:inline-grid}.task-subtask-toggle-main>i,.task-subtask-toggle-main .subtask-count{justify-self:center;line-height:1}.task-subtask-toggle .task-subtask-toggle-unread.unread-comment-bubble{flex-shrink:0;align-self:center;height:20px;margin:0;padding:0 7px;font-size:11px}.task-subtask-toggle:hover{color:var(--gray-600)}.task-subtask-spacer{justify-content:center;align-items:center;width:36px;min-width:36px;height:24px;display:inline-flex}.task-cell.status .status-pill.list-field-trigger,.task-cell.priority .priority-pill.list-field-trigger,.task-cell.level .list-view-level-pill.list-field-trigger,.task-cell.due-date .task-date.list-field-trigger,.task-cell.assignee .list-field-trigger{cursor:pointer}.task-cell.status .status-pill.list-field-trigger:hover,.task-cell.priority .priority-pill.list-field-trigger:hover,.task-cell.level .list-view-level-pill.list-field-trigger:hover,.task-cell.due-date .task-date.list-field-trigger:hover,.task-cell.assignee .list-field-trigger:hover{filter:brightness(.97)}.task-cell.assignee.permission-locked .assignee-avatar,.task-cell.status.permission-locked .status-pill,.task-cell.due-date.permission-locked .task-date,.task-cell.level.permission-locked .list-view-level-pill,.task-cell.priority.permission-locked .priority-pill{cursor:default}.subtask-create-btn{height:24px;color:var(--gray-500);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;margin-left:2px;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}.subtask-create-btn:hover:not(:disabled){color:#ed2047;background:#ed204714;border-radius:6px}.subtask-create-btn:disabled{opacity:.5;cursor:not-allowed}.task-cell.status,.task-cell.due-date,.task-cell.priority,.task-cell.assignee,.task-cell.actions,.task-cell.level{justify-content:flex-start;align-items:center;gap:8px;display:flex}.task-cell.actions{justify-content:flex-end}.assignee-avatar{width:32px;height:32px;color:var(--gray-600);background:#0f172a14;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}[data-theme=dark] .project-page .task-cell.assignee .assignee-avatar:not(.empty){color:#fff;background:#ed2047;width:25px;height:25px;font-size:11px}.assignee-avatar.empty{color:var(--gray-400)}.assignee-avatars-group{align-items:center;gap:4px;display:flex}.task-assignee-more{color:var(--gray-500);background:var(--gray-100);border-radius:999px;padding:2px 6px;font-size:11px;font-weight:600}.task-date{color:var(--gray-600);font-weight:500}.task-date.overdue{color:#ef4444}.task-date.upcoming{color:#2563eb}.task-date.completed-early{color:#10b981}.task-date.empty{color:var(--gray-400);align-items:center;gap:6px;display:inline-flex}.priority-pill{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.priority-pill i{flex-shrink:0;font-size:12px}.field-pill-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-pill.has-field-pill-tooltip,.priority-pill.has-field-pill-tooltip,.list-view-level-pill.has-field-pill-tooltip,.assignee-avatar.has-field-pill-tooltip,.task-assignee-more.has-field-pill-tooltip,.task-date.has-field-pill-tooltip{position:relative;overflow:visible}.task-name.has-field-pill-tooltip{position:relative;overflow:hidden}.field-pill-tooltip{display:none!important}.priority-pill.priority-normal{color:#1d4ed8;background:#2563eb1a}.priority-pill.priority-high{color:#dc2626;background:#f8717124}.priority-pill.priority-urgent{color:#a21caf;background:#d946ef2e}.priority-pill.priority-low{color:#047857;background:#10b98124}.priority-pill.priority-custom{color:#92400e;background:#fbbf242e}.priority-pill.priority-none{color:#475569;background:#94a3b829}.status-pill{color:#475569;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;background:#94a3b829;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.status-pill .status-color-dot{border-radius:50%;width:8px;height:8px}.task-level-tag{border-radius:2px;flex:none;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 1px #0f172a1f}.row-action-btn{width:34px;height:34px;color:var(--gray-400);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.row-action-btn:hover{color:var(--primary-color);background:#ed20471f}.task-empty{color:var(--gray-400);padding:24px 24px 8px;font-size:13px}.task-section.collapsed .task-table-body{grid-template-rows:0fr}.task-row-subtasks{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1);display:grid;overflow:clip}.task-row-subtasks.expanded{grid-template-rows:1fr}.task-row-subtasks-inner{flex-direction:column;min-height:0;display:flex;overflow:clip}.task-row-subtasks .task-cell{padding:8px 10px;font-size:12px}.task-row-subtasks .task-cell.name{z-index:2;padding:8px 22px 8px 10px}.task-row-subtasks .task-row{box-shadow:none;background:#f8fafcb3;border:none;border-bottom:1px solid #94a3b82e;border-radius:0;margin:0}.task-row-subtasks .task-row:hover{background:#ed20470d}.task-row-subtasks .task-row:last-child{border-bottom:none}.project-list-subtask-mode-note{background:var(--app-surface);border:1px solid var(--gray-200);color:var(--gray-600);border-radius:12px;align-items:center;gap:12px;padding:24px;display:flex}.project-list-subtask-mode-note p{margin:0}.project-list-loading,.project-list-error{min-height:240px;color:var(--gray-600);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.task-action-menu{z-index:1200;background:var(--app-surface);border:1px solid var(--gray-200);border-radius:12px;min-width:180px;max-height:400px;padding:8px;display:none;position:fixed;overflow-y:auto;box-shadow:0 16px 40px #0f172a2e}.task-action-menu.show{display:block}.task-action-menu button{text-align:left;width:100%;color:var(--gray-700);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:background .2s,color .2s;display:flex}.task-action-menu button:hover{background:var(--gray-100);color:var(--primary-color)}.task-action-menu button.danger{color:#dc2626}.task-action-menu button.danger:hover{color:#b91c1c;background:#dc26261a}.task-action-menu-note{color:var(--gray-500);align-items:flex-start;gap:8px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex}.task-action-menu-note i{flex-shrink:0;margin-top:2px}.row-action-btn.permission-locked{opacity:.55;cursor:not-allowed}.spaces-search-wrapper{-webkit-backdrop-filter:blur(10px);z-index:20;background:#fffffff2;border:1px solid #ed20471a;border-radius:20px;align-items:center;gap:6px;padding:0 6px 0 28px;display:none;position:absolute;top:50%;right:35px;transform:translateY(-50%);box-shadow:-2px 0 15px #0000000f}.spaces-search-wrapper.active{display:flex}.spaces-search-wrapper .search-icon{color:var(--gray-400);font-size:12px;position:absolute;left:10px}.spaces-search-input{width:180px;color:var(--gray-700);background:0 0;border:none;outline:none;padding:6px 0;font-size:13px}.spaces-search-input::placeholder{color:var(--gray-400)}.spaces-search-clear{color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:color .2s,background .2s;display:flex}.spaces-search-clear:hover{color:var(--gray-600);background:var(--gray-100)}.spaces-tree-node--list.has-search-tasks{flex-wrap:wrap;align-items:flex-start}.space-search-task-group{width:100%;margin-top:6px;margin-left:calc(var(--tree-depth,1) * 16px + 24px);box-sizing:border-box;border-left:2px solid #ed204726;flex-direction:column;flex-basis:100%;gap:4px;padding-left:10px;display:flex}.space-search-task{color:var(--gray-600);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;min-width:0;padding:6px 10px;font-size:12px;transition:background .2s,color .2s;display:flex}.space-search-task:hover{color:var(--primary-color);background:#ed204714}.space-search-task span,.space-search-subtask span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.space-search-task i,.space-search-subtask i{flex-shrink:0}.space-search-subtask{color:var(--gray-500);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;min-width:0;padding:6px 10px 6px 20px;font-size:11px;transition:background .2s,color .2s;display:flex}.space-search-subtask:hover{color:var(--primary-color);background:#ed204714}.spaces-options-menu{background:var(--app-surface);border:1px solid var(--gray-200);z-index:1500;border-radius:10px;min-width:180px;padding:8px 0;position:absolute;top:40px;right:0;box-shadow:0 16px 32px #0f172a2e}.spaces-options-menu button{text-align:left;color:var(--gray-700);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13px;display:flex}.spaces-options-menu button:hover,.spaces-options-menu button.active{background:var(--gray-100);color:var(--primary-color)}.spaces-options-divider{background:#0f172a1a;height:1px;margin:8px 0}[data-theme=dark] .spaces-options-menu{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 16px 32px #00000073}[data-theme=dark] .spaces-options-menu button{color:var(--app-text)}[data-theme=dark] .spaces-options-menu button:hover,[data-theme=dark] .spaces-options-menu button.active{background:var(--app-surface-hover);color:var(--primary-color)}[data-theme=dark] .spaces-options-divider{background:var(--app-border)}.spaces-empty .showcreatebtn{gap:6px;width:fit-content;height:auto;margin:16px auto 0;padding:6px 12px;font-size:14px}.spaces-empty .showcreatebtn i{font-size:12px}.space-folder-nested{margin-left:0}.spaces-sidebar-shell{--spaces-sidebar-width:320px;--spaces-panel-width:320px;--spaces-toggle-size:20px;--spaces-ease:cubic-bezier(.22, 1, .36, 1);min-height:0;width:var(--spaces-sidebar-width);z-index:30;transition:width .45s var(--spaces-ease);flex-shrink:0;align-self:stretch;position:relative;overflow:visible}.spaces-sidebar{--spaces-tree-bg:var(--app-surface,#fff);width:var(--spaces-panel-width);background:var(--app-surface,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100%;min-height:0;transition:transform .45s var(--spaces-ease), box-shadow .45s var(--spaces-ease), border-color .45s var(--spaces-ease);will-change:transform;border-left:1px solid #ed20471a;flex-direction:column;display:flex;overflow:hidden;transform:translate(0);box-shadow:-2px 0 15px #0000001a}.spaces-sidebar-shell.is-collapsed .spaces-header,.spaces-sidebar-shell.is-collapsed .spaces-content{opacity:0;pointer-events:none;transition-duration:.15s;transition-delay:0s}.spaces-header,.spaces-content{transition:opacity .28s .12s}.spaces-sidebar-toggle-btn{left:calc(var(--spaces-toggle-size) * -1);width:calc(var(--spaces-toggle-size) + 20px);color:#fff;cursor:pointer;z-index:1100;height:110px;transition:left .45s var(--spaces-ease), right .45s var(--spaces-ease), bottom .45s var(--spaces-ease), width .45s var(--spaces-ease);box-shadow:none;appearance:none;background:#fff0;border:none;border-radius:0;margin:0;padding:0;display:block;position:absolute;bottom:16px;right:auto}.spaces-sidebar-toggle-face{width:var(--spaces-toggle-size);background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));pointer-events:none;border:1px solid #ed204733;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;height:70px;transition:filter .2s,box-shadow .2s;display:flex;position:absolute;top:50%;left:0;right:auto;transform:translateY(-50%);box-shadow:-2px 0 8px #0000001f}.spaces-sidebar-toggle-face i{transition:transform .45s var(--spaces-ease);font-size:12px;line-height:1;display:block}.spaces-sidebar-toggle-btn:hover .spaces-sidebar-toggle-face{filter:brightness(1.06);box-shadow:-3px 0 12px #ed204747}.spaces-sidebar-toggle-btn:hover{color:#fff}.spaces-header{background:linear-gradient(135deg,#ed204705,#f2622505);border-bottom:1px solid #ed20471a;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:25px 20px;display:flex;position:relative}.spaces-title{color:var(--gray-800);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.spaces-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.add-btn{background:var(--gray-100);width:32px;min-width:32px;height:32px;color:var(--gray-600);cursor:pointer;transition:var(--transition);border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.add-btn:hover,.add-btn.active{background:var(--primary-color);color:#fff}.add-btn:disabled{opacity:.6;cursor:not-allowed}.spaces-content{--spaces-tree-bg:var(--app-surface,#fff);flex:1;padding:12px;overflow:auto}.spaces-empty{text-align:center;color:var(--gray-500);padding:40px 20px;font-size:14px}.spaces-empty>i{color:var(--gray-400);margin-bottom:12px;font-size:32px;display:block}.spaces-tree-list{margin:0;padding:0;list-style:none}.spaces-tree-item{list-style:none;position:relative}.spaces-tree-list.space-children,.spaces-tree-list.folder-children{--tree-line:#8b949e;--tree-indent:14px;--tree-gutter:12px;--tree-stroke:2px;--tree-joint:17px;margin:0 0 0 var(--tree-indent);padding:0 0 0 var(--tree-gutter);border:none;list-style:none;position:relative}.spaces-tree-list.folder-children{margin-left:var(--tree-indent)}.spaces-tree-item:before{content:"";left:calc(-1 * var(--tree-gutter));width:var(--tree-stroke);background:var(--tree-line);transform-origin:0 0;pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;transform:scaleX(.5)}.spaces-tree-item.is-last:before{height:calc(var(--tree-joint) + 1px);bottom:auto}.spaces-tree-item:after{content:"";left:calc(-1 * var(--tree-gutter));top:var(--tree-joint);width:var(--tree-gutter);height:var(--tree-stroke);background:var(--tree-line);transform-origin:0;pointer-events:none;z-index:1;position:absolute;transform:scaleY(.5)}.spaces-tree-branch{opacity:0;height:0;overflow:hidden}.spaces-tree-branch:not(.is-open){pointer-events:none}.spaces-tree-branch-inner{min-height:0}.spaces-tree-node{--tree-depth:0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;margin:0;padding:6px 8px;transition:background .15s,border-color .15s;display:flex;position:relative}.spaces-tree-node-content{flex-direction:row;flex:1;align-items:center;gap:6px;min-width:0;padding-top:0;display:flex}.spaces-tree-node-kind{display:none}.spaces-tree-node-name{text-align:left;min-width:0;font:inherit;color:#374151;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;padding:0;font-size:13px;font-weight:500;line-height:1.35;overflow:hidden}.spaces-tree-unread-bubble{flex-shrink:0;margin-left:auto}[data-theme=dark] .spaces-tree-unread-bubble.unread-comment-bubble{color:#ff6b85;background:#ed204738}.spaces-tree-node-icon{background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:flex}.spaces-tree-node-icon--space{color:#fff;border-radius:50%;width:28px;height:28px;font-size:12px;font-weight:700}.spaces-tree-node-icon--folder,.spaces-tree-node-icon--list,.spaces-tree-node-icon--sheet{color:#6b7280;background:0 0}.spaces-tree-list-glyph{width:16px;height:16px;color:inherit;display:block}.spaces-tree-node--folder,.spaces-tree-node--list,.spaces-tree-node--sheet{cursor:pointer;align-items:center}.spaces-tree-node--space{--tree-depth:0;cursor:pointer;box-shadow:none;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;margin-bottom:0;padding:6px 8px;transition:background .15s,border-color .15s;display:flex;position:relative}.spaces-tree-space:not(.is-expanded) .spaces-tree-node--space{border-radius:6px}.spaces-tree-node--space .spaces-tree-node-name{color:#1f2937;font-size:14px;font-weight:600}.spaces-tree-node--folder:hover:not(.is-active),.spaces-tree-node--list:hover:not(.is-active),.spaces-tree-node--sheet:hover:not(.is-active){background:#f3f4f6;border-color:#0000}.spaces-tree-node--space:hover:not(.is-active){background:#f3f4f6;border:1px solid #0000}.spaces-tree-node--space.is-active{color:inherit;background:#f3f4f6;border-color:#0000}.spaces-tree-node--space.is-active .spaces-tree-node-name{color:#111827;font-weight:700}.spaces-tree-node--space.is-active .spaces-tree-node-icon--space{box-shadow:0 0 0 2px #ed204733}.spaces-tree-node--folder.is-active,.spaces-tree-node--list.is-active,.spaces-tree-node--sheet.is-active{background:#eef2ff;border-color:#0000}.spaces-tree-node--folder.is-active .spaces-tree-node-name,.spaces-tree-node--list.is-active .spaces-tree-node-name,.spaces-tree-node--sheet.is-active .spaces-tree-node-name{color:#111827;font-weight:600}.spaces-tree-space{border-radius:0;margin-bottom:4px;overflow:visible}.spaces-tree-space.is-expanded{padding-bottom:2px}.space-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.space-name{font-size:14px;font-weight:600}.spaces-tree-node--space:hover:not(.is-active) .space-name{color:#111827}.space-children{margin-right:4px}.folder-children{margin-top:0;margin-bottom:0;margin-right:0}.space-actions{opacity:0;flex-shrink:0;gap:4px;transition:all .3s;display:flex}.spaces-tree-node--space:hover .space-actions,.spaces-tree-node--space.is-active .space-actions,.spaces-tree-node--space.is-menu-open .space-actions,.spaces-tree-node--pseudo:hover .space-actions,.spaces-tree-node--pseudo.is-menu-open .space-actions{opacity:1}.space-action-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;transition:all .3s;display:flex}.space-action-btn:hover{color:#374151;background:#0000000f}.spaces-tree-node--space.is-active .space-action-btn{color:#6b7280}.spaces-tree-node--space.is-active .space-action-btn:hover{color:#111827;background:#0000000f}.space-create-menu,.folder-create-menu,.list-create-menu,.context-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #ed20471a;border-radius:12px;padding:8px;display:none;position:absolute;right:10px;box-shadow:0 8px 25px #00000026}.space-create-menu{z-index:1001;min-width:140px;top:40px}.folder-create-menu,.list-create-menu,.context-menu{z-index:1002;min-width:160px;margin-top:4px;top:100%}.folder-create-menu,.list-create-menu{min-width:140px}.space-create-menu.active,.folder-create-menu.active,.list-create-menu.active,.context-menu.active{animation:.3s projectSlideDown;display:block}.spaces-portal-menu.space-create-menu,.spaces-portal-menu.folder-create-menu,.spaces-portal-menu.list-create-menu,.spaces-portal-menu.context-menu{z-index:11000;margin:0;display:block;position:fixed;top:auto;right:auto}.context-menu-item,.create-menu-item{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:flex}.context-menu-item.delete{color:#ef4444}[data-theme=dark] .project-page .context-menu-item.delete,[data-theme=dark] .spaces-portal-menu .context-menu-item.delete{color:#e20a0a}[data-theme=dark] .project-page .context-menu-item.delete:hover,[data-theme=dark] .spaces-portal-menu .context-menu-item.delete:hover{color:#e10b0b;background:#ef444429}.context-menu-item i,.create-menu-item i{text-align:center;width:16px;font-size:14px}.create-menu-item i{width:18px;font-size:16px}.context-menu-item:hover,.create-menu-item:hover{color:#ed2047;background:#ed20470d}.context-menu-item.delete:hover{color:#dc2626;background:#ef44441a}.create-menu-item:hover{background:linear-gradient(135deg,#ed20470d,#f262250d);transform:translate(3px)}.context-menu-item.disabled{color:#6b7280;cursor:default;pointer-events:none;line-height:1.3}.context-menu-item.disabled i{color:#9ca3af}@keyframes projectSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spaces-tree-node--folder .space-folder-actions,.spaces-tree-node--list .space-list-actions,.spaces-tree-node--sheet .space-list-actions{flex-shrink:0;align-self:center;align-items:center;gap:4px;display:none}.spaces-tree-node--folder:hover .space-folder-actions,.spaces-tree-node--folder.is-active .space-folder-actions,.spaces-tree-node--folder.is-menu-open .space-folder-actions,.spaces-tree-node--list:hover .space-list-actions,.spaces-tree-node--list.is-active .space-list-actions,.spaces-tree-node--list.is-menu-open .space-list-actions,.spaces-tree-node--sheet:hover .space-list-actions,.spaces-tree-node--sheet.is-active .space-list-actions,.spaces-tree-node--sheet.is-menu-open .space-list-actions{display:flex}.folder-action-btn,.list-action-btn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:12px;transition:all .3s;display:flex}.folder-action-btn:hover,.list-action-btn:hover{color:#ed2047;background:#ed20471a}.space-toggle,.space-toggle-spacer{flex-shrink:0;width:16px}.space-toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:22px;padding:0;display:inline-flex}.space-toggle i{transform-origin:50%;font-size:10px;line-height:1;transition:transform 1.1s cubic-bezier(.22,1,.36,1);display:inline-block}.space-toggle.expanded i{transform:rotate(90deg)}.spaces-tree-node--space.is-active .space-toggle{color:#9ca3af}@media (width>=1025px){.spaces-sidebar-toggle-btn{left:calc(var(--spaces-toggle-size) * -1);position:absolute;right:auto}.spaces-sidebar-shell.is-collapsed{width:0;min-width:0;transform:none}.spaces-sidebar-shell.is-collapsed .spaces-sidebar{box-shadow:none;pointer-events:none;border-left-color:#0000;transform:translate(100%)}.spaces-sidebar-shell.is-collapsed .spaces-sidebar-toggle-btn{left:calc(var(--spaces-toggle-size) * -1);width:calc(var(--spaces-toggle-size) + 20px);pointer-events:auto;right:auto}.spaces-sidebar-shell.is-collapsed .spaces-sidebar-toggle-face{border-left:1px solid #ed204733;border-right:none;border-radius:8px 0 0 8px;left:0;right:auto}}@media (width<=1024px){.project-main-content-area{min-height:0}.task-interface{flex:auto;width:100%;min-width:0}.main-header{flex-wrap:nowrap;gap:10px;padding:10px 14px}.main-title{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;font-size:1.1rem;font-weight:700;overflow:hidden}.header-actions{flex-wrap:nowrap;flex-shrink:0;gap:6px}.task-content{padding:0 14px 14px;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overflow-y:auto}.breadcrumb-nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;min-width:min-content;margin:4px 0;padding:6px 0 10px;font-size:13px;overflow:auto hidden}.breadcrumb-item{flex-shrink:0;max-width:none;padding:4px 8px}.breadcrumb-separator{flex-shrink:0}.project-list-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.project-list-toolbar .view-tabs,.view-tabs{flex-wrap:nowrap;flex:100%;align-items:center;gap:8px;width:100%;min-width:0;margin-bottom:0;display:flex}.project-list-toolbar .view-tabs-spacer{display:none}.project-list-toolbar .view-tab,.view-tab{white-space:nowrap;flex:none;justify-content:center;align-items:center;width:auto;min-width:0;min-height:44px;padding:10px 14px;font-size:13px;font-weight:500}.task-view-toggle{box-sizing:border-box;flex:none;align-self:center;gap:8px;min-height:44px;padding:0 12px;font-size:12px}.section-add-btn{min-height:36px;padding:8px 12px;font-size:11px}.project-list-toolbar .filter-toggle-btn{color:#000;flex:none;justify-content:center;align-self:center;width:auto;min-width:44px;min-height:44px;margin-left:auto;padding:10px;font-size:0;box-shadow:none!important;background:0 0!important;border:none!important}.project-list-toolbar .filter-toggle-btn.active{color:var(--primary-color);background:0 0!important;border:none!important}.project-list-toolbar .filter-toggle-btn i{font-size:1rem}.project-list-toolbar .filter-toggle-btn:hover{color:#000}.project-list-toolbar .filter-toggle-btn.active:hover{color:var(--primary-color)}.task-filters{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:14px;padding:12px 14px}.task-content:not(.task-content--board) .task-filters{top:108px}.project-page .task-filters .filter-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px 10px;display:grid}.filter-group{flex-wrap:wrap;min-width:0}.project-page .task-filters .filter-group--name-sort{display:contents}.project-page .task-filters .filter-group--priority{flex-flow:row;grid-column:span 2;align-items:center;gap:8px}.project-page .task-filters .filter-group--priority>label{white-space:nowrap;flex-shrink:0;margin-right:0}.project-page .task-filters .filter-group--priority .task-filter-select,.project-page .task-filters .filter-group--priority .task-filter-select .app-select-container{flex:auto;width:auto;min-width:0}.filter-group label:not(.filter-checkbox):not(.filter-radio),.filter-group select{font-size:13px}.project-page .task-filters .filter-reset-btn,.project-page .task-filters #pseudoListFilterGroup{grid-column:1/-1}.filter-reset-btn{justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;display:inline-flex}.deadline-date-range{flex-wrap:wrap;margin-left:0}.project-empty-state{padding:32px 0!important}.project-empty-state .header-btn.primary-btn{justify-content:center;width:100%;min-height:44px;font-size:14px}.task-sections{gap:14px}.task-section{border-radius:12px;margin-bottom:14px}.section-header{padding:10px}.section-title{font-size:14px}.task-section-scroll{width:100%;max-width:100%}.task-table-header{grid-template-columns:minmax(190px,280px) 150px 150px 150px 150px 150px 72px}.task-table--with-list .task-table-header,.task-table--with-list .task-row{grid-template-columns:minmax(190px,280px) 150px 150px 150px 150px 150px 150px 150px 72px}.task-row{grid-template-columns:minmax(190px,280px) 150px 150px 150px 150px 150px 72px}.task-cell.status,.task-cell.due-date,.task-cell.priority,.task-cell.assignee,.task-cell.level,.task-cell.list-name{overflow:hidden}.priority-pill,.status-pill,.list-view-level-pill,.task-date{max-width:100%;padding:4px 8px;font-size:11px}.priority-pill i,.status-pill .status-color-dot{flex-shrink:0}.task-status-dot{display:none}.task-cell.name .task-name-main{flex-wrap:wrap}.task-cell.name .subtask-create-btn{flex-basis:100%;width:100%}.task-cell.name{gap:2px}.explorer-grid{gap:14px;padding:14px 0}.explorer-card{padding:14px 16px}.explorer-card-title{font-size:15px}.pseudo-lists-section .space-list-actions{opacity:1}}@media (width>=769px) and (width<=1024px){.main-header .header-btn{white-space:nowrap;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex}.main-header .header-btn i{font-size:.9rem}}@media (width<=1024px){.spaces-sidebar-shell{--spaces-panel-width:min(340px, calc(100vw - (var(--spaces-toggle-size) + 20px + 12px)));width:var(--spaces-panel-width);z-index:1000;pointer-events:none;flex:none;max-width:100%;transition:none;position:fixed;top:0;right:0;overflow:visible;transform:none}.spaces-sidebar-shell.is-collapsed{width:0;min-width:0}.spaces-sidebar-shell:not(.is-collapsed){pointer-events:auto}.spaces-sidebar{width:var(--spaces-panel-width);max-width:100%;transform:translate(0);box-shadow:-4px 0 20px #00000026}.spaces-sidebar-shell.is-collapsed .spaces-sidebar{box-shadow:none;pointer-events:none;border-left-color:#0000;transform:translate(100%)}.spaces-sidebar-toggle-btn{left:auto;right:var(--spaces-panel-width);bottom:calc(70px + env(safe-area-inset-bottom,0px) + 8px);width:calc(var(--spaces-toggle-size) + 20px);z-index:1100;pointer-events:auto;position:fixed}.spaces-sidebar-toggle-face{left:auto;right:0}.spaces-sidebar-shell.is-collapsed .spaces-sidebar-toggle-btn{width:calc(var(--spaces-toggle-size) + 20px);right:0}.spaces-sidebar-shell.is-collapsed .spaces-sidebar-toggle-face{border-left:1px solid #ed204733;border-right:none;border-radius:8px 0 0 8px;left:auto;right:0}}@media (width<=340px){.spaces-sidebar-shell{--spaces-panel-width:calc(100vw - 52px)}.spaces-sidebar-toggle-btn{z-index:1100;pointer-events:auto;min-width:44px;min-height:44px}}@media (width>=769px) and (width<=1024px){.spaces-sidebar-shell{--spaces-panel-width:min(340px, calc(100vw - (var(--spaces-toggle-size) + 20px + 12px)));height:100dvh;bottom:0}}@media (width<=768px){.main-header .header-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;font-size:0;display:inline-flex}.main-header .header-btn i{font-size:1rem}.main-header .header-btn:hover:not(:disabled){transform:none}.main-header .btn-gropro-ai-header{min-width:auto;padding:10px 12px}.main-header .btn-gropro-ai-header .gropro-ai-header-brand{gap:6px}.main-header .btn-gropro-ai-header .gropro-ai-header-label{font-size:0;line-height:1}.main-header .btn-gropro-ai-header .gropro-ai-header-label:after{content:"AI";font-size:13px;font-weight:700}.task-content--board{padding:0 14px 5px;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px));overflow:hidden}.task-interface{height:100%;min-height:0}.spaces-sidebar-shell{top:calc(60px + env(safe-area-inset-top,0px));bottom:calc(70px + env(safe-area-inset-bottom,0px));z-index:1000;height:auto}.spaces-sidebar-shell:not(.is-collapsed){z-index:1000}.spaces-sidebar-toggle-btn{bottom:calc(70px + env(safe-area-inset-bottom,0px) + 16px);min-height:44px}.spaces-header{z-index:1;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:12px;position:relative}.spaces-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:15px;overflow:hidden}.spaces-header-actions{flex:none;gap:4px;max-width:none;display:flex}.add-btn{flex-shrink:0;width:34px;min-width:34px;height:34px;min-height:34px}.spaces-search-wrapper{border-radius:10px;width:auto;max-width:none;padding:0 6px 0 28px;top:calc(100% + 6px);left:0;right:0;transform:none}.spaces-search-wrapper.active{display:flex}.spaces-search-input{width:100%;min-width:0}.space-actions,.spaces-tree-node--space:hover .space-actions,.spaces-tree-node--space.is-active .space-actions,.spaces-tree-node--pseudo:hover .space-actions{opacity:1}.spaces-tree-node--folder .space-folder-actions,.spaces-tree-node--list .space-list-actions,.spaces-tree-node--sheet .space-list-actions,.spaces-tree-node--folder:hover .space-folder-actions,.spaces-tree-node--folder.is-active .space-folder-actions,.spaces-tree-node--list:hover .space-list-actions,.spaces-tree-node--list.is-active .space-list-actions,.spaces-tree-node--sheet:hover .space-list-actions,.spaces-tree-node--sheet.is-active .space-list-actions{display:flex}.spaces-content{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.project-list-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-list-toolbar .view-tabs{flex-wrap:nowrap;flex:100%;align-items:center;gap:6px;width:100%;min-width:0;margin-bottom:0;display:flex}.project-list-toolbar .view-tabs-spacer{display:none}.project-list-toolbar .view-tab{flex:0 auto;justify-content:center;width:auto;min-width:0;max-width:none;min-height:44px;padding:10px}.project-list-toolbar .task-view-toggle{flex:none;align-self:center;min-height:44px}.project-list-toolbar .filter-toggle-btn{flex:none;align-self:center;min-height:44px;margin-left:auto}.task-content:not(.task-content--board) .task-filters{top:108px}}@media (width<=400px){.main-header{padding:8px 12px}.main-title{font-size:1rem}.main-header .header-btn{min-width:40px;min-height:40px;padding:8px}.main-header .header-btn i{font-size:.9rem}.task-content{padding:0 12px 12px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.task-content--board{padding:0 12px 5px;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))}.view-tab{padding:10px 12px;font-size:12px}}@media (hover:none){.space-actions,.spaces-tree-node--space:hover .space-actions,.spaces-tree-node--space.is-active .space-actions,.spaces-tree-node--pseudo:hover .space-actions{opacity:1}.spaces-tree-node--folder .space-folder-actions,.spaces-tree-node--list .space-list-actions,.spaces-tree-node--sheet .space-list-actions{display:flex}}.search-focus-highlight{outline-offset:1px;outline:2px solid #ed204773;animation:3s searchHighlightFade}@keyframes searchHighlightFade{0%{background:#ed204733}to{background:0 0}}.assign-project-back-bar{margin-bottom:10px}.assign-project-back{color:var(--app-text-muted,#4b5563);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.assign-project-back:hover{color:#ed2047;background:#ed20470d}.assign-project-back i{font-size:12px}.assign-project-sidebar-list{flex-direction:column;gap:4px;padding:4px 0;display:flex}.assign-project-sidebar-item,.spaces-sidebar .space-list.assign-project-sidebar-item{text-align:left;width:100%;color:var(--app-text,#111827);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.assign-project-sidebar-item:hover,.spaces-sidebar .space-list.assign-project-sidebar-item:hover{background:var(--app-surface-hover,#ed20470f)}.assign-project-sidebar-item.active,.spaces-sidebar .space-list.assign-project-sidebar-item.active{color:#ed2047;background:#ed20471a}.assign-project-sidebar-item .space-list-icon{text-align:center;width:16px;color:var(--app-text-muted,#6b7280)}.assign-project-sidebar-item.active .space-list-icon{color:#ed2047}.assign-project-sidebar-item .space-list-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.assign-project-sidebar-item .unread-comment-bubble{flex-shrink:0;margin-left:auto}@media (width<=499px){.project-page .task-filters .filter-row{flex-direction:column;align-items:stretch;gap:12px;display:flex}.project-page .task-filters .filter-group--name-sort{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.project-page .task-filters .filter-group--priority{flex-wrap:wrap;grid-column:auto;width:100%}.project-page .task-filters .filter-group--priority .task-filter-select,.project-page .task-filters .filter-group--priority .task-filter-select .app-select-container{width:100%}.project-page .task-filters .filter-reset-btn,.project-page .task-filters #pseudoListFilterGroup{grid-column:auto}}#groproAiTaskModal .gropro-ai-react-preview{background:var(--gropro-ai-preview-bg,var(--app-bg,#f9f9f9));flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}#groproAiTaskModal .gropro-ai-react-preview-board{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}#groproAiTaskModal .gropro-ai-react-preview-empty{text-align:center;color:var(--gropro-ai-text-muted,#6b7280);flex:1;justify-content:center;align-items:center;padding:2rem 1.5rem;font-size:.95rem;line-height:1.5;display:flex}#groproAiTaskModal .gropro-ai-react-preview-empty strong{color:var(--gropro-ai-accent,#ed2047);font-weight:600}#groproAiTaskModal #groproAiCloneMount.gropro-ai-react-preview-host{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}#groproAiTaskModal .gropro-ai-react-preview .project-list-toolbar .filter-toggle-btn.gropro-ai-filters-hidden,#groproAiTaskModal .gropro-ai-react-preview .filter-toggle-btn[data-gropro-hide-filters="1"],#groproAiTaskModal .gropro-ai-react-preview .view-tab[data-view=excel]{display:none!important}#groproAiTaskModal .gropro-ai-react-preview .project-list-toolbar{margin-bottom:0!important;padding:8px 10px 6px!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll{-webkit-overflow-scrolling:touch;flex:auto;height:0;min-height:0;padding:0 8px 12px;overflow:hidden auto}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-sections{flex-direction:column!important;flex:none!important;gap:10px!important;height:auto!important;min-height:0!important;display:flex!important;overflow:visible!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-section{background:var(--app-surface,#fff)!important;border:1px solid #0f172a14!important;border-radius:16px!important;flex:none!important;height:auto!important;min-height:auto!important;overflow:hidden!important;box-shadow:0 14px 30px #0f172a14!important}[data-theme=dark] #groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-section{border-color:var(--app-border,#30363d)!important;box-shadow:none!important;background:var(--app-surface,#161b22)!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-section:hover{transform:none!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .section-header{gap:16px!important;padding:8px!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .section-header-main,#groproAiTaskModal .gropro-ai-react-preview-list-scroll .section-header-left{gap:12px!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .section-title{font-size:15px!important;font-weight:600!important}[data-theme=dark] #groproAiTaskModal .gropro-ai-react-preview .section-title,[data-theme=dark] #groproAiTaskModal .gropro-ai-react-preview .section-header-left{color:#fff!important}[data-theme=dark] #groproAiTaskModal .gropro-ai-react-preview .section-header-toggle{color:#ffffffd9!important}[data-theme=dark] #groproAiTaskModal .gropro-ai-react-preview .section-header-toggle:hover{color:#fff!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .section-count{padding:4px 12px!important;font-size:12px!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-section-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:unset!important;scrollbar-color:unset!important;overflow:auto visible!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-table{background:var(--app-surface,#fff)!important;border-bottom:1px solid #0f172a14!important;flex-direction:column!important;width:fit-content!important;min-width:100%!important;display:flex!important}[data-theme=dark] #groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-table{border-bottom-color:var(--app-border,#30363d)!important;background:var(--app-surface,#161b22)!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-table-body{grid-template-rows:1fr;display:grid!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll{--preview-list-col-gap:12px}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-table-header,#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-row{gap:var(--preview-list-col-gap)!important;box-sizing:border-box!important;grid-template-columns:minmax(320px,400px) 150px 150px 150px 150px 150px 72px!important;justify-content:start!important;align-items:stretch!important;width:auto!important;min-width:100%!important;padding:0!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-row{min-height:40px}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-cell{box-sizing:border-box!important;align-items:center!important;padding:10px!important;display:flex!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-cell.name{z-index:2!important;min-height:100%!important;margin-right:calc(-1 * var(--preview-list-col-gap))!important;padding-right:calc(10px + var(--preview-list-col-gap))!important;background:inherit!important;box-shadow:none!important;border-right:none!important;align-self:stretch!important;gap:8px!important;position:sticky!important;left:0!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-table-header .task-cell.name{z-index:3!important;min-height:100%!important;margin-right:calc(-1 * var(--preview-list-col-gap))!important;padding-right:calc(10px + var(--preview-list-col-gap))!important;background:inherit!important;border-right:none!important;align-self:stretch!important;left:0!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-name-prefix{gap:4px!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-name-main{gap:6px!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-name{flex:1 1 0!important;min-width:0!important;max-width:100%!important;font-size:13px!important;display:flex!important;overflow:hidden!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-name-text{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;overflow:hidden!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-table-header{background:var(--app-surface,#fff)!important;border-bottom:1px solid var(--gray-200,#e5e7eb)!important;z-index:2!important;padding-top:0!important;font-size:11px!important;position:relative!important}[data-theme=dark] #groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-table-header{background:var(--app-surface-muted,#1c2128)!important;border-bottom-color:var(--app-border,#30363d)!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-table-header .task-cell{color:var(--gray-500,#6b7280)!important;font-weight:600!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .field-pill-tooltip,#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .task-meta-tooltip{display:none!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-row-subtasks{gap:0!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-row-subtasks .task-row{min-height:36px;align-items:stretch!important}#groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-section.collapsed .task-table-body{grid-template-rows:0fr}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll{flex-direction:column;flex:auto;height:0;min-height:0;padding:0 8px 8px;display:flex;overflow:hidden}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view,#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-board{flex:auto;height:100%;min-height:0}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-board{overflow:auto hidden;align-items:stretch!important;gap:14px!important;padding-bottom:4px!important;display:flex!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-column{max-height:100%;border-radius:10px!important;flex:0 0 300px!important;min-width:300px!important;max-width:320px!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .column-header{border-bottom:1px solid var(--app-border,#ffffff14);border-top:4px solid var(--kanban-column-color,#6b7280)!important;border-radius:10px 10px 0 0!important;padding:12px 12px 10px!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .column-title{color:var(--kanban-column-color,#6b7280)!important;font-size:12px!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .column-count{min-width:22px!important;padding:2px 8px!important;font-size:11px!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .add-task-btn--filled,#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .add-task-btn:hover:not(:disabled){border-color:var(--kanban-column-color,#ed2047)!important;color:var(--kanban-column-color,#ed2047)!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .column-body{padding:0!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .column-cards{gap:0;min-height:0;overflow-y:auto;padding:8px 8px 6px!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .column-footer{padding:6px 8px 10px!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .task-card,#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .subtask-card,#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .task-card,#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .subtask-card{border-radius:8px!important;margin-bottom:8px!important;padding:10px!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .task-card-header{gap:6px!important;margin-bottom:6px!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .task-name,#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .subtask-card-header .task-name,#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .task-name-text{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;max-width:100%!important;font-size:13px!important;display:block!important;overflow:hidden!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .task-meta-name,#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .subtask-card-header .task-meta-name{flex:1!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .subtask-card{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .task-meta{gap:4px!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .task-meta-row,#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .task-meta-top,#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .task-meta-bottom{gap:6px!important;margin-top:0!important;margin-bottom:0!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .task-subtasks{margin-top:6px!important;padding:4px 8px!important;font-size:12px!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .subtask-container{gap:6px!important;margin-top:0!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .subtask-container.expanded{margin-top:6px!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .subtask-card{margin-bottom:6px!important;padding:8px!important}#groproAiTaskModal .gropro-ai-react-preview-kanban-scroll .kanban-view .task-card-action-btn{width:24px!important;height:24px!important}[data-theme=dark] #groproAiTaskModal .gropro-ai-react-preview-list-scroll .task-section{box-shadow:none!important}#groproAiTaskModal .gropro-ai-react-preview .add-task-btn{display:block!important}#groproAiTaskModal .gropro-ai-react-preview .section-add-btn,#groproAiTaskModal .gropro-ai-react-preview .subtask-create-btn,#groproAiTaskModal .gropro-ai-react-preview .task-card-subtask-btn{display:inline-flex!important}#groproAiTaskModal .gropro-ai-react-preview .task-row.add-row{display:flex!important}.google-sheet-view{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.google-sheet-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;display:flex}.google-sheet-header-text{flex:1 1 0;min-width:0;overflow:hidden}.google-sheet-title{color:var(--app-text,var(--gray-800,#1f2937));text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;font-weight:600;overflow:hidden}.google-sheet-view .google-sheet-description{color:var(--app-text-muted,var(--gray-600,#4b5563));-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;max-height:3em;margin:8px 0 0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.google-sheet-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.google-sheet-btn-label{margin-left:6px}.google-sheet-frame-wrap{border:1px solid var(--app-border,var(--gray-200,#e5e7eb));background:var(--app-surface-muted,var(--app-surface,#fff));border-radius:12px;flex:1;min-height:0;overflow:hidden}.google-sheet-frame{background:#fff;border:none;width:100%;height:100%;display:block}[data-theme=dark] .google-sheet-view .google-sheet-title{color:var(--app-text,#f3f4f6)}[data-theme=dark] .google-sheet-view .google-sheet-description{color:var(--app-text-muted,#9ca3af)}[data-theme=dark] .google-sheet-view .google-sheet-frame-wrap{background:var(--app-bg,#0d1117);border-color:var(--app-border,#30363d)}[data-theme=dark] .google-sheet-view .google-sheet-frame{background:var(--app-bg,#0d1117);filter:invert(.9)hue-rotate(180deg)brightness(.95)contrast(.92)}.google-sheet-frame-empty{height:100%;min-height:280px;color:var(--gray-500,#6b7280);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.google-sheet-frame-empty i{font-size:48px}@media (width<=768px){.google-sheet-header{flex-direction:column;align-items:stretch;gap:10px}.google-sheet-header-actions{flex-wrap:wrap;gap:6px}.google-sheet-btn-label{display:none}.google-sheet-header .header-btn,.google-sheet-header-actions .header-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;display:inline-flex}}.task-comment-context-menu{z-index:100100;background:#fff;border:1px solid #94a3b859;border-radius:12px;min-width:200px;max-width:min(92vw,320px);padding:0;position:fixed;overflow:hidden;box-shadow:0 18px 35px #0f172a29}.task-comment-context-menu-emoji-strip{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #94a3b847}.task-comment-context-menu-emoji-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b899 transparent;flex-flow:row;gap:2px;padding:8px 10px;display:flex;overflow:auto hidden}.task-comment-context-menu-emoji-scroll::-webkit-scrollbar{height:6px}.task-comment-context-menu-emoji-scroll::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:3px}.task-comment-context-menu-emoji-scroll .task-comment-emoji-picker-btn{cursor:pointer;background:#ffffffd9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:22px;line-height:1;transition:background .15s,transform .12s;display:flex;box-shadow:0 1px 3px #0f172a14}.task-comment-context-menu-emoji-scroll .task-comment-emoji-picker-btn:hover,.task-comment-context-menu-emoji-scroll .task-comment-emoji-picker-btn:focus-visible{background:#fff;outline:none;transform:scale(1.06)}.task-comment-context-menu-emoji-scroll .task-comment-emoji-picker-btn-active{background:#dcf8c6;transform:scale(1.04);box-shadow:0 0 0 2px #22c55e73,0 1px 3px #0f172a14}.task-comment-context-menu-emoji-scroll .task-comment-emoji-picker-btn-active:hover,.task-comment-context-menu-emoji-scroll .task-comment-emoji-picker-btn-active:focus-visible{background:#c8f0a8;transform:scale(1.08)}[data-theme=dark] .task-comment-context-menu-emoji-scroll .task-comment-emoji-picker-btn-active{background:#b8e09859;box-shadow:0 0 0 2px #86efac8c,0 1px 3px #00000040}.task-comment-context-menu-actions{max-height:55vh;padding:6px 0;overflow-y:auto}.task-comment-context-menu-actions button{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;transition:background .15s,color .15s;display:flex}.task-comment-context-menu-actions button:hover,.task-comment-context-menu-actions button:focus-visible{color:#ed2047;background:#ed20471f}.task-comment-context-menu-reactions{flex-direction:column;min-width:260px;max-width:320px;max-height:70vh;padding:0;display:flex;overflow:hidden}.task-comment-context-menu-reactions .comment-reactions-menu-back{cursor:pointer;text-align:left;color:#374151;background:0 0;border:none;border-bottom:1px solid #94a3b840;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;display:flex}.task-comment-context-menu-reactions .comment-reactions-menu-back:hover{color:#ed2047;background:#ed20471f}.task-comment-context-menu-reactions .comment-reactions-menu-list{padding:6px 0;overflow-y:auto}.task-comment-context-menu-reactions .comment-reactions-menu-item{color:#374151;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex}.task-comment-context-menu-reactions .comment-reactions-menu-item .reaction-emoji{flex-shrink:0;font-size:16px}.task-comment-context-menu-reactions .comment-reactions-menu-item .reaction-name{flex:1;min-width:0}[data-theme=dark] .task-comment-context-menu{color:#f3f4f6;background:#1c1c1e;border-color:#ffffff1f;box-shadow:0 18px 40px #0000008c}[data-theme=dark] .task-comment-context-menu-emoji-strip{background:linear-gradient(#2a2a2e 0%,#232326 100%);border-bottom-color:#ffffff1a}[data-theme=dark] .task-comment-context-menu-emoji-scroll{scrollbar-color:#ffffff47 transparent}[data-theme=dark] .task-comment-context-menu-emoji-scroll::-webkit-scrollbar-thumb{background:#ffffff47}[data-theme=dark] .task-comment-context-menu-emoji-scroll .task-comment-emoji-picker-btn{background:#ffffff14;box-shadow:0 1px 3px #00000059}[data-theme=dark] .task-comment-context-menu-emoji-scroll .task-comment-emoji-picker-btn:hover,[data-theme=dark] .task-comment-context-menu-emoji-scroll .task-comment-emoji-picker-btn:focus-visible{background:#ffffff29}[data-theme=dark] .task-comment-context-menu-actions button{color:#e5e7eb}[data-theme=dark] .task-comment-context-menu-actions button i{color:#d1d5db}[data-theme=dark] .task-comment-context-menu-actions button:hover,[data-theme=dark] .task-comment-context-menu-actions button:focus-visible{color:#ff6b8a;background:#ed204738}[data-theme=dark] .task-comment-context-menu-actions button:hover i,[data-theme=dark] .task-comment-context-menu-actions button:focus-visible i{color:#ff6b8a}[data-theme=dark] .task-comment-context-menu-reactions .comment-reactions-menu-back{color:#e5e7eb;border-bottom-color:#ffffff1a}[data-theme=dark] .task-comment-context-menu-reactions .comment-reactions-menu-back:hover{color:#ff6b8a;background:#ed204738}[data-theme=dark] .task-comment-context-menu-reactions .comment-reactions-menu-item{color:#e5e7eb}.comment-reactions-popover{z-index:10050;background:#fff;border:1px solid #0f172a14;border-radius:12px;flex-direction:column;min-width:200px;max-width:min(280px,100vw - 16px);max-height:min(320px,100vh - 16px);display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 32px #0f172a29}.comment-reactions-popover-header{color:#1f2937;border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.comment-reactions-popover-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.comment-reactions-popover-close:hover{color:#1f2937;background:#0f172a0f}.comment-reactions-popover-list{padding:6px 0;overflow-y:auto}.comment-reactions-popover-item{color:#1f2937;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.comment-reactions-popover-emoji{flex-shrink:0;font-size:16px;line-height:1}.comment-reactions-popover-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[data-theme=dark] .comment-reactions-popover{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 12px 32px #00000073}[data-theme=dark] .comment-reactions-popover-header{border-bottom-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .comment-reactions-popover-close{color:var(--app-text-muted)}[data-theme=dark] .comment-reactions-popover-close:hover{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .comment-reactions-popover-item{color:var(--app-text)}:root{--create-space-primary:#ed2047;--create-space-primary-dark:#f26225;--create-space-gray-100:#f3f4f6;--create-space-gray-300:#d1d5db;--create-space-gray-600:#4b5563;--create-space-gray-700:#374151;--create-space-gray-800:#1f2937;--create-space-border-radius:12px;--create-space-transition:all .3s cubic-bezier(.4, 0, .2, 1)}.create-space-modal{z-index:100002;box-sizing:border-box;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;inset:0}.create-space-modal.is-open{display:flex}.create-space-modal .modal-content{z-index:1;border-radius:var(--create-space-border-radius);background:#fff;flex-direction:column;width:90%;max-width:760px;max-height:90vh;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.create-space-modal .modal-header{z-index:6;background:#fff;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex;position:sticky;top:0}.create-space-modal .modal-title{color:var(--create-space-gray-800);font-size:18px;font-weight:600}.create-space-modal .create-space-body{flex:1;padding-right:8px;overflow-y:auto}.create-space-modal .close-btn{background:var(--create-space-gray-100);cursor:pointer;width:32px;height:32px;color:var(--create-space-gray-600);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.create-space-modal .close-btn:hover{background:var(--create-space-gray-300)}.create-space-modal .form-group{margin-bottom:16px}.create-space-modal .form-label{color:var(--create-space-gray-700);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.create-space-modal .form-input{border:1px solid var(--create-space-gray-300);width:100%;transition:var(--create-space-transition);box-sizing:border-box;border-radius:8px;padding:12px;font-family:inherit;font-size:14px}.create-space-modal .form-input:focus{border-color:var(--create-space-primary);outline:none;box-shadow:0 0 0 3px #ed20471a}.create-space-modal .form-textarea{resize:vertical;min-height:150px}.create-space-modal .form-error{color:#dc2626;margin:0 0 12px;font-size:14px}.create-space-modal .form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.create-space-modal .btn{cursor:pointer;transition:var(--create-space-transition);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.create-space-modal .btn-secondary{background:linear-gradient(135deg, var(--create-space-primary-dark), var(--create-space-primary));color:#fff}.create-space-modal .btn-primary{background:linear-gradient(135deg, var(--create-space-primary), var(--create-space-primary-dark));color:#fff}.create-space-modal .btn:hover:not(:disabled){transform:translateY(-1px)}.create-space-modal .btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (width<=768px){.create-space-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:center}.create-space-modal .modal-content{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));border-radius:12px;padding:20px;width:100%!important;max-width:100%!important}}[data-theme=dark] .create-space-modal .modal-content{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 24px 60px #00000073}[data-theme=dark] .create-space-modal .modal-header{background:var(--app-surface)}[data-theme=dark] .create-space-modal .modal-title{color:var(--app-text)}[data-theme=dark] .create-space-modal .close-btn{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .create-space-modal .close-btn:hover{background:var(--app-border);color:var(--app-text)}[data-theme=dark] .create-space-modal .form-label{color:var(--app-text)}[data-theme=dark] .create-space-modal .form-input{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .create-space-modal .form-input:focus{border-color:var(--create-space-primary);box-shadow:0 0 0 3px #ed204733}[data-theme=dark] .create-space-modal .form-input::placeholder{color:var(--app-text-muted)}[data-theme=dark] .create-space-modal .btn-secondary{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .create-space-modal .btn-secondary:hover:not(:disabled){background:var(--app-border);transform:none}:root{--project-modal-primary:#ed2047;--project-modal-primary-dark:#f26225;--project-modal-gray-100:#f3f4f6;--project-modal-gray-300:#d1d5db;--project-modal-gray-500:#6b7280;--project-modal-gray-600:#4b5563;--project-modal-gray-700:#374151;--project-modal-gray-800:#1f2937;--project-modal-border-radius:12px;--project-modal-transition:all .3s cubic-bezier(.4, 0, .2, 1)}.project-resource-modal{z-index:100002;box-sizing:border-box;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;inset:0}.project-resource-modal.is-open{display:flex}.project-resource-modal .modal-content{z-index:1;border-radius:var(--project-modal-border-radius);background:#fff;flex-direction:column;width:90%;max-width:760px;max-height:90vh;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.project-resource-modal .modal-header{z-index:6;background:#fff;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex;position:sticky;top:0}.project-resource-modal .modal-title{color:var(--project-modal-gray-800);font-size:18px;font-weight:600}.project-resource-modal .modal-body{flex:1;padding-right:8px;overflow-y:auto}.project-resource-modal .close-btn{background:var(--project-modal-gray-100);cursor:pointer;width:32px;height:32px;color:var(--project-modal-gray-600);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.project-resource-modal .close-btn:hover{background:var(--project-modal-gray-300)}.project-resource-modal .form-group{margin-bottom:16px}.project-resource-modal .form-label{color:var(--project-modal-gray-700);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.project-resource-modal .form-input{border:1px solid var(--project-modal-gray-300);width:100%;transition:var(--project-modal-transition);box-sizing:border-box;border-radius:8px;padding:12px;font-family:inherit;font-size:14px}.project-resource-modal .form-input:focus{border-color:var(--project-modal-primary);outline:none;box-shadow:0 0 0 3px #ed20471a}.project-resource-modal .form-textarea{resize:vertical;min-height:120px}.project-resource-modal .form-hint{color:var(--project-modal-gray-500);margin-top:4px;font-size:13px;line-height:1.4;display:block}.project-resource-modal .form-error{color:#dc2626;margin:0 0 12px;font-size:14px}.project-resource-modal .form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.project-resource-modal .btn{cursor:pointer;transition:var(--project-modal-transition);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.project-resource-modal .btn-secondary{background:linear-gradient(135deg, var(--project-modal-primary-dark), var(--project-modal-primary));color:#fff}.project-resource-modal .btn-primary{background:linear-gradient(135deg, var(--project-modal-primary), var(--project-modal-primary-dark));color:#fff}.project-resource-modal .btn:hover:not(:disabled){transform:translateY(-1px)}.project-resource-modal .btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (width<=768px){.project-resource-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:center}.project-resource-modal .modal-content{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));border-radius:12px;padding:20px;width:100%!important;max-width:100%!important}.project-resource-modal .form-grid.two-column{grid-template-columns:1fr}.project-resource-modal .form-actions{flex-wrap:wrap}}[data-theme=dark] .project-resource-modal .modal-content{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 24px 60px #00000073}[data-theme=dark] .project-resource-modal .modal-header{background:var(--app-surface)}[data-theme=dark] .project-resource-modal .modal-title{color:var(--app-text)}[data-theme=dark] .project-resource-modal .close-btn{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .project-resource-modal .close-btn:hover{background:var(--app-border);color:var(--app-text)}[data-theme=dark] .project-resource-modal .form-label{color:var(--app-text)}[data-theme=dark] .project-resource-modal .form-input{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .project-resource-modal .form-input:focus{border-color:var(--project-modal-primary);box-shadow:0 0 0 3px #ed204733}[data-theme=dark] .project-resource-modal .form-input::placeholder,[data-theme=dark] .project-resource-modal .form-hint{color:var(--app-text-muted)}[data-theme=dark] .project-resource-modal .btn-secondary{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .project-resource-modal .btn-secondary:hover:not(:disabled){background:var(--app-border);transform:none}.more-options-modal{z-index:100002;box-sizing:border-box;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;inset:0}.more-options-modal.is-open{display:flex}.more-options-modal .modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;padding:24px;box-shadow:0 24px 60px #0f172a2e}.more-options-modal .modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.more-options-modal .modal-title{color:#1f2937;font-size:18px;font-weight:600}.more-options-modal .close-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex}.more-options-modal .close-btn:hover{color:#1f2937;background:#e5e7eb}.more-options-modal .modal-body{margin-bottom:8px}.more-options-modal .more-options-intro{color:#4b5563;margin:0 0 20px;font-size:14px}.more-options-modal .form-group{margin-bottom:16px}.more-options-modal .form-group-row{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.more-options-modal .form-group-row .form-label{margin:0}.more-options-modal .form-label{color:#374151;margin-bottom:6px;font-size:16px;font-weight:500;display:block}.more-options-modal .form-input{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.more-options-modal .form-input:focus{border-color:#ed2047;outline:none}.more-options-modal .form-error{color:#dc2626;margin:12px 0 0;font-size:14px}.more-options-modal .form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.more-options-modal .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:opacity .2s}.more-options-modal .btn-primary{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225)}.more-options-modal .btn-primary:hover:not(:disabled){opacity:.95}.more-options-modal .btn-secondary{color:#374151;background:#f3f4f6}.more-options-modal .btn-secondary:hover:not(:disabled){background:#e5e7eb}.more-options-modal .btn:disabled{opacity:.7;cursor:not-allowed}.more-options-modal .more-options-loading{color:#6b7280;justify-content:center;align-items:center;gap:10px;min-height:180px;display:flex}.more-options-modal .toggle-switch{width:52px;height:28px;margin:0;display:inline-block;position:relative}.more-options-modal .toggle-switch input{opacity:0;width:0;height:0}.more-options-modal .switch-slider{cursor:pointer;background-color:#d1d5db;border-radius:999px;transition:all .2s;position:absolute;inset:0}.more-options-modal .switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000004d}.more-options-modal .toggle-switch input:checked+.switch-slider{background-color:#10b981}.more-options-modal .toggle-switch input:checked+.switch-slider:before{transform:translate(24px)}.more-options-modal .more-options-task-view-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.more-options-modal .more-options-task-view-row .form-label{margin:0}.more-options-modal .task-view-toggle{-webkit-user-select:none;user-select:none;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.more-options-modal .task-view-toggle .toggle-label{opacity:.65;white-space:nowrap;transition:all .2s}.more-options-modal .task-view-toggle .toggle-label.active{opacity:1;color:#1f2937}.more-options-modal .task-view-toggle .switch{flex:none;width:44px;height:24px;display:inline-block;position:relative}.more-options-modal .task-view-toggle .switch input{opacity:0;width:0;height:0}.more-options-modal .task-view-toggle .slider{cursor:pointer;background-color:#e5e7eb;border:1px solid #e5e7eb;border-radius:999px;transition:all .2s;position:absolute;inset:0}.more-options-modal .task-view-toggle .slider:before{content:"";background-color:#fff;border-radius:999px;width:18px;height:18px;transition:all .2s;position:absolute;top:2px;left:3px;box-shadow:0 2px 10px #0f172a26}.more-options-modal .task-view-toggle .switch input:not(:checked)+.slider{background-color:#2563eb1f;border-color:#2563eb59}.more-options-modal .task-view-toggle .switch input:not(:checked)+.slider:before{background-color:#2563eb}.more-options-modal .task-view-toggle .switch input:checked+.slider{background-color:#ed204726;border-color:#ed204759}.more-options-modal .task-view-toggle .switch input:checked+.slider:before{background-color:#ed2047;transform:translate(20px)}@media (width<=768px){.more-options-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:center}.more-options-modal .modal-content{width:100%;max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));border-radius:12px;padding:16px}.more-options-modal .modal-body{max-height:none}}[data-theme=dark] .more-options-modal .modal-content{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 24px 60px #00000073}[data-theme=dark] .more-options-modal .modal-title{color:var(--app-text)}[data-theme=dark] .more-options-modal .close-btn{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .more-options-modal .close-btn:hover{background:var(--app-border);color:var(--app-text)}[data-theme=dark] .more-options-modal .more-options-intro{color:var(--app-text-muted)}[data-theme=dark] .more-options-modal .form-label{color:var(--app-text)}[data-theme=dark] .more-options-modal .form-input{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .more-options-modal .form-input:focus{border-color:var(--primary-color,#ed2047)}[data-theme=dark] .more-options-modal .btn-secondary{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .more-options-modal .btn-secondary:hover:not(:disabled){background:var(--app-border)}[data-theme=dark] .more-options-modal .more-options-loading{color:var(--app-text-muted)}[data-theme=dark] .more-options-modal .task-view-toggle{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .more-options-modal .task-view-toggle .toggle-label.active{color:var(--app-text)}[data-theme=dark] .more-options-modal .task-view-toggle .slider{background-color:var(--app-surface-hover);border-color:var(--app-border)}[data-theme=dark] .more-options-modal .switch-slider{background-color:var(--app-border)}.pseudo-list-modal{z-index:10000;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.pseudo-list-modal.is-open{display:flex}.pseudo-list-modal-content{background:#fff;border-radius:12px;width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 48px #0f172a2e}.pseudo-list-modal-content--compact{width:min(420px,100%)}.pseudo-list-modal-header{justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 0;display:flex}.pseudo-list-modal-header h2{color:#1f2937;margin:0;font-size:20px}.pseudo-list-modal-header .close-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;width:36px;height:36px}.pseudo-list-modal-body{padding:20px 24px}.pseudo-list-form-actions{justify-content:flex-end;gap:10px;padding:0 24px 24px;display:flex}.pseudo-list-sources{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;max-height:240px;padding:10px 12px;overflow:auto}.pseudo-list-sources-empty{color:#6b7280;font-size:12px}.pseudo-source-space-name{color:#374151;margin:8px 0 4px;font-size:12px;font-weight:600}.pseudo-source-label{color:#374151;cursor:pointer;align-items:center;gap:8px;padding:6px 4px;font-size:14px;display:flex}.pseudo-source-checkbox{flex-shrink:0}.pseudo-list-stages-note,.pseudo-list-select-copy{color:#6b7280;margin:8px 0 0;font-size:12px}.pseudo-list-error{color:#ef4444;margin-top:12px;font-size:13px}.pseudo-list-form .form-group+.form-group{margin-top:16px}.pseudo-list-form .form-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.pseudo-list-form .form-input{width:100%;font:inherit;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.pseudo-list-form .form-input:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.pseudo-list-form .btn{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 16px}.pseudo-list-form .btn-secondary{color:#374151;background:#f3f4f6}.pseudo-list-form .btn-primary{color:#fff;background:linear-gradient(135deg,#f26225,#ed2047)}.pseudo-list-form .btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=768px){.pseudo-list-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:center}.pseudo-list-modal-content{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));border-radius:12px;width:100%!important;max-width:100%!important}}[data-theme=dark] .pseudo-list-modal-content{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 24px 60px #00000073}[data-theme=dark] .pseudo-list-modal-header h2{color:var(--app-text)}[data-theme=dark] .pseudo-list-modal-header .close-btn{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .pseudo-list-modal-header .close-btn:hover{background:var(--app-border);color:var(--app-text)}[data-theme=dark] .pseudo-list-form .form-label{color:var(--app-text)}[data-theme=dark] .pseudo-list-form .form-input{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .pseudo-list-form .form-input:focus{border-color:#ed2047;box-shadow:0 0 0 3px #ed204733}[data-theme=dark] .pseudo-list-form .form-input::placeholder{color:var(--app-text-muted)}[data-theme=dark] .pseudo-list-sources{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .pseudo-list-sources-empty,[data-theme=dark] .pseudo-list-stages-note,[data-theme=dark] .pseudo-list-select-copy{color:var(--app-text-muted)}[data-theme=dark] .pseudo-source-space-name,[data-theme=dark] .pseudo-source-label{color:var(--app-text)}[data-theme=dark] .pseudo-list-form .btn-secondary{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .pseudo-list-form .btn-secondary:hover:not(:disabled){background:var(--app-border)}.move-resource-modal{z-index:2200;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.move-resource-modal.is-open{display:flex}.move-resource-modal .modal-dialog{width:90%;max-width:480px}.move-resource-modal .modal-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 24px 60px #0f172a2e}.move-resource-modal .modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.move-resource-modal .modal-title{color:#1f2937;font-size:18px;font-weight:600}.move-resource-modal .close-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.move-resource-modal .close-btn:hover{background:#e5e7eb}.move-resource-modal .move-folder-message{color:#374151;margin:0 0 16px;font-size:15px}.move-resource-modal .move-folder-label{color:#1f2937;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.move-resource-modal .move-folder-list-wrap{margin-bottom:20px}.move-resource-modal .move-folder-select{width:100%;display:block}.move-resource-modal .move-folder-select.app-select-wrap{flex-direction:column;align-items:stretch;gap:0}.move-resource-modal .move-folder-select .app-select-container{width:100%;min-width:0}.move-resource-modal .move-folder-select .app-select-trigger{width:100%}.move-resource-modal .move-folder-empty{color:#6b7280;margin:8px 0 0;font-size:14px}.move-resource-modal .modal-actions{justify-content:flex-end;gap:12px;display:flex}.move-resource-modal .modal-actions .btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.move-resource-modal .modal-actions .btn-secondary{color:#374151;background:#f3f4f6}.move-resource-modal .modal-actions .btn-secondary:hover{background:#e5e7eb}.move-resource-modal .modal-actions .btn-primary{color:#fff;background:#ed2047}.move-resource-modal .modal-actions .btn-primary:hover:not(:disabled){opacity:.9}.move-resource-modal .modal-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.move-resource-modal .form-error{color:#dc2626;margin-bottom:12px;font-size:14px}@media (width<=768px){.move-resource-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:center}.move-resource-modal .modal-dialog{width:100%;max-width:100%}.move-resource-modal .modal-content{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));border-radius:12px;padding:16px}}[data-theme=dark] .move-resource-modal{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000000a6}[data-theme=dark] .move-resource-modal .modal-content{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 24px 60px #00000080}[data-theme=dark] .move-resource-modal .modal-title{color:var(--app-text)}[data-theme=dark] .move-resource-modal .close-btn{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .move-resource-modal .close-btn:hover{background:var(--app-border);color:var(--app-text)}[data-theme=dark] .move-resource-modal .move-folder-message{color:var(--app-text-muted)}[data-theme=dark] .move-resource-modal .move-folder-label{color:var(--app-text)}[data-theme=dark] .move-resource-modal .move-folder-empty{color:var(--app-text-muted)}[data-theme=dark] .move-resource-modal .modal-actions .btn-secondary{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .move-resource-modal .modal-actions .btn-secondary:hover{background:var(--app-border)}[data-theme=dark] .move-resource-modal .form-error{color:#f87171}.share-resource-modal{--share-modal-primary:#ed2047;--share-modal-primary-soft:#ed20471a;--share-modal-success:#10b981;--share-modal-success-soft:#10b9811a;--share-modal-danger:#dc2626;--share-modal-radius:16px;--share-modal-overlay:#0f172a8c;--share-modal-surface:#fff;--share-modal-surface-muted:#f8fafc;--share-modal-border:#e2e8f0;--share-modal-border-strong:#cbd5e1;--share-modal-text:#0f172a;--share-modal-text-muted:#64748b;--share-modal-input-bg:#fff;--share-modal-col-bg:#f8fafc;--share-modal-item-bg:#fff;--share-modal-item-border:#e2e8f0;--share-modal-shadow:0 28px 80px #0f172a2e;--share-modal-header-bg:linear-gradient(180deg, #fff 0%, #fafbfc 100%);z-index:10000;background:var(--share-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.share-resource-modal.is-open{display:flex}.share-resource-modal .modal-content{background:var(--share-modal-surface);border:1px solid var(--share-modal-border);border-radius:var(--share-modal-radius);width:min(96vw,1320px);min-height:min(72vh,720px);max-height:min(92vh,900px);box-shadow:var(--share-modal-shadow);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.share-resource-modal .modal-header{background:var(--share-modal-header-bg);border-bottom:1px solid var(--share-modal-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:20px 24px;display:flex}.share-resource-modal .modal-title{letter-spacing:-.02em;color:var(--share-modal-text);flex:auto;min-width:0;font-size:1.125rem;font-weight:700}.share-resource-modal .share-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.share-resource-modal .share-header-actions .share-search-wrap{width:min(280px,42vw);margin-bottom:0}.share-resource-modal .close-btn{border:1px solid var(--share-modal-border);background:var(--share-modal-surface-muted);cursor:pointer;width:36px;height:36px;color:var(--share-modal-text-muted);border-radius:10px;justify-content:center;align-items:center;transition:background .18s,color .18s,border-color .18s;display:flex}.share-resource-modal .close-btn:hover{background:var(--share-modal-border);color:var(--share-modal-text);border-color:var(--share-modal-border-strong)}.share-resource-modal .modal-body{background:var(--share-modal-surface);flex-direction:column;flex:1;gap:18px;min-height:0;padding:20px 24px 24px;display:flex;overflow:hidden}.share-resource-modal .share-section-email{border:1px solid var(--share-modal-border);background:var(--share-modal-col-bg);border-radius:12px;flex-shrink:0;padding:16px 18px}.share-resource-modal .share-section-email .form-group{margin-bottom:0}.share-resource-modal .form-label{color:var(--share-modal-text);align-items:center;gap:8px;margin-bottom:10px;font-size:.875rem;font-weight:600;display:flex}.share-resource-modal .form-label .fa-envelope{color:var(--share-modal-primary);font-size:.8rem}.share-resource-modal .form-input{border:1px solid var(--share-modal-border);background:var(--share-modal-input-bg);width:100%;color:var(--share-modal-text);border-radius:10px;padding:10px 12px;font-size:.875rem;transition:border-color .18s,box-shadow .18s}.share-resource-modal .form-input:focus{border-color:var(--share-modal-primary);box-shadow:0 0 0 3px var(--share-modal-primary-soft);outline:none}.share-resource-modal .form-group small{margin-top:8px;font-size:.75rem;display:block;color:var(--share-modal-text-muted)!important}.share-resource-modal .btn{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:.875rem;font-weight:600;transition:transform .15s,opacity .15s,box-shadow .15s}.share-resource-modal .btn-primary{background:linear-gradient(135deg, var(--share-modal-primary) 0%, #f26225 100%);color:#fff;box-shadow:0 4px 14px #ed204747}.share-resource-modal .btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.share-resource-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.share-resource-modal .share-invite-row{align-items:center;gap:10px;display:flex}.share-resource-modal .share-invite-row>.form-input{flex:1;min-width:0}.share-resource-modal .share-invite-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.share-resource-modal .share-invite-actions select{width:118px;padding:10px 12px}.share-resource-modal .share-invite-actions .btn-primary{white-space:nowrap}.share-resource-modal .share-columns-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;min-height:0;display:grid}.share-resource-modal .share-column{border:1px solid var(--share-modal-border);background:var(--share-modal-col-bg);isolation:isolate;border-radius:12px;flex-direction:column;min-width:0;min-height:0;padding:14px;display:flex;overflow:hidden}.share-resource-modal .share-section-title{color:var(--share-modal-text);letter-spacing:-.01em;align-items:center;gap:8px;margin-bottom:12px;font-size:.875rem;font-weight:700;display:flex}.share-resource-modal .share-section-icon{width:auto;height:auto;color:var(--share-modal-primary);background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:inline-flex}.share-resource-modal .share-section-icon--team,.share-resource-modal .share-section-icon--client,.share-resource-modal .share-section-icon--access{color:var(--share-modal-primary);background:0 0}[data-theme=dark] .share-resource-modal .share-section-icon--team,[data-theme=dark] .share-resource-modal .share-section-icon--client,[data-theme=dark] .share-resource-modal .share-section-icon--access{color:#ed2047;background:0 0}.share-resource-modal .share-search-wrap{flex-shrink:0;margin-bottom:10px;position:relative}.share-resource-modal .share-search-wrap .fa-search{color:var(--share-modal-text-muted);pointer-events:none;font-size:.8rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.share-resource-modal .share-search-input{padding-left:36px}.share-resource-modal .share-list-panel,.share-resource-modal .share-list-panel--shared{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--share-modal-border-strong) #0f172a0f;background:0 0;border:none;flex-direction:column;flex:auto;align-items:stretch;gap:8px;height:auto;min-height:0;max-height:500px;padding:4px 6px 16px 0;display:flex;overflow:hidden auto}.share-resource-modal .share-list-panel>.team-member-item,.share-resource-modal .share-list-panel>.shared-user-item,.share-resource-modal .share-list-panel--shared>.team-member-item,.share-resource-modal .share-list-panel--shared>.shared-user-item,.share-resource-modal .share-list-panel>.share-list-empty,.share-resource-modal .share-list-panel>.share-list-loading,.share-resource-modal .share-list-panel--shared>.share-list-empty,.share-resource-modal .share-list-panel--shared>.share-list-loading{z-index:0;flex-shrink:0;margin-bottom:0;position:relative}.share-resource-modal .share-list-panel>.team-member-item:last-child,.share-resource-modal .share-list-panel>.shared-user-item:last-child,.share-resource-modal .share-list-panel--shared>.team-member-item:last-child,.share-resource-modal .share-list-panel--shared>.shared-user-item:last-child,.share-resource-modal .share-list-panel>.share-list-empty:last-child,.share-resource-modal .share-list-panel>.share-list-loading:last-child,.share-resource-modal .share-list-panel--shared>.share-list-empty:last-child,.share-resource-modal .share-list-panel--shared>.share-list-loading:last-child{margin-bottom:0}.share-resource-modal .share-list-panel::-webkit-scrollbar{width:8px}.share-resource-modal .share-list-panel--shared::-webkit-scrollbar{width:8px}.share-resource-modal .share-list-panel::-webkit-scrollbar-track{background:#0f172a0f;border-radius:999px}.share-resource-modal .share-list-panel--shared::-webkit-scrollbar-track{background:#0f172a0f;border-radius:999px}.share-resource-modal .share-list-panel::-webkit-scrollbar-thumb{background:var(--share-modal-border-strong);border-radius:999px}.share-resource-modal .share-list-panel--shared::-webkit-scrollbar-thumb{background:var(--share-modal-border-strong);border-radius:999px}.share-resource-modal .share-list-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.share-resource-modal .share-list-panel--shared::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .share-resource-modal .share-list-panel,[data-theme=dark] .share-resource-modal .share-list-panel--shared{scrollbar-color:#8b949ea6 #ffffff0f}[data-theme=dark] .share-resource-modal .share-list-panel::-webkit-scrollbar-track{background:#ffffff0f}[data-theme=dark] .share-resource-modal .share-list-panel--shared::-webkit-scrollbar-track{background:#ffffff0f}[data-theme=dark] .share-resource-modal .share-list-panel::-webkit-scrollbar-thumb{background:#8b949ea6}[data-theme=dark] .share-resource-modal .share-list-panel--shared::-webkit-scrollbar-thumb{background:#8b949ea6}.share-resource-modal .share-list-empty,.share-resource-modal .share-list-loading{text-align:center;min-height:160px;color:var(--share-modal-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 12px;font-size:.8125rem;display:flex}.share-resource-modal .share-list-empty-icon{background:var(--share-modal-primary-soft);width:48px;height:48px;color:var(--share-modal-primary);border-radius:12px;justify-content:center;align-items:center;font-size:1rem;display:flex}.share-resource-modal .share-list-empty-title{color:var(--share-modal-text);font-size:.9rem;font-weight:700}.share-resource-modal .share-list-empty-text{max-width:220px;color:var(--share-modal-text-muted);font-size:.75rem;line-height:1.45}.share-resource-modal .share-list-empty--access{gap:10px;min-height:200px}.share-resource-modal .share-empty-illustration{justify-content:center;align-items:center;width:88px;height:72px;margin-bottom:4px;display:flex;position:relative}.share-resource-modal .share-empty-illustration__folder{color:var(--share-modal-text-muted);opacity:.45;font-size:3.25rem}.share-resource-modal .share-empty-illustration__lock{background:linear-gradient(135deg, var(--share-modal-primary), #f26225);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;display:flex;position:absolute;bottom:4px;right:10px;box-shadow:0 4px 12px #ed204759}.share-resource-modal .team-member-item,.share-resource-modal .shared-user-item{border:1px solid var(--share-modal-item-border);background:var(--share-modal-item-bg);border-radius:10px;flex-direction:column;align-items:stretch;gap:10px;padding:12px;transition:border-color .18s,box-shadow .18s;display:flex}.share-resource-modal .team-member-item.has-access,.share-resource-modal .shared-user-item.has-access{background:var(--share-modal-success-soft);box-shadow:inset 3px 0 0 var(--share-modal-success);border-color:#10b98173}.share-resource-modal .team-member-item.is-blocked{opacity:.85;box-shadow:inset 3px 0 0 var(--share-modal-danger);background:#fee2e2a6;border-color:#dc262659}.share-resource-modal .share-profile-row{align-items:center;gap:10px;min-width:0;display:flex}.share-resource-modal .share-actions-row{flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-left:0;display:flex}.share-resource-modal .user-avatar{background:linear-gradient(135deg, var(--share-modal-primary), #f26225);color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.72rem;font-weight:700;display:flex}.share-resource-modal .user-info{flex:1;min-width:0}.share-resource-modal .user-name{color:var(--share-modal-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.share-resource-modal .user-email{color:var(--share-modal-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.share-resource-modal .user-role-badge{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.68rem;font-weight:600;line-height:1.3;display:inline-flex}.share-resource-modal .share-toggle-btn,.share-resource-modal .remove-access-btn{cursor:pointer;border:1px solid var(--share-modal-border);background:var(--share-modal-item-bg);color:var(--share-modal-text);border-radius:8px;padding:7px 11px;font-size:.72rem;font-weight:600;transition:background .15s,border-color .15s}.share-resource-modal .share-toggle-btn:hover:not(:disabled){border-color:var(--share-modal-border-strong)}.share-resource-modal .share-toggle-btn.shared{background:var(--share-modal-success);color:#fff;border-color:var(--share-modal-success)}[data-theme=dark] .share-resource-modal .share-toggle-btn.shared{background:#064e3b;border-color:#059669}.share-resource-modal .share-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.share-resource-modal .remove-access-btn{background:var(--share-modal-danger);color:#fff;border-color:var(--share-modal-danger);margin-left:auto}.share-resource-modal .remove-access-btn:hover{opacity:.92}.share-resource-modal .share-permission-select{flex:1;min-width:0;max-width:100%;margin-right:0;padding:7px 8px;font-size:.72rem}.share-resource-modal .share-permission-select-wrap,.share-resource-modal .share-email-permission-select{flex:1;gap:0;min-width:0}.share-resource-modal .share-email-permission-select{flex:none}.share-resource-modal .share-permission-select-wrap .app-select-container,.share-resource-modal .share-email-permission-select .app-select-container{width:100%;min-width:0}.share-resource-modal .share-email-permission-select .app-select-container{width:118px;min-width:118px}.share-resource-modal .share-permission-select-wrap .app-select-trigger,.share-resource-modal .share-email-permission-select .app-select-trigger{min-height:34px;box-shadow:none;border-width:1px;border-radius:8px;padding:6px 10px;font-size:.72rem;font-weight:600}.share-resource-modal .share-permission-select-wrap .app-select-trigger:hover:not(:disabled),.share-resource-modal .share-email-permission-select .app-select-trigger:hover:not(:disabled){border-color:var(--share-modal-border-strong);box-shadow:none}.share-resource-modal .share-permission-select-wrap .app-select-trigger.is-open,.share-resource-modal .share-email-permission-select .app-select-trigger.is-open,.share-resource-modal .share-permission-select-wrap .app-select-trigger:focus-visible,.share-resource-modal .share-email-permission-select .app-select-trigger:focus-visible{border-color:var(--share-modal-primary);box-shadow:0 0 0 3px var(--share-modal-primary-soft)}.share-resource-modal .share-update-btn{padding:7px 11px;font-size:.72rem;display:none}.share-resource-modal .share-update-btn.is-visible{align-items:center;gap:6px;display:inline-flex}.share-resource-modal .share-update-btn:disabled{opacity:.85;cursor:wait}.share-restore-btn{margin-left:auto;background:var(--share-modal-success)!important;color:#fff!important;border-color:var(--share-modal-success)!important}.user-role-badge--blocked{color:#dc2626;background:#fee2e2e6}.user-role-badge--suspended{color:#be123c;background:#ffe4e6}.user-role-badge--pending{color:#c2410c;background:#fff7ed}.user-role-badge--permission{background:var(--share-modal-success-soft);color:#047857;text-transform:capitalize}.user-role-badge--protected{color:var(--share-modal-text-muted);background:#64748b1f}.user-role-badge--invite-pending{color:#92400e;background:#fef3c7}.user-role-badge--approval-pending{color:#92400e;background:#fde68a}.remove-access-btn.push-end{margin-left:auto}.share-action-error{color:var(--share-modal-danger);background:#fef2f2;border-radius:10px;align-items:flex-start;gap:8px;margin:0 24px 16px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.share-admin-handoff{z-index:5;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.share-admin-handoff-card{background:var(--share-modal-surface);width:min(100%,420px);box-shadow:var(--share-modal-shadow);border-radius:14px;overflow:hidden}.share-admin-handoff-header{justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 12px;display:flex}.share-admin-handoff-title{color:var(--share-modal-text);font-size:17px;font-weight:600}.share-admin-handoff-body{padding:0 20px 16px}.share-admin-handoff-body p{color:var(--share-modal-text-muted);margin:0 0 14px;font-size:14px;line-height:1.5}.share-admin-handoff-actions{border-top:1px solid var(--share-modal-border);justify-content:flex-end;gap:10px;padding:16px 20px 20px;display:flex}[data-theme=dark] .share-resource-modal{--share-modal-overlay:#000000ad;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--share-modal-surface:var(--app-surface,#1a1d24);--share-modal-surface-muted:var(--app-surface-muted,#22262f);--share-modal-border:var(--app-border,#2d3340);--share-modal-border-strong:#3d4554;--share-modal-text:var(--app-text,#f1f5f9);--share-modal-text-muted:var(--app-text-muted,#94a3b8);--share-modal-input-bg:var(--app-input-bg,#1e222a);--share-modal-col-bg:var(--app-surface-muted,#1e222a);--share-modal-item-bg:var(--app-surface,#1a1d24);--share-modal-item-border:var(--app-border,#2d3340);--share-modal-shadow:0 28px 80px #0000008c;--share-modal-header-bg:linear-gradient(180deg, var(--app-surface,#1a1d24) 0%, var(--app-surface-muted,#1e222a) 100%);--share-modal-primary-soft:#ed204738;--share-modal-success-soft:#10b98124}[data-theme=dark] .share-resource-modal .team-member-item.has-access,[data-theme=dark] .share-resource-modal .shared-user-item.has-access{background:#10b9811a;border-color:#10b98166}[data-theme=dark] .share-resource-modal .team-member-item.is-blocked{background:#dc26261f;border-color:#dc262659}[data-theme=dark] .share-resource-modal .share-toggle-btn{background:var(--app-surface-hover,#2a2f3a);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .share-resource-modal .form-input option{background:var(--app-surface);color:var(--app-text)}[data-theme=dark] .user-role-badge--blocked{color:#fca5a5;background:#dc262633}[data-theme=dark] .user-role-badge--suspended{color:#fda4af;background:#be123c33}[data-theme=dark] .user-role-badge--pending{color:#fdba74;background:#c2410c33}[data-theme=dark] .user-role-badge--permission{color:#6ee7b7;background:#10b9812e}[data-theme=dark] .user-role-badge--protected{color:var(--app-text-muted);background:#6b728033}[data-theme=dark] .user-role-badge--invite-pending{color:#fcd34d;background:#92400e38}[data-theme=dark] .user-role-badge--approval-pending{color:#fde68a;background:#92400e47}[data-theme=dark] .share-action-error{color:#f87171;background:#dc262624}@media (width>=769px){.share-resource-modal{padding:16px 20px}.share-resource-modal .modal-content{height:min(90vh,980px);min-height:min(90vh,860px);max-height:min(96vh,980px)}.share-resource-modal .share-columns-grid{flex:auto;align-items:stretch;min-height:0;overflow:hidden}.share-resource-modal .share-column{min-height:0;overflow:hidden}.share-resource-modal .share-list-panel,.share-resource-modal .share-list-panel--shared{flex:auto;height:auto;min-height:0;max-height:none}.share-resource-modal .share-list-empty,.share-resource-modal .share-list-loading,.share-resource-modal .share-list-empty--access{min-height:200px}}@media (width<=1100px){.share-resource-modal .share-columns-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.share-resource-modal .share-column{max-height:100%;overflow:hidden}.share-resource-modal .share-column:last-child{grid-column:1/-1}.share-resource-modal .share-list-panel,.share-resource-modal .share-list-panel--shared{max-height:min(36vh,320px)}.share-resource-modal .share-column:last-child .share-list-panel,.share-resource-modal .share-column:last-child .share-list-panel--shared{max-height:min(28vh,260px)}}@media (width<=768px){.share-resource-modal{align-items:stretch;padding:0}.share-resource-modal .modal-content{border:none;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100%}.share-resource-modal .modal-header{flex-wrap:wrap;padding:14px 16px;position:sticky;top:0}.share-resource-modal .share-header-actions{justify-content:flex-end;width:100%}.share-resource-modal .share-header-actions .share-search-wrap{flex:auto;width:auto;min-width:0}.share-resource-modal .modal-title{font-size:1rem}.share-resource-modal .modal-body{-webkit-overflow-scrolling:touch;min-height:0;padding:12px 12px calc(16px + env(safe-area-inset-bottom,0px));flex:1;gap:12px;overflow:hidden auto}.share-resource-modal .share-section-email{padding:12px}.share-resource-modal .share-invite-row{flex-direction:column;align-items:stretch;gap:8px}.share-resource-modal .share-invite-row>.form-input{width:100%}.share-resource-modal .share-invite-actions{grid-template-columns:1fr auto;gap:8px;width:100%;display:grid}.share-resource-modal .share-email-permission-select{flex:none;width:100%;min-width:0}.share-resource-modal .share-email-permission-select .app-select-container,.share-resource-modal .share-email-permission-select .app-select-trigger{width:100%;min-width:0}.share-resource-modal .share-invite-actions .btn-primary{flex-shrink:0;min-height:42px;padding:10px 14px}.share-resource-modal .share-columns-grid{flex-direction:column;flex:none;align-items:stretch;gap:12px;height:auto;min-height:auto;display:flex;overflow:visible}.share-resource-modal .share-column,.share-resource-modal .share-column:last-child{flex:none;grid-column:auto;width:100%;min-width:0;height:auto;min-height:auto;padding:12px;overflow:visible}.share-resource-modal .share-list-panel,.share-resource-modal .share-list-panel--shared{overscroll-behavior:auto;-webkit-overflow-scrolling:touch;flex:none;height:auto;min-height:0;max-height:min(42vh,320px);padding:4px 8px 12px 0;overflow:hidden auto}.share-resource-modal .team-member-item,.share-resource-modal .shared-user-item{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;overflow:visible}.share-resource-modal .share-profile-row{width:100%;min-width:0}.share-resource-modal .share-actions-row{flex-wrap:wrap;align-items:stretch;gap:8px;width:100%;margin-left:0;display:flex}.share-resource-modal .share-permission-select-wrap{flex:140px;width:auto;min-width:0;max-width:100%}.share-resource-modal .share-permission-select-wrap .app-select-container,.share-resource-modal .share-permission-select-wrap .app-select-trigger{width:100%;min-width:0}.share-resource-modal .share-toggle-btn,.share-resource-modal .remove-access-btn,.share-resource-modal .share-update-btn{white-space:nowrap;flex:none;margin-left:0}.share-resource-modal .share-actions-row .user-role-badge{flex:auto}.share-resource-modal .remove-access-btn.push-end{margin-left:0}.share-resource-modal .share-list-empty,.share-resource-modal .share-list-loading,.share-resource-modal .share-list-empty--access{min-height:120px;padding:20px 12px}}@media (width<=420px){.share-resource-modal .share-invite-actions{grid-template-columns:1fr}.share-resource-modal .share-invite-actions .btn-primary{width:100%}.share-resource-modal .share-permission-select-wrap,.share-resource-modal .share-toggle-btn,.share-resource-modal .remove-access-btn,.share-resource-modal .share-update-btn{flex:100%;width:100%}.share-resource-modal .share-toggle-btn,.share-resource-modal .remove-access-btn,.share-resource-modal .share-update-btn{justify-content:center}}.calculate-level-count-modal{z-index:10000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.calculate-level-count-modal.is-open{display:flex}.calculate-level-count-modal .calculate-level-count-content{background:#fff;border-radius:12px;flex-direction:column;width:98vw;max-width:100vw;height:95vh;max-height:100vh;padding:24px;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.calculate-level-count-modal .modal-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calculate-level-count-modal .calculate-level-count-tabs{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;gap:8px;margin:0 0 12px;padding-bottom:12px;display:flex}.calculate-level-count-modal .calculate-level-count-tab{color:#4b5563;cursor:pointer;text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:auto;min-width:min(100%,160px);padding:10px 14px;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.calculate-level-count-modal .calculate-level-count-tab:hover{color:#111827;background:#f3f4f6;border-color:#d1d5db}.calculate-level-count-modal .calculate-level-count-tab.is-active{color:#111827;background:#fff;border-color:#ed2047;box-shadow:0 0 0 1px #ed2047}.calculate-level-count-modal .calculate-level-count-tab:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.calculate-level-count-modal .modal-title{color:#1f2937;font-size:18px;font-weight:600}.calculate-level-count-modal .close-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex}.calculate-level-count-modal .close-btn:hover{color:#1f2937;background:#e5e7eb}.calculate-level-count-modal .calculate-level-count-body{flex:1;min-height:0;overflow-y:auto}.calculate-level-count-modal .calculate-level-count-subtitle-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.calculate-level-count-modal .calculate-level-count-subtitle-row.calculate-level-count-filters-collapsed{margin-bottom:18px}.calculate-level-count-modal .calculate-level-count-subtitle{color:#6b7280;flex:1;min-width:0;margin:0;font-size:14px}.calculate-level-count-modal .calculate-level-count-filter-toggle{cursor:pointer;color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:background .2s,color .2s,border-color .2s;display:flex}.calculate-level-count-modal .calculate-level-count-filter-toggle:hover{color:#111827;background:#f3f4f6;border-color:#d1d5db}.calculate-level-count-modal .calculate-level-count-filter-toggle:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.calculate-level-count-modal .calculate-level-count-filter-toggle.is-collapsed{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.calculate-level-count-modal .calculate-level-count-filters{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:18px;padding:12px 14px;display:flex}.calculate-level-count-modal .calculate-level-count-filters.calculate-level-count-filters-hidden{margin-bottom:0;display:none}.calculate-level-count-modal .calculate-level-count-filter-row{flex-direction:column;flex:0 auto;align-items:stretch;gap:4px;min-width:118px;margin:0;display:flex}.calculate-level-count-modal .calculate-level-count-filter-label{color:#374151;margin-bottom:0;font-size:13px;font-weight:500;display:block}.calculate-level-count-modal .calculate-level-count-filter-select{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;min-width:0;max-width:200px;padding:8px 10px;font-size:13px}.calculate-level-count-modal .calculate-level-count-filter-select-custom,.calculate-level-count-modal .calculate-level-count-filter-select-custom.create-task-select,.calculate-level-count-modal .calculate-level-count-filter-select-custom.app-select-wrap{width:100%;min-width:0;max-width:200px}.calculate-level-count-modal .calculate-level-count-filter-select-custom .create-task-select__trigger,.calculate-level-count-modal .calculate-level-count-filter-select-custom .app-select-trigger{color:#1f2937;width:100%;min-height:36px;box-shadow:none;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:13px}.calculate-level-count-modal .calculate-level-count-filter-select-custom .create-task-select__trigger:focus-visible,.calculate-level-count-modal .calculate-level-count-filter-select-custom .app-select-trigger:focus-visible,.calculate-level-count-modal .calculate-level-count-filter-select-custom .create-task-select.is-open .create-task-select__trigger,.calculate-level-count-modal .calculate-level-count-filter-select-custom .app-select-trigger.is-open{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed204733}.calculate-level-count-modal .calculate-level-count-filter-check{color:#374151;cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.calculate-level-count-modal .calculate-level-count-filter-check input{margin:0}.calculate-level-count-modal .calculate-level-count-date-range{border-top:none;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;width:100%;margin-top:0;padding-top:0;display:flex}.calculate-level-count-modal .calculate-level-count-filter-reset-row{align-items:flex-end;min-width:auto;margin-left:auto}.calculate-level-count-modal .calculate-level-count-filter-label-spacer{visibility:hidden;-webkit-user-select:none;user-select:none}.calculate-level-count-modal .calculate-level-count-filter-reset{color:#fff;cursor:pointer;box-sizing:border-box;background:#dc2626;border:1px solid #b91c1c;border-radius:6px;width:auto;max-width:none;padding:8px 18px;font-size:13px;font-weight:600}.calculate-level-count-modal .calculate-level-count-filter-reset:hover{color:#fff;background:#b91c1c;border-color:#991b1b}.calculate-level-count-modal .calculate-level-count-filter-reset:focus-visible{outline-offset:2px;outline:2px solid #fca5a5}.calculate-level-count-modal .calculate-level-count-date-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-size:13px}.calculate-level-count-modal .calculate-level-count-date-sep{color:#6b7280;font-size:13px}.calculate-level-count-modal .calculate-level-count-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.calculate-level-count-modal .calculate-level-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-height:clamp(11.5rem,22vh,15rem);padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:visible;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f}.calculate-level-count-modal .calculate-level-card:before{content:"";background:var(--level-color,#9ca3af);border-radius:12px 12px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.calculate-level-count-modal .calculate-level-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #00000014}.calculate-level-count-modal .calculate-level-card-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-right:10px}.calculate-level-count-modal .calculate-level-card-title{color:#1f2937;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:8px;padding-top:2px;font-size:15px;font-weight:600;display:flex}.calculate-level-count-modal .calculate-level-card-number{color:#111827;letter-spacing:-.02em;text-align:center;flex:1;justify-content:center;align-items:center;min-height:5rem;font-size:2.25rem;font-weight:700;line-height:1.2;display:flex}.calculate-level-count-modal .calculate-status-card:not(.calculate-level-card-total):not(.calculate-level-card-total-created){padding-bottom:2.75rem}.calculate-level-count-modal .calculate-level-card-info{color:#f5f5f5;cursor:pointer;z-index:3;background:#111;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;font-weight:700;line-height:1;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 1px 3px #00000059}.calculate-level-count-modal .calculate-level-card-info:hover,.calculate-level-count-modal .calculate-level-card-info:focus-visible{color:#fff;background:#1a1a1a;border-color:#525252;outline:none}.calculate-level-card-popover{color:#e8e8e8;text-align:left;background:#111;border:1px solid #404040;border-radius:10px;min-width:200px;max-width:min(280px,100vw - 24px);padding:10px 12px;font-size:13px;box-shadow:0 12px 40px #00000073}.calculate-level-card-popover.calculate-level-card-popover--fixed{z-index:11000;max-height:calc(100vh - 16px);position:fixed;overflow-y:auto}.calculate-level-card-popover-section-title{text-transform:uppercase;letter-spacing:.04em;color:#a3a3a3;margin:10px 0 6px;font-size:11px;font-weight:600}.calculate-level-card-popover-section:first-child .calculate-level-card-popover-section-title{margin-top:0}.calculate-level-card-popover-section .calculate-level-card-popover-row:not(:last-child){border-bottom:1px solid #ffffff1f}.calculate-level-card-popover-row{color:#e8e8e8;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;display:flex}.calculate-level-card-popover-row strong{color:#fff;font-weight:600}.calculate-level-count-modal .calculate-level-count-empty{text-align:center;color:#6b7280;grid-column:1/-1;padding:24px 16px;font-size:14px}@media (width<=768px){.calculate-level-count-modal .calculate-level-count-content{width:100%;max-width:100%;max-height:90vh;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0));border-radius:16px;box-shadow:0 -8px 32px #00000026}.calculate-level-count-modal .calculate-level-count-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calculate-level-count-modal .calculate-level-card-total,.calculate-level-count-modal .calculate-level-card-total-created{grid-column:1/-1}.calculate-level-count-modal .calculate-level-count-filters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.calculate-level-count-modal .calculate-level-count-filter-row{width:100%;min-width:0;max-width:none}.calculate-level-count-modal .calculate-level-count-filter-select{max-width:none}.calculate-level-count-modal .calculate-level-count-filter-row:has(#calcFilterLevel){grid-column:1/-1}.calculate-level-count-modal .calculate-level-count-filter-reset-row{grid-column:1/-1;width:100%;margin-left:0}.calculate-level-count-modal .calculate-level-count-filter-reset{width:100%;max-width:none}.calculate-level-count-modal .calculate-level-card{min-height:clamp(8rem,16vh,10.5rem);padding:1rem .875rem}.calculate-level-count-modal .calculate-level-card-title{margin-bottom:6px;font-size:14px}.calculate-level-count-modal .calculate-level-card-number{min-height:2.5rem;font-size:1.875rem}.calculate-level-count-modal .calculate-status-card:not(.calculate-level-card-total):not(.calculate-level-card-total-created){padding-bottom:2.35rem}}.calculate-level-count-modal .calculate-level-count-filter-btn,.calculate-level-count-modal .calculate-level-count-filter-reset{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 14px;font-size:13px}.calculate-level-count-modal .calculate-level-count-filter-btn:hover,.calculate-level-count-modal .calculate-level-count-filter-reset:hover{background:#f3f4f6}.calculate-level-card-popover-backdrop{display:none}[data-theme=dark] .calculate-level-count-modal{background:#000000b8}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-content{background:#12151b;border:1px solid #2a2f3a;box-shadow:0 24px 60px #000000a6}[data-theme=dark] .calculate-level-count-modal .modal-title{color:#f3f4f6}[data-theme=dark] .calculate-level-count-modal .close-btn{color:#9ca3af;background:#1c2128}[data-theme=dark] .calculate-level-count-modal .close-btn:hover{color:#f3f4f6;background:#2a2f3a}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-tabs{border-bottom-color:#2a2f3a}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-tab{color:#9ca3af;background:#1a1f27;border-color:#2a2f3a}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-tab:hover{color:#e5e7eb;background:#21262d;border-color:#3a4150}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-tab.is-active{color:#fff;background:#161b22;border-color:#ed2047;box-shadow:0 0 0 1px #ed2047}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-subtitle{color:#9ca3af}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-toggle{color:#9ca3af;background:#1a1f27;border-color:#2a2f3a}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-toggle:hover{color:#e5e7eb;background:#21262d;border-color:#3a4150}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-toggle.is-collapsed{color:#f87171;background:#ed204724;border-color:#ed204759}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filters{background:0 0;border-color:#0000;padding-left:0;padding-right:0}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-label,[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-check{color:#d1d5db}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-select,[data-theme=dark] .calculate-level-count-modal .calculate-level-count-date-input{color:#f3f4f6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1a1f27;border-color:#3a4150}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-select-custom .create-task-select__trigger,[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-select-custom .app-select-trigger{color:#f3f4f6;box-shadow:none;background:#1a1f27;border-color:#3a4150}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-select-custom .create-task-select__chevron,[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-select-custom .app-select-trigger__chevron{color:#9ca3af}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-select-custom .create-task-select__trigger:focus-visible,[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-select-custom .app-select-trigger:focus-visible,[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-select-custom .create-task-select.is-open .create-task-select__trigger,[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-select-custom .app-select-trigger.is-open{border-color:#ed2047;box-shadow:0 0 0 3px #ed204738}[data-theme=dark] .app-select-menu,[data-theme=dark] .app-select-menu--portal{color:#e5e7eb;background:#1a1f27;border-color:#3a4150;box-shadow:0 16px 40px #0009,0 0 0 1px #ffffff0a}[data-theme=dark] .app-select-option{color:#e5e7eb}[data-theme=dark] .app-select-option:hover:not(:disabled){background:#21262d}[data-theme=dark] .app-select-option.is-selected{color:#ff8fa3;background:#ed20472e}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-select:focus,[data-theme=dark] .calculate-level-count-modal .calculate-level-count-date-input:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed204738}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-select option{color:#f3f4f6;background:#1a1f27}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-date-sep{color:#9ca3af}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-btn{color:#e5e7eb;background:#1a1f27;border-color:#3a4150}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-btn:hover{background:#21262d;border-color:#4b5563}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-reset{color:#d1d5db;background:#1a1f27;border-color:#3a4150}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-reset:hover{color:#f3f4f6;background:#21262d;border-color:#4b5563}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-filter-reset:focus-visible{outline-offset:2px;outline:2px solid #ed204773}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-body::-webkit-scrollbar-thumb{background:#78808c73}[data-theme=dark] .calculate-level-count-modal .calculate-level-card{background:#1a1f27;border-color:#2a2f3a;box-shadow:0 0 0 1px #ffffff08,0 8px 24px #00000059}[data-theme=dark] .calculate-level-count-modal .calculate-level-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #ffffff0d,0 16px 36px #00000080}[data-theme=dark] .calculate-level-count-modal .calculate-level-card-title{color:#e5e7eb}[data-theme=dark] .calculate-level-count-modal .calculate-level-card-number{color:#fff}[data-theme=dark] .calculate-level-count-modal .calculate-level-card-info{color:#9ca3af;box-shadow:none;background:#ffffff0a;border-color:#4b5563}[data-theme=dark] .calculate-level-count-modal .calculate-level-card-info:hover,[data-theme=dark] .calculate-level-count-modal .calculate-level-card-info:focus-visible{color:#f3f4f6;background:#ffffff14;border-color:#9ca3af}[data-theme=dark] .calculate-level-count-modal .calculate-level-count-empty{color:#9ca3af}[data-theme=dark] .calculate-level-card-popover{color:#e5e7eb;background:#1a1f27;border-color:#3a4150;box-shadow:0 12px 40px #0009}[data-theme=dark] .calculate-level-card-popover-section-title{color:#9ca3af}[data-theme=dark] .calculate-level-card-popover-section .calculate-level-card-popover-row:not(:last-child){border-bottom-color:#2a2f3a}[data-theme=dark] .calculate-level-card-popover-row{color:#e5e7eb}[data-theme=dark] .calculate-level-card-popover-row strong{color:#fff}@media (width<=768px){[data-theme=dark] .calculate-level-count-modal .calculate-level-count-content{box-shadow:0 -8px 32px #0000008c}}.change-to-task-modal{z-index:10070;background:#00000080;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.change-to-task-modal.is-open{display:flex}.change-to-task-modal .modal-dialog{width:100%;max-width:480px}.change-to-task-modal .modal-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 24px 60px #0f172a2e}.change-to-task-modal .modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.change-to-task-modal .modal-title{color:#1f2937;font-size:18px;font-weight:600}.change-to-task-modal .close-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:32px;height:32px}.change-to-task-modal .change-to-task-message{color:#4b5563;margin:0 0 20px;line-height:1.5}.change-to-task-modal .modal-actions{justify-content:flex-end;gap:12px;display:flex}.change-to-task-modal .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500}.change-to-task-modal .btn-secondary{color:#374151;background:#f3f4f6}.change-to-task-modal .btn-primary{color:#fff;background:#ed2047}[data-theme=dark] .change-to-task-modal{background:#000000a6}[data-theme=dark] .change-to-task-modal .modal-content{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 24px 60px #00000080}[data-theme=dark] .change-to-task-modal .modal-title{color:var(--app-text)}[data-theme=dark] .change-to-task-modal .close-btn{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .change-to-task-modal .close-btn:hover{background:var(--app-border);color:var(--app-text)}[data-theme=dark] .change-to-task-modal .change-to-task-message{color:var(--app-text-muted)}[data-theme=dark] .change-to-task-modal .btn-secondary{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .change-to-task-modal .btn-secondary:hover:not(:disabled){background:var(--app-border)}@media (width<=768px){.change-to-task-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:center}.change-to-task-modal .modal-dialog{width:100%;max-width:100%}.change-to-task-modal .modal-content{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));border-radius:12px;padding:16px}}.change-to-subtask-modal{z-index:10070;background:#00000080;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.change-to-subtask-modal.is-open{display:flex}.change-to-subtask-modal .modal-dialog{width:100%;max-width:480px}.change-to-subtask-modal .modal-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 24px 60px #0f172a2e}.change-to-subtask-modal .modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.change-to-subtask-modal .modal-title{color:#1f2937;font-size:18px;font-weight:600}.change-to-subtask-modal .close-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:32px;height:32px}.change-to-subtask-modal .change-to-subtask-message,.change-to-subtask-modal .change-to-subtask-empty{color:#4b5563;margin:0 0 16px;line-height:1.5}.change-to-subtask-modal .change-to-subtask-select{width:100%;margin-bottom:20px;display:block}.change-to-subtask-modal .change-to-subtask-select.app-select-wrap{flex-direction:column;align-items:stretch;gap:0}.change-to-subtask-modal .change-to-subtask-select .app-select-container{width:100%;min-width:0}.change-to-subtask-modal .change-to-subtask-select .app-select-trigger{width:100%}.change-to-subtask-modal .modal-actions{justify-content:flex-end;gap:12px;display:flex}.change-to-subtask-modal .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500}.change-to-subtask-modal .btn:disabled{opacity:.6;cursor:not-allowed}.change-to-subtask-modal .btn-secondary{color:#374151;background:#f3f4f6}.change-to-subtask-modal .btn-primary{color:#fff;background:#ed2047}[data-theme=dark] .change-to-subtask-modal{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000000a6}[data-theme=dark] .change-to-subtask-modal .modal-content{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 24px 60px #00000080}[data-theme=dark] .change-to-subtask-modal .modal-title{color:var(--app-text)}[data-theme=dark] .change-to-subtask-modal .close-btn{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .change-to-subtask-modal .close-btn:hover{background:var(--app-border);color:var(--app-text)}[data-theme=dark] .change-to-subtask-modal .change-to-subtask-message,[data-theme=dark] .change-to-subtask-modal .change-to-subtask-empty{color:var(--app-text-muted)}[data-theme=dark] .change-to-subtask-modal .btn-secondary{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .change-to-subtask-modal .btn-secondary:hover:not(:disabled){background:var(--app-border)}@media (width<=768px){.change-to-subtask-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:center}.change-to-subtask-modal .modal-dialog{width:100%;max-width:100%}.change-to-subtask-modal .modal-content{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));border-radius:12px;padding:16px}}.manage-stages-modal{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.manage-stages-modal.is-open{display:flex}.manage-stages-modal__panel{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:900px;max-height:90vh;padding:24px;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.manage-stages-modal__header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.manage-stages-modal__title{color:#1f2937;font-size:18px;font-weight:600}.manage-stages-modal__close{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.manage-stages-modal__close:hover{color:#1f2937;background:#e5e7eb}.manage-stages-modal__body{flex:1;padding-right:8px;overflow-y:auto}.manage-stages-modal__error{color:#b91c1c;background:#ef44441a;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.manage-stages-modal__add-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;width:100%;margin-bottom:24px;padding:10px 18px;font-weight:500}.manage-stages-modal__add-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.manage-stages-modal__add-btn:disabled{opacity:.6;cursor:not-allowed}.manage-stages-modal__form{background:#f9fafb;border-radius:8px;margin-bottom:24px;padding:20px}.manage-stages-modal__form--inline{margin-top:0;margin-bottom:12px}.manage-stages-modal__list-entry{flex-direction:column;gap:0;display:flex}.manage-stages-modal__item.is-editing{outline-offset:-1px;background:#ed20470d;border-color:#ed2047;outline:2px solid #ed2047}.manage-stages-modal__form-heading{color:#1f2937;margin-bottom:16px;font-weight:600}.manage-stages-modal__form .form-group{margin-bottom:16px}.manage-stages-modal__form .form-label{color:#374151;margin-bottom:6px;font-weight:500;display:block}.manage-stages-modal__form .form-input{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px}.manage-stages-modal__form .form-input:focus{border-color:#ed2047;outline:none}.manage-stages-modal__color-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.manage-stages-modal__color-input{cursor:pointer;width:80px;height:40px;padding:4px}.manage-stages-modal__color-presets{flex-wrap:wrap;gap:8px;display:flex}.manage-stages-modal__color-preset{cursor:pointer;border:2px solid #e5e7eb;border-radius:6px;width:32px;height:32px;padding:0}.manage-stages-modal__checkbox{cursor:pointer;color:#374151;align-items:center;gap:8px;font-weight:500;display:flex}.manage-stages-modal__checkbox input{width:18px;height:18px}.manage-stages-modal__hint{color:#6b7280;margin-top:4px;font-size:12px;display:block}.manage-stages-modal__form .form-actions{gap:10px;margin-top:16px;display:flex}.manage-stages-modal__form .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-weight:500}.manage-stages-modal__form .btn-primary{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225)}.manage-stages-modal__form .btn-secondary{color:#374151;background:#f3f4f6}.manage-stages-modal__empty{color:#6b7280;text-align:center;padding:40px}.manage-stages-modal__list{flex-direction:column;gap:8px;display:flex}.manage-stages-modal__item{cursor:move;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.manage-stages-modal__item:hover{border-color:#ed2047;box-shadow:0 4px 6px -1px #0000001a}.manage-stages-modal__item.is-dragging{opacity:.5;transform:scale(.98)}.manage-stages-modal__drag{color:#9ca3af;cursor:grab;font-size:18px}.manage-stages-modal__color-dot{border:2px solid #e5e7eb;border-radius:6px;flex-shrink:0;width:24px;height:24px}.manage-stages-modal__info{flex:1;min-width:0}.manage-stages-modal__name{color:#1f2937;margin-bottom:2px;font-weight:600}.manage-stages-modal__meta{color:#6b7280;flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.manage-stages-modal__meta .is-default{color:#ed2047}.manage-stages-modal__meta .is-completed{color:#10b981}.manage-stages-modal__actions{gap:8px;display:flex}.manage-stages-modal__action{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.manage-stages-modal__action:hover:not(:disabled){color:#ed2047;background:#e5e7eb}.manage-stages-modal__action.is-danger:hover:not(:disabled){color:#dc2626}.manage-stages-modal__action.is-disabled,.manage-stages-modal__action:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .manage-stages-modal{background:#000000a6}[data-theme=dark] .manage-stages-modal__panel{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 24px 60px #00000080}[data-theme=dark] .manage-stages-modal__title{color:var(--app-text)}[data-theme=dark] .manage-stages-modal__close{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .manage-stages-modal__close:hover{background:var(--app-border);color:var(--app-text)}[data-theme=dark] .manage-stages-modal__error{color:#f87171;background:#dc262624}[data-theme=dark] .manage-stages-modal__form{background:var(--app-surface-muted);border:1px solid var(--app-border)}[data-theme=dark] .manage-stages-modal__form-heading,[data-theme=dark] .manage-stages-modal__form .form-label,[data-theme=dark] .manage-stages-modal__checkbox{color:var(--app-text)}[data-theme=dark] .manage-stages-modal__form .form-input{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .manage-stages-modal__form .form-input:focus{border-color:#ed2047;box-shadow:0 0 0 3px #ed204733}[data-theme=dark] .manage-stages-modal__hint{color:var(--app-text-muted)}[data-theme=dark] .manage-stages-modal__form .btn-secondary{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .manage-stages-modal__form .btn-secondary:hover:not(:disabled){background:var(--app-border)}[data-theme=dark] .manage-stages-modal__empty{color:var(--app-text-muted)}[data-theme=dark] .manage-stages-modal__item{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .manage-stages-modal__item:hover{border-color:#ed204773;box-shadow:0 4px 12px #00000040}[data-theme=dark] .manage-stages-modal__item.is-editing{background:#ed20471a;border-color:#ed2047}[data-theme=dark] .manage-stages-modal__drag{color:var(--app-text-muted)}[data-theme=dark] .manage-stages-modal__color-dot{border-color:var(--app-border)}[data-theme=dark] .manage-stages-modal__name{color:var(--app-text)}[data-theme=dark] .manage-stages-modal__meta{color:var(--app-text-muted)}[data-theme=dark] .manage-stages-modal__action{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .manage-stages-modal__action:hover:not(:disabled){background:var(--app-border);color:#ed2047}@media (width<=768px){.manage-stages-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:center}.manage-stages-modal__panel{width:100%;max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));border-radius:12px;padding:16px}.manage-stages-modal__list-entry{flex-wrap:wrap;gap:8px}}.manage-custom-fields-modal{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.manage-custom-fields-modal.is-open{display:flex}.manage-custom-fields-modal__panel{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:900px;max-height:90vh;padding:24px;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.manage-custom-fields-modal__header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.manage-custom-fields-modal__title{color:#1f2937;font-size:18px;font-weight:600}.manage-custom-fields-modal__close{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.manage-custom-fields-modal__close:hover{color:#1f2937;background:#e5e7eb}.manage-custom-fields-modal__body{flex:1;padding-right:8px;overflow-y:auto}.manage-custom-fields-modal__error{color:#b91c1c;background:#ef44441a;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.manage-custom-fields-modal__toolbar{gap:12px;margin-bottom:20px;display:flex}.manage-custom-fields-modal__add{flex:1}.manage-custom-fields-modal__toolbar .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-weight:500}.manage-custom-fields-modal__toolbar .btn-primary{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225)}.manage-custom-fields-modal__toolbar .btn-secondary{color:#374151;background:#f3f4f6;min-width:44px}.manage-custom-fields-modal__form{background:#0f172a0a;border-radius:12px;margin-bottom:16px;padding:18px}.manage-custom-fields-modal__form--inline{margin-top:0;margin-bottom:12px}.manage-custom-fields-modal__form-heading{color:#1f2937;margin-bottom:16px;font-weight:600}.manage-custom-fields-modal__form .form-group{margin-bottom:16px}.manage-custom-fields-modal__form .form-label{color:#374151;margin-bottom:6px;font-weight:500;display:block}.manage-custom-fields-modal__form .form-input,.manage-custom-fields-modal__form .form-textarea{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.manage-custom-fields-modal__form .form-textarea{resize:vertical;min-height:80px}.manage-custom-fields-modal__form .form-input:focus,.manage-custom-fields-modal__form .form-textarea:focus{border-color:#ed2047;outline:none}.custom-field-option-tip{color:#6b7280;margin-top:4px;font-size:12px}.manage-custom-fields-modal__required-row{align-items:center;gap:12px;display:flex}.manage-custom-fields-modal__checkbox{cursor:pointer;color:#374151;align-items:center;gap:8px;font-weight:500;display:flex}.manage-custom-fields-modal__checkbox input{width:18px;height:18px}.manage-custom-fields-modal__order{max-width:120px;margin-left:auto}.manage-custom-fields-modal__form .form-actions{gap:10px;margin-top:8px;display:flex}.manage-custom-fields-modal__form .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-weight:500}.manage-custom-fields-modal__form .btn-primary{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225)}.manage-custom-fields-modal__form .btn-secondary{color:#374151;background:#f3f4f6}.custom-fields-empty{color:#6b7280;text-align:center;background:#0f172a0a;border-radius:10px;padding:14px 16px;font-size:13px}.custom-field-management-list{flex-direction:column;gap:12px;display:flex}.custom-field-management-entry{flex-direction:column;gap:0;display:flex}.custom-field-management-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.custom-field-management-item.is-editing{outline-offset:-1px;border-color:#ed2047;outline:2px solid #ed2047}.custom-field-management-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.custom-field-management-main{flex:1;min-width:0}.custom-field-management-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.custom-field-management-name{color:#1f2937;font-weight:600}.custom-field-management-detail{color:#6b7280;font-size:12px}.custom-field-pill{color:#4b5563;text-transform:uppercase;letter-spacing:.04em;background:#0f172a14;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.custom-field-pill.is-required{color:#ed2047;background:#ed204726}.custom-field-management-actions{flex-shrink:0;gap:8px;display:flex}.manage-custom-fields-modal__icon-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:6px;padding:8px 12px}.manage-custom-fields-modal__icon-btn:hover:not(:disabled){color:#ed2047;background:#e5e7eb}.manage-custom-fields-modal__icon-btn.is-danger:hover:not(:disabled){color:#dc2626}.manage-custom-fields-modal__icon-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .manage-custom-fields-modal{background:#000000a6}[data-theme=dark] .manage-custom-fields-modal__panel{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 24px 60px #00000080}[data-theme=dark] .manage-custom-fields-modal__title{color:var(--app-text)}[data-theme=dark] .manage-custom-fields-modal__close{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .manage-custom-fields-modal__close:hover{background:var(--app-border);color:var(--app-text)}[data-theme=dark] .manage-custom-fields-modal__error{color:#f87171;background:#dc262624}[data-theme=dark] .manage-custom-fields-modal__toolbar .btn-secondary{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .manage-custom-fields-modal__toolbar .btn-secondary:hover:not(:disabled){background:var(--app-border)}[data-theme=dark] .manage-custom-fields-modal__form{background:var(--app-surface-muted);border:1px solid var(--app-border)}[data-theme=dark] .manage-custom-fields-modal__form-heading,[data-theme=dark] .manage-custom-fields-modal__form .form-label,[data-theme=dark] .manage-custom-fields-modal__checkbox{color:var(--app-text)}[data-theme=dark] .manage-custom-fields-modal__form .form-input,[data-theme=dark] .manage-custom-fields-modal__form .form-textarea{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .manage-custom-fields-modal__form .form-input:focus,[data-theme=dark] .manage-custom-fields-modal__form .form-textarea:focus{border-color:#ed2047;box-shadow:0 0 0 3px #ed204733}[data-theme=dark] .custom-field-option-tip{color:var(--app-text-muted)}[data-theme=dark] .manage-custom-fields-modal__form .btn-secondary{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .manage-custom-fields-modal__form .btn-secondary:hover:not(:disabled){background:var(--app-border)}[data-theme=dark] .custom-fields-empty{color:var(--app-text-muted);background:var(--app-surface-muted);border:1px solid var(--app-border)}[data-theme=dark] .custom-field-management-item{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .custom-field-management-item.is-editing{background:#ed20471a;border-color:#ed2047}[data-theme=dark] .custom-field-management-name{color:var(--app-text)}[data-theme=dark] .custom-field-management-detail{color:var(--app-text-muted)}[data-theme=dark] .custom-field-pill{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .custom-field-pill.is-required{color:#f87171;background:#ed20472e}[data-theme=dark] .manage-custom-fields-modal__icon-btn{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .manage-custom-fields-modal__icon-btn:hover:not(:disabled){background:var(--app-border);color:#ed2047}[data-theme=dark] .manage-custom-fields-modal__icon-btn.is-danger:hover:not(:disabled){color:#f87171}@media (width<=768px){.manage-custom-fields-modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:center}.manage-custom-fields-modal__panel{width:100%;max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));border-radius:12px;padding:16px}.manage-custom-fields-modal__toolbar{flex-wrap:wrap}.custom-field-management-entry{flex-wrap:wrap;gap:8px}}.activity-logs-modal{z-index:12000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.activity-logs-modal__dialog{background:radial-gradient(circle at 0 0,#f9fafb 0,#fff 45%,#eef2ff 100%);border-radius:16px;flex-direction:column;width:min(960px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 18px 45px #0f172a59}.activity-logs-modal__header{border-bottom:1px solid #94a3b840;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.activity-logs-modal__title-wrap{align-items:center;gap:10px;display:flex}.activity-logs-modal__title-icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 0 0 4px #3b82f626}.activity-logs-modal__title{color:var(--app-text,#111827);margin:0;font-size:1.25rem;font-weight:700}.activity-logs-modal__close{color:var(--app-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:8px;width:36px;height:36px}.activity-logs-modal__close:hover{background:#94a3b829}.activity-logs-modal__body{flex-direction:column;min-height:0;padding:20px 24px 22px;display:flex;overflow:hidden}.activity-logs-modal__intro{color:var(--app-text-muted,#6b7280);margin:0 0 12px;font-size:13px}.activity-logs-modal__filters{flex-wrap:wrap;align-items:stretch;gap:10px;margin-bottom:18px;display:flex}.activity-logs-modal__search{background:#fff;border:1px solid #94a3b899;border-radius:10px;flex:1.6;align-items:center;gap:8px;min-width:260px;padding:6px 10px 6px 12px;display:flex;box-shadow:0 4px 12px #0f172a0f}.activity-logs-modal__search input{box-shadow:none;width:100%;color:var(--app-text,#111827);background:0 0;border:none;padding:6px 4px;font-size:13px}.activity-logs-modal__date-field{flex-direction:column;flex:1;gap:4px;min-width:220px;display:flex}.activity-logs-modal__date-field span{color:var(--app-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.activity-logs-modal__date-field input{color:var(--app-text,#111827);background:#fff;border:1px solid #94a3b8b3;border-radius:9px;padding:8px 10px;font-size:13px}.activity-logs-modal__list{background:radial-gradient(circle at top,#eff6ffcc,#f8fafcf2);border-radius:14px;max-height:60vh;padding:4px 2px 4px 0;overflow-y:auto}.activity-logs-modal__item{background:#fffffffa;border:1px solid #94a3b873;border-radius:12px;margin:6px 10px 10px 16px;padding:14px 16px;transition:background .18s,box-shadow .18s,transform .12s;box-shadow:0 10px 25px #0f172a0f}.activity-logs-modal__item:hover{background:#eff6fff2;transform:translateY(-1px);box-shadow:0 16px 35px #2563eb2e}.activity-logs-modal__item-layout{align-items:flex-start;gap:14px;display:flex}.activity-logs-modal__item-icon{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.activity-logs-modal__item-body{flex:1;min-width:0}.activity-logs-modal__item-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.activity-logs-modal__item-title-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.activity-logs-modal__item-user{color:var(--app-text,#111827);font-weight:600}.activity-logs-modal__item-action{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px}.activity-logs-modal__item-resource{color:var(--app-text-muted,#9ca3af);font-size:12px}.activity-logs-modal__item-time{color:var(--app-text-muted,#9ca3af);white-space:nowrap;flex-shrink:0;font-size:12px}.activity-logs-modal__item-details{color:var(--app-text,#374151);margin:0 0 4px;font-size:13px;line-height:1.5}.activity-logs-modal__item-meta{color:var(--app-text-muted,#4b5563);background:#f8fafcf2;border:1px dashed #94a3b8b3;border-radius:8px;margin-top:6px;padding:7px 9px;font-size:12px}.activity-logs-modal__loading,.activity-logs-modal__error,.activity-logs-modal__empty{text-align:center;color:var(--app-text-muted,#6b7280);padding:24px 20px}.activity-logs-modal__error{color:#ef4444}.activity-logs-modal__empty i{opacity:.5;margin-bottom:10px;font-size:48px}.activity-logs-modal__load-more{text-align:center;margin-top:20px}.activity-logs-modal__loading--inline{padding-top:12px}[data-theme=dark] .activity-logs-modal__dialog{background:linear-gradient(165deg,#1f2937 0%,#111827 55%,#0f172a 100%)}[data-theme=dark] .activity-logs-modal__title,[data-theme=dark] .activity-logs-modal__item-user,[data-theme=dark] .activity-logs-modal__item-details{color:var(--app-text)}[data-theme=dark] .activity-logs-modal__search,[data-theme=dark] .activity-logs-modal__date-field input,[data-theme=dark] .activity-logs-modal__item{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .activity-logs-modal__list{background:#0f172a8c}[data-theme=dark] .activity-logs-modal__item-meta{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text-muted)}.sheet-comments-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sheet-comments-modal-overlay.fullscreen{padding:0}.sheet-comments-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(1400px,100%);height:min(90vh,900px);display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.sheet-comments-modal-overlay.fullscreen .sheet-comments-modal{border-radius:0;width:100%;height:100%}.sheet-comments-header{border-bottom:1px solid var(--gray-200,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}[data-theme=dark] .sheet-comments-header{background:var(--app-surface);border-bottom-color:var(--app-border)}.sheet-comments-breadcrumb{color:var(--gray-800,#1f2937);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.sheet-comments-header-actions{gap:8px;display:flex}.sheet-comments-icon-btn{width:36px;height:36px;color:var(--gray-600,#4b5563);cursor:pointer;background:0 0;border:none;border-radius:8px}.sheet-comments-icon-btn:hover{background:var(--gray-100,#f3f4f6)}.sheet-comments-mobile-tabs{border-bottom:1px solid var(--gray-200,#e5e7eb);display:none}.sheet-comments-mobile-tab{color:var(--gray-500,#6b7280);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-weight:600}.sheet-comments-mobile-tab.active{color:var(--primary,#ed2047);box-shadow:inset 0 -2px 0 var(--primary,#ed2047)}.sheet-comments-body{flex:1;min-height:0;display:flex}.sheet-comments-left,.sheet-comments-right{min-height:0}.sheet-comments-left{border-right:1px solid var(--gray-200,#e5e7eb);background:#fff;flex:1.2}.sheet-comments-iframe{border:none;width:100%;height:100%;display:block}.sheet-comments-right{background:var(--gray-50,#f9fafb);flex-direction:column;flex:.8;min-width:320px;max-width:480px;min-height:0;display:flex}.sheet-comments-right.task-detail-modal__right{border-left:none;padding:12px 16px 0}.sheet-comments-panel-header{flex-shrink:0;padding:14px 16px 8px}.sheet-comments-panel-header h3{margin:0;font-size:16px;font-weight:600}.sheet-comments-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin:0 16px 8px;padding:10px 12px;font-size:13px}.sheet-comments-list{flex:1;min-height:0;padding:8px 16px;overflow-y:auto}.sheet-comments-loading{height:100%;color:var(--gray-500,#6b7280);justify-content:center;align-items:center;gap:10px;display:flex}.sheet-comments-loading.inline{height:auto;padding:24px 0}.sheet-comments-empty{text-align:center;color:var(--gray-500,#6b7280);padding:32px 16px;font-size:14px}.sheet-comments-date-separator{text-align:center;color:var(--gray-500,#6b7280);margin:12px 0;font-size:12px;font-weight:600}.sheet-comment-item{border-radius:8px;gap:10px;margin-bottom:14px;padding:4px;transition:background .3s;display:flex}.sheet-comment-item.highlighted{background:#ed204714}.sheet-comment-item.deleted .sheet-comment-content{color:var(--gray-500,#6b7280);font-style:italic}.sheet-comment-avatar{background:var(--gray-200,#e5e7eb);width:32px;height:32px;color:var(--gray-700,#374151);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.sheet-comment-body{flex:1;min-width:0}.sheet-comment-meta{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.sheet-comment-author{font-size:13px;font-weight:600}.sheet-comment-time{color:var(--gray-500,#6b7280);font-size:11px}.sheet-comment-reply-context{border-left:3px solid var(--gray-300,#d1d5db);background:#00000008;border-radius:4px;margin-bottom:6px;padding:6px 8px;font-size:12px}.sheet-comment-reply-author{font-weight:600;display:block}.sheet-comment-reply-snippet{color:var(--gray-600,#4b5563);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sheet-comment-content{word-break:break-word;font-size:14px;line-height:1.45}.sheet-comment-attachments{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.sheet-comment-attachment{border:1px solid var(--gray-200,#e5e7eb);color:var(--gray-700,#374151);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;text-decoration:none;display:inline-flex}.sheet-comment-reactions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.sheet-comment-reaction{border:1px solid var(--gray-200,#e5e7eb);background:#fff;border-radius:999px;padding:2px 8px;font-size:12px}.sheet-comment-actions{gap:10px;margin-top:6px;display:flex}.sheet-comment-actions button{color:var(--gray-500,#6b7280);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.sheet-comment-actions button:hover{color:var(--primary,#ed2047)}.sheet-comment-activity{color:var(--gray-600,#4b5563);align-items:flex-start;gap:8px;margin:8px 0;font-size:12px;display:flex}.sheet-comment-activity-time{color:var(--gray-400,#9ca3af);flex-shrink:0;min-width:52px}.sheet-comment-form{border-top:1px solid var(--gray-200,#e5e7eb);background:#fff;flex-shrink:0;padding:12px 16px 16px}.sheet-comment-composer-context{background:var(--gray-100,#f3f4f6);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.sheet-comment-composer-context button{cursor:pointer;color:var(--gray-500,#6b7280);background:0 0;border:none}.sheet-comment-input-row{align-items:flex-end;gap:8px;display:flex}.sheet-comment-attach-btn,.sheet-comment-send-btn{background:var(--gray-100,#f3f4f6);width:36px;height:36px;color:var(--gray-600,#4b5563);cursor:pointer;border:none;border-radius:8px;flex-shrink:0}.sheet-comment-send-btn{background:var(--primary,#ed2047);color:#fff}.sheet-comment-send-btn:disabled,.sheet-comment-attach-btn:disabled{opacity:.5;cursor:not-allowed}.sheet-comment-textarea{resize:none;border:1px solid var(--gray-200,#e5e7eb);font:inherit;border-radius:10px;flex:1;min-height:44px;padding:10px 12px}.sheet-comment-pending-files{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.sheet-comment-pending-file{background:var(--gray-100,#f3f4f6);border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.sheet-comment-pending-file button{cursor:pointer;color:var(--gray-500,#6b7280);background:0 0;border:none}@media (width<=900px){.sheet-comments-mobile-tabs{display:flex}.sheet-comments-body{flex-direction:column}.sheet-comments-left,.sheet-comments-right{border-right:none;flex:1;max-width:none;display:none}.sheet-comments-left.mobile-active,.sheet-comments-right.mobile-active{flex-direction:column;display:flex}.sheet-comments-right{border-top:1px solid var(--gray-200,#e5e7eb)}}@media (width<=768px){.sheet-comments-modal-overlay:not(.fullscreen){align-items:stretch;padding:0}.sheet-comments-modal-overlay:not(.fullscreen) .sheet-comments-modal{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.sheet-comments-header{padding:12px 16px 10px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.sheet-comments-mobile-tabs{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.sheet-comments-body{--swipe:0px;min-height:0;padding:0;padding-bottom:env(safe-area-inset-bottom,0);gap:0;position:relative;overflow:hidden}.sheet-comments-body .sheet-comments-left,.sheet-comments-body .sheet-comments-right{-webkit-overflow-scrolling:touch;will-change:transform;box-sizing:border-box;border-top:none;flex-direction:column;width:100%;min-width:0;max-width:none;height:100%;min-height:0;padding:0;transition:transform .35s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0;overflow-y:auto;display:flex!important}.sheet-comments-body.swiping .sheet-comments-left,.sheet-comments-body.swiping .sheet-comments-right{transition:none}.sheet-comments-body.mobile-tab-detail .sheet-comments-left{transform:translateX(var(--swipe,0px));visibility:visible;opacity:1;pointer-events:auto;z-index:1}.sheet-comments-body.mobile-tab-detail .sheet-comments-right{transform:translateX(calc(100% + var(--swipe,0px)));visibility:visible;pointer-events:none;z-index:0}.sheet-comments-body.mobile-tab-comment .sheet-comments-left{transform:translateX(calc(-100% + var(--swipe,0px)));visibility:visible;pointer-events:none;z-index:0}.sheet-comments-body.mobile-tab-comment .sheet-comments-right{transform:translateX(var(--swipe,0px));visibility:visible;opacity:1;pointer-events:auto;z-index:1}}.tools-page{box-sizing:border-box;width:100%;margin:0 auto;padding:40px}.tools-header-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.tools-page-title{color:#333;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;align-items:center;gap:15px;margin:0;font-size:28px;font-weight:600;display:flex}.tools-search-section{flex:0 320px;align-items:center;min-width:min(100%,280px);display:flex}.tools-empty-state{text-align:center;color:var(--app-text-muted,#6b7280);grid-column:1/-1;padding:48px 24px}.tools-empty-state i{color:var(--app-text-muted,#9ca3af);margin-bottom:12px;font-size:28px;display:block}.tools-empty-state p{margin:0;font-size:15px}.tools-container{width:100%}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(320px,380px));justify-content:center;gap:2rem;display:grid}.tool-card{background:var(--app-surface);box-shadow:0 10px 15px -3px var(--app-shadow);border:1px solid var(--app-border);border-radius:16px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.tool-card:before{content:"";background:linear-gradient(90deg,#ed2047,#f26225);height:4px;position:absolute;top:0;left:0;right:0}.tool-card:hover{box-shadow:0 20px 25px -5px var(--app-shadow);transform:translateY(-8px)}.tool-image{background:linear-gradient(90deg,#ed2047,#f26225);justify-content:center;align-items:center;width:100%;height:200px;display:flex}.tool-image i{color:#fff;font-size:4rem}.tool-image--muted{background:var(--app-border)}.tool-image--muted i{color:var(--app-text-muted)}.tool-content{padding:1.5rem}.tool-title{color:var(--app-text);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;display:flex}.tool-title i{color:#ed2047}.tool-title--muted,.tool-description--muted{color:var(--app-text-muted)}.tool-description{color:var(--app-text-muted);margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.tool-features{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.feature-tag{background:var(--app-surface-muted);color:var(--app-text);border:1px solid var(--app-border);border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.feature-tag--muted{color:var(--app-text-muted)}.use-now-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.use-now-btn:hover{box-shadow:0 10px 15px -3px var(--app-shadow);transform:translateY(-2px)}.use-now-btn--disabled{background:var(--app-text-muted);cursor:not-allowed;transform:none}.tool-card--coming-soon{opacity:.6;pointer-events:none}.tools-page .fade-in{animation:.6s ease-out toolsFadeIn}.tools-page .slide-in{animation:.6s ease-out toolsSlideIn}@keyframes toolsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toolsSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.tools-page{padding:12px}.tools-grid{grid-template-columns:1fr;gap:1rem}.tools-header-section{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px;padding:10px 12px}.tools-page-title{letter-spacing:-.3px;gap:8px;font-size:20px;line-height:1.2}.tools-search-section{flex:auto;width:100%;min-width:0}}.transcription-options-overlay{z-index:30050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.2s transcription-options-fade;display:flex;position:fixed;inset:0}.transcription-options-content{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:min(92vh,720px);animation:.28s transcription-options-rise;display:flex;overflow:hidden;box-shadow:0 24px 48px #0f172a38}.transcription-options-header{background:linear-gradient(135deg,#ed20470a,#f262250a);border-bottom:1px solid #ed20471f;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.transcription-options-title{letter-spacing:-.02em;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.35rem;font-weight:700}.transcription-options-subtitle{color:var(--app-text-muted,#6b7280);margin:.35rem 0 0;font-size:.875rem;line-height:1.4}.transcription-options-close{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);cursor:pointer;color:var(--app-text-muted,#6b7280);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.85rem;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.transcription-options-close:hover{color:#ed2047;background:#ed20470f;border-color:#ed204759}.transcription-options-body{flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1.15rem 1.5rem .5rem;display:flex;overflow-y:auto}.transcription-options-section{background:var(--app-surface-muted,#f9fafb);border:1px solid var(--app-border,#e5e7eb);border-radius:14px;flex-direction:column;gap:.65rem;padding:1rem;display:flex}.transcription-options-section-label{letter-spacing:.06em;text-transform:uppercase;color:#ed2047;margin-bottom:.15rem;font-size:.7rem;font-weight:700}.transcription-options-row{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem .95rem;display:flex}.transcription-options-row--stack{flex-direction:column;align-items:stretch}.transcription-options-row-text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.transcription-options-label,.transcription-options-field-label{color:var(--app-text,#111827);margin:0;font-size:.925rem;font-weight:600;line-height:1.35;display:block}.transcription-options-hint{color:var(--app-text-muted,#6b7280);font-size:.8rem;line-height:1.35}.transcription-options-disabled-note{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b47;border-radius:8px;margin:0;padding:.55rem .75rem;font-size:.8rem}.transcription-options-toggle,.transcription-options-segment{border:1px solid var(--app-border,#e5e7eb);background:var(--app-surface-muted,#f3f4f6);border-radius:10px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex;overflow:hidden}.transcription-options-toggle-btn,.transcription-options-segment-btn{color:var(--app-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}.transcription-options-toggle-btn.active,.transcription-options-segment-btn.active{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);box-shadow:0 4px 10px #ed204740}.transcription-options-segment-btn:disabled,.transcription-options-toggle-btn:disabled{cursor:not-allowed;opacity:.55}.transcription-options-caption.disabled{opacity:.72}.transcription-options-caption.disabled .transcription-options-row{pointer-events:none}.transcription-options-slider-row{align-items:center;gap:.85rem;width:100%;display:flex}.transcription-options-slider{accent-color:#ed2047;cursor:pointer;flex:1;height:6px}.transcription-options-slider-value{border:1px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);width:4rem;color:var(--app-text,#111);text-align:center;border-radius:8px;padding:.5rem .55rem;font-size:.875rem;font-weight:600}.transcription-options-slider-value:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.transcription-options-footer{border-top:1px solid var(--app-border,#e5e7eb);background:var(--app-surface,#fff);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.65rem;padding:1rem 1.5rem 1.25rem;display:flex}.transcription-options-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1.15rem;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.transcription-options-btn-cancel{background:var(--app-surface,#fff);color:var(--app-text,#374151);border:1px solid var(--app-border,#e5e7eb)}.transcription-options-btn-cancel:hover{color:#ed2047;border-color:#ed204759}.transcription-options-btn-start{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);box-shadow:0 8px 18px #ed204747}.transcription-options-btn-start:hover{transform:translateY(-1px);box-shadow:0 10px 22px #ed204757}@keyframes transcription-options-fade{0%{opacity:0}to{opacity:1}}@keyframes transcription-options-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=560px){.transcription-options-overlay{justify-content:center;align-items:center;padding:12px}.transcription-options-content{border-radius:16px;max-height:92vh;margin:0 auto}.transcription-options-header,.transcription-options-body,.transcription-options-footer{padding-left:1rem;padding-right:1rem}.transcription-options-row{flex-direction:column;align-items:stretch}.transcription-options-toggle,.transcription-options-segment{width:100%}.transcription-options-toggle-btn,.transcription-options-segment-btn{flex:1}.transcription-options-footer{flex-direction:column-reverse}.transcription-options-btn{width:100%}}.audio-enhance-topbar,.transcribe-topbar{justify-content:flex-start;margin:1.25rem;display:flex}.audio-enhance-back-link,.transcribe-back-link{color:#ed2047;background:#ed204714;border:1px solid #ed204738;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.audio-enhance-back-link:hover,.transcribe-back-link:hover{background:#ed204724;text-decoration:none;transform:translate(-2px);box-shadow:0 4px 12px #ed204726}.audio-enhance-back-link i,.transcribe-back-link i{font-size:.8rem}.transcribe-page{box-sizing:border-box;width:100%;margin:0 auto;padding:40px}.transcribe-header-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.transcribe-page-title{color:#333;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:600}.transcribe-header-section .transcribe-back-link{flex-shrink:0;margin:0}.transcribe-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:start;gap:1.5rem;display:grid}.transcribe-main-card,.transcribe-plugin-card{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 8px 24px var(--app-shadow);border-radius:16px;padding:1.75rem}.transcribe-main-card{position:relative;overflow:hidden}.transcribe-main-card:before{content:"";background:linear-gradient(90deg,#ed2047,#f26225);height:3px;position:absolute;top:0;left:0;right:0}.transcribe-section-label{color:var(--app-text);align-items:center;gap:.65rem;margin-bottom:.35rem;font-size:.95rem;font-weight:600;display:flex}.transcribe-step{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:inline-flex}.transcribe-limit-warning{color:var(--app-text);background:#ef44441a;border:1px solid #ef444459;border-radius:12px;gap:12px;margin-bottom:1.25rem;padding:16px;display:flex}.transcribe-limit-warning i{color:#dc2626;margin-top:2px;font-size:20px}.transcribe-limit-title{color:#dc2626;margin-bottom:4px;font-weight:600}.transcribe-limit-text,.transcribe-limit-meta{color:var(--app-text-muted);font-size:14px}.transcribe-form{flex-direction:column;gap:1rem;display:flex}.transcribe-upload{text-align:center;cursor:pointer;background:radial-gradient(circle at top, #f262250f, transparent 55%), var(--app-surface-muted);border:2px dashed #ed204747;border-radius:14px;min-height:220px;padding:2rem 1.25rem;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;display:block}.transcribe-upload.hover,.transcribe-upload:hover{background:radial-gradient(circle at top,#ed20471a,#0000 55%),#ed20470a;border-color:#ed2047;transform:translateY(-2px);box-shadow:0 10px 24px #ed20471a}.transcribe-upload.has-file{border-style:solid;border-color:#ed204759}.transcribe-hidden-input{display:none}.transcribe-upload-icon{color:#ed2047;background:linear-gradient(135deg,#ed20471f,#f262251f);border-radius:50%;justify-content:center;align-items:center;width:4.25rem;height:4.25rem;margin:0 auto 1rem;font-size:1.75rem;animation:3.2s ease-in-out infinite transcribe-float;display:flex}.transcribe-upload-content p{color:var(--app-text);margin:0 0 .4rem;font-size:1.1rem;font-weight:600}.transcribe-upload-content span{color:var(--app-text-muted);font-size:.875rem}.transcribe-format-chips{flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:1rem;display:flex}.transcribe-format-chips span{color:#ed2047;background:#ed204714;border:1px solid #ed204729;border-radius:999px;align-items:center;padding:.3rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.transcribe-preview{flex-direction:column;align-items:center;gap:.65rem;width:100%;display:flex}.transcribe-preview-icon{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.1rem;display:flex}.transcribe-file-name{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-weight:600;overflow:hidden}.transcribe-file-hint{color:var(--app-text-muted);margin:0;font-size:.8rem}.transcribe-media{border-radius:10px;width:100%;max-height:240px;margin-top:.35rem}.transcribe-language{background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:12px;padding:1rem 1.15rem}.transcribe-language-hint{color:var(--app-text-muted);align-items:flex-start;gap:.4rem;margin:0 0 .85rem;font-size:.8125rem;line-height:1.4;display:flex}.transcribe-language-hint i{color:#f26225;margin-top:.15rem}.transcribe-language .app-select-wrap{flex-direction:column;align-items:stretch;gap:0;width:100%}.transcribe-language .app-select-container{width:100%;min-width:0}.transcribe-language .app-select-trigger{min-height:44px;font-size:15px}.transcribe-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;width:100%;margin-top:.25rem;padding:.95rem 1.25rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 8px 20px #ed204740}.transcribe-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #ed204752}.transcribe-submit:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.transcribe-plugin-card{flex-direction:column;gap:1rem;display:flex}.transcribe-plugin-title{align-items:flex-start;gap:.85rem;display:flex}.transcribe-plugin-title>i{color:#ed2047;background:linear-gradient(135deg,#ed20471f,#f262251f);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.transcribe-plugin-title strong{color:var(--app-text);margin-bottom:.25rem;font-size:1rem;display:block}.transcribe-plugin-title p{color:var(--app-text-muted);margin:0;font-size:.875rem;line-height:1.45}.transcribe-plugin-actions{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.transcribe-plugin-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem .85rem;font-size:.875rem;font-weight:600;transition:transform .2s,opacity .2s;display:inline-flex}.transcribe-plugin-btn:hover{transform:translateY(-1px)}.transcribe-plugin-btn--windows{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.transcribe-plugin-btn--mac{background:linear-gradient(135deg,#1f2937,#374151)}.transcribe-plugin-help{border:1px solid var(--app-border);background:var(--app-surface-muted);border-radius:10px;overflow:hidden}.transcribe-plugin-help summary{cursor:pointer;color:var(--app-text);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;font-size:.875rem;font-weight:600;list-style:none;display:flex}.transcribe-plugin-help summary::-webkit-details-marker{display:none}.transcribe-plugin-help summary:after{content:"+";color:#ed2047;flex-shrink:0;font-weight:700;line-height:1}.transcribe-plugin-help[open] summary:after{content:"−"}.transcribe-plugin-help-body{flex-direction:column;gap:.65rem;padding:0 .9rem .9rem;display:flex}.transcribe-plugin-help-body p{color:var(--app-text-muted);margin:0;font-size:.8rem;line-height:1.5}.transcribe-plugin-help-body code{color:#ed2047;background:#ed204714;border-radius:4px;padding:.1rem .3rem;font-size:.75rem}.transcribe-progress-wrap{margin-top:1.5rem}.transcribe-progress-bar{background:var(--app-surface-muted);border-radius:999px;height:8px;overflow:hidden}.transcribe-progress-fill{background:linear-gradient(90deg,#ed2047,#f26225);height:100%;transition:width .4s ease-out}.transcribe-status-info{background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:12px;margin-top:1rem;padding:1rem 1.15rem}.transcribe-status-row{color:var(--app-text-muted);justify-content:space-between;gap:1rem;margin-bottom:.65rem;font-size:.875rem;display:flex}.transcribe-status-value{color:var(--app-text);text-transform:capitalize;font-weight:600}.transcribe-time-remaining{color:#f26225;text-align:center;margin-top:.75rem;font-size:.95rem;font-weight:600}.transcribe-status{border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.transcribe-status--success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.transcribe-status--error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.transcribe-status--loading,.transcribe-status--info{color:var(--app-text-muted);background:var(--app-surface-muted);border:1px solid var(--app-border)}.transcribe-spinner{border:2px solid var(--app-border);border-top-color:#ed2047;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite transcribe-spin}.transcribe-download{text-align:center;margin-top:1.25rem}.transcribe-download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-weight:600;transition:transform .2s;display:inline-flex;box-shadow:0 8px 18px #ed204740}.transcribe-download-btn:hover{transform:translateY(-1px)}.transcribe-plugin-card.fade-in{animation-delay:80ms}@keyframes transcribe-spin{to{transform:rotate(360deg)}}@keyframes transcribe-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes transcribe-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.transcribe-layout{grid-template-columns:1fr}}@media (width<=768px){.transcribe-page{padding:20px}.transcribe-header-section{flex-direction:column;align-items:flex-start;padding:16px}.transcribe-page-title{font-size:22px}.transcribe-main-card,.transcribe-plugin-card{padding:1.25rem}.transcribe-plugin-actions{grid-template-columns:1fr}}.audio-enhance-page{box-sizing:border-box;width:100%;margin:0 auto;padding:40px}.audio-enhance-header-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.audio-enhance-page-title{color:#333;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:600}.audio-enhance-header-section .audio-enhance-back-link{flex-shrink:0;margin:0}.audio-enhance-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:start;gap:1.5rem;display:grid}.audio-enhance-main-card,.audio-enhance-side-card{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 8px 24px var(--app-shadow);border-radius:16px;padding:1.75rem}.audio-enhance-main-card{position:relative;overflow:hidden}.audio-enhance-main-card:before{content:"";background:linear-gradient(90deg,#ed2047,#f26225);height:3px;position:absolute;top:0;left:0;right:0}.audio-enhance-hero{align-items:flex-start;gap:1rem;margin-bottom:1.15rem;display:flex}.audio-enhance-hero-icon{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;font-size:1.25rem;display:inline-flex;box-shadow:0 8px 18px #ed204747}.audio-enhance-hero h2{color:var(--app-text);margin:0 0 .35rem;font-size:1.25rem}.audio-enhance-hero p{color:var(--app-text-muted);margin:0;font-size:.95rem;line-height:1.55}.audio-enhance-feature-chips{flex-wrap:wrap;gap:.45rem;margin-bottom:1.35rem;display:flex}.audio-enhance-feature-chips span{color:#ed2047;background:#ed204714;border:1px solid #ed204729;border-radius:999px;align-items:center;padding:.3rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.audio-enhance-section-label{color:var(--app-text);align-items:center;gap:.65rem;margin-bottom:.65rem;font-size:.95rem;font-weight:600;display:flex}.audio-enhance-step{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:inline-flex}.audio-enhance-lead{color:var(--app-text-muted);margin:0 0 1.25rem;font-size:.925rem;line-height:1.6}.audio-enhance-download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1.35rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 8px 20px #ed204740}.audio-enhance-download-btn:hover:not(:disabled){color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 24px #ed204752}.audio-enhance-download-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.audio-enhance-unavailable{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b47;border-radius:10px;margin:0 0 1rem;padding:.75rem .9rem;font-size:.875rem}.audio-enhance-side-card{flex-direction:column;gap:1rem;display:flex}.audio-enhance-side-title{align-items:flex-start;gap:.85rem;display:flex}.audio-enhance-side-title>i{color:#ed2047;background:linear-gradient(135deg,#ed20471f,#f262251f);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.audio-enhance-side-title strong{color:var(--app-text);margin-bottom:.25rem;font-size:1rem;display:block}.audio-enhance-side-title p{color:var(--app-text-muted);margin:0;font-size:.875rem;line-height:1.45}.audio-enhance-steps{color:var(--app-text-muted);flex-direction:column;gap:.55rem;margin:0;padding-left:1.2rem;font-size:.875rem;line-height:1.5;display:flex}.audio-enhance-steps code,.audio-enhance-help-body code,.audio-enhance-lead code{color:#ed2047;background:#ed204714;border-radius:4px;padding:.1rem .3rem;font-size:.75rem}.audio-enhance-help{border:1px solid var(--app-border);background:var(--app-surface-muted);border-radius:10px;overflow:hidden}.audio-enhance-help summary{cursor:pointer;color:var(--app-text);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;font-size:.875rem;font-weight:600;list-style:none;display:flex}.audio-enhance-help summary::-webkit-details-marker{display:none}.audio-enhance-help summary:after{content:"+";color:#ed2047;flex-shrink:0;font-weight:700;line-height:1}.audio-enhance-help[open] summary:after{content:"−"}.audio-enhance-help-body{flex-direction:column;gap:.55rem;padding:0 .9rem .9rem;display:flex}.audio-enhance-help-body p{color:var(--app-text-muted);margin:0;font-size:.8rem;line-height:1.5}.audio-enhance-side-card.fade-in{animation-delay:80ms}@keyframes audio-enhance-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.audio-enhance-layout{grid-template-columns:1fr}}@media (width<=768px){.audio-enhance-page{padding:20px}.audio-enhance-header-section{flex-direction:column;align-items:flex-start;padding:16px}.audio-enhance-page-title{font-size:22px}.audio-enhance-main-card,.audio-enhance-side-card{padding:1.25rem}.audio-enhance-download-btn{width:100%}}.yt-search-row{flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem;display:flex}.yt-search-row input,.yt-clip-times input,.yt-admin-block input[type=file]{border:1.5px solid var(--app-border,#d1d5db);min-width:0;color:var(--app-text,#1f2937);background:var(--app-surface,#fff);box-sizing:border-box;border-radius:12px;outline:none;flex:1;padding:.875rem 1rem;font-size:.95rem}.yt-search-row input:focus,.yt-clip-times input:focus{border-color:#ed2047}.yt-search-row .audio-enhance-download-btn{flex-shrink:0}.yt-section-spacer{margin-top:1.5rem}.yt-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:.85rem;padding:.85rem 1rem;font-size:.9rem}.yt-spinner{color:var(--app-text-muted,#6b7280);margin-top:.75rem;font-size:.9rem}.yt-video-layout{grid-template-columns:220px minmax(0,1fr);gap:1rem;margin-bottom:1.15rem;display:grid}.yt-thumb-wrap img{aspect-ratio:16/9;object-fit:cover;background:#111827;border-radius:10px;width:100%}.yt-secondary-btn{color:#ed2047;cursor:pointer;background:#ed20470f;border:1.5px solid #ed204759;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.65rem;padding:.7rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.yt-secondary-btn:hover:not(:disabled){background:#ed20471f}.yt-secondary-btn:disabled{opacity:.6;cursor:not-allowed}.yt-meta h3{color:var(--app-text,#1f2937);margin:0 0 .5rem;font-size:1.05rem;line-height:1.4}.yt-meta div{color:var(--app-text-muted,#4b5563);margin-bottom:.25rem;font-size:.9rem}.yt-quality-grid{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.yt-quality-chip{border:1.5px solid var(--app-border,#d1d5db);background:var(--app-surface-2,#f9fafb);color:var(--app-text,#1f2937);cursor:pointer;border-radius:999px;padding:.55rem .9rem;font-size:.85rem;font-weight:600}.yt-quality-chip.selected{color:#ed2047;background:#ed204714;border-color:#ed2047}.yt-badge{color:#f26225;margin-left:.35rem;font-size:.7rem;font-weight:700}.yt-clip-toggle{color:var(--app-text,#1f2937);align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.95rem;font-weight:600;display:inline-flex}.yt-clip-hint{color:var(--app-text-muted,#6b7280);margin:0 0 .75rem;font-size:.9rem}.yt-clip-rail{height:34px;margin-bottom:.75rem;position:relative}.yt-clip-rail:before{content:"";background:var(--app-border,#e5e7eb);border-radius:999px;height:4px;position:absolute;top:15px;left:0;right:0}.yt-clip-rail input[type=range]{pointer-events:none;appearance:none;background:0 0;width:100%;height:34px;position:absolute;left:0}.yt-clip-rail input[type=range]::-webkit-slider-thumb{pointer-events:auto;appearance:none;cursor:pointer;background:#ed2047;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000040}.yt-clip-rail input[type=range]::-moz-range-thumb{pointer-events:auto;cursor:pointer;background:#ed2047;border:2px solid #fff;border-radius:50%;width:18px;height:18px}.yt-clip-selected{z-index:1;background:linear-gradient(90deg,#ed2047,#f26225);border-radius:999px;height:4px;position:absolute;top:15px}.yt-clip-times{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.yt-clip-times input{flex:none;width:110px}.yt-clip-times input.clip-time-invalid{background:#fef2f2;border-color:#ef4444}.yt-clip-pill{text-align:center;color:var(--app-text-muted,#6b7280);flex:1;min-width:120px;font-size:.9rem}.yt-download-btn{width:100%}.yt-progress-wrap{margin-top:1rem}.yt-progress-meta{color:var(--app-text-muted,#6b7280);justify-content:space-between;margin-bottom:.4rem;font-size:.85rem;display:flex}.yt-progress-bar{background:var(--app-border,#e5e7eb);border-radius:999px;height:8px;overflow:hidden}.yt-progress-bar>div{background:linear-gradient(90deg,#ed2047,#f26225);height:100%;transition:width .25s}.yt-side-download{box-sizing:border-box;text-align:center;width:100%}.yt-admin-block{border-top:1px solid var(--app-border,#e5e7eb);margin-top:.5rem;padding-top:1rem}.yt-cookie-status{color:var(--app-text-muted,#4b5563);margin:0 0 .75rem;font-size:.875rem;line-height:1.45}.yt-admin-block input[type=file]{border-style:dashed;width:100%;margin-bottom:.75rem;display:block}.yt-cookie-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin-top:.75rem;padding:.85rem 1rem;font-size:.875rem}@media (width<=640px){.yt-search-row{flex-direction:column}.yt-search-row .audio-enhance-download-btn{width:100%}.yt-video-layout{grid-template-columns:1fr}.yt-clip-times input{width:100%}}.music-library-page{box-sizing:border-box;width:100%;margin:0 auto;padding:40px}.music-library-header{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px;display:flex}.music-library-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:600}.music-library-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.music-library-list-card{background:#fff;border:1px solid #0f172a14;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0f172a0a}.music-library-list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.music-library-list-toolbar h2{color:#1f2937;align-items:center;gap:10px;margin:0 0 6px;font-size:18px;display:flex}.music-library-list-toolbar h2 i{color:#ed2047}.music-library-help{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.music-library-filters{flex-wrap:wrap;gap:10px;display:flex}.music-library-filters input,.music-library-filters select,.music-library-draft-fields input,.music-library-draft-fields select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px}.music-library-filters input{min-width:200px}.music-library-primary-btn,.music-library-secondary-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;display:inline-flex}.music-library-primary-btn{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225)}.music-library-secondary-btn{color:#374151;background:#f3f4f6}.music-library-primary-btn:disabled,.music-library-secondary-btn:disabled,.music-library-icon-btn:disabled{opacity:.65;cursor:not-allowed}.music-library-empty{text-align:center;color:#6b7280;padding:48px 16px}.music-library-empty--compact{padding:24px 12px}.music-library-empty i{color:#9ca3af;margin-bottom:12px;font-size:28px;display:block}.music-library-table-wrap,.music-library-history-table-wrap{overflow-x:auto}.music-library-table,.music-library-history-table{border-collapse:collapse;width:100%;font-size:14px}.music-library-table th,.music-library-table td,.music-library-history-table th,.music-library-history-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:14px 12px}.music-library-table th,.music-library-history-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.music-library-table tbody tr:hover{background:#ed204708}.music-library-col-play{width:64px}.music-library-col-actions{width:140px}.music-library-name-cell{flex-direction:column;gap:4px;min-width:220px;display:flex}.music-library-name-cell strong{color:#111827;font-size:15px}.music-library-name-cell small{color:#9ca3af;font-size:12px}.music-library-seek{max-width:320px;margin-top:4px}.music-library-seek input[type=range]{accent-color:#ed2047;cursor:pointer;width:100%}.music-library-seek-times{color:#9ca3af;justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.music-library-type-pill{color:#c2410c;background:#f262251f;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.music-library-action-row{align-items:center;gap:8px;display:inline-flex}.music-library-icon-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.music-library-icon-btn:hover{color:#ed2047;border-color:#ed204759}.music-library-play-wrap{cursor:pointer;background:0 0;border:none;border-radius:50%;width:44px;height:44px;padding:0;position:relative}.music-library-play-wrap:disabled{opacity:.65;cursor:not-allowed}.music-library-play-ring{width:44px;height:44px;position:absolute;inset:0;transform:rotate(-90deg)}.music-library-play-ring-bg,.music-library-play-ring-fg{fill:none;stroke-width:3px}.music-library-play-ring-bg{stroke:#ed20472e}.music-library-play-ring-fg{stroke:#ed2047;stroke-linecap:round;transition:stroke-dashoffset .15s linear}.music-library-play-core{color:#ed2047;background:#ed20471f;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:inline-flex;position:absolute;inset:6px}.music-library-play-core .fa-play{margin-left:2px}.music-library-play-wrap.is-playing .music-library-play-core,.music-library-play-wrap.is-loaded.is-playing .music-library-play-core{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225)}.music-library-play-wrap.is-loaded:not(.is-playing) .music-library-play-core{background:#ed20472e}.music-library-table tbody tr.is-active-track{background:#ed20470a}.music-library-icon-btn--danger{color:#ed2047}.music-library-icon-btn--danger:hover:not(:disabled){background:#ed204714}.music-library-icon-btn--danger:disabled,.music-library-icon-btn--danger.is-locked{opacity:.35;color:#9ca3af;cursor:not-allowed;pointer-events:none}.music-library-modal-backdrop{z-index:1200;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.music-library-modal{background:#fff;border-radius:16px;width:min(760px,100%);max-height:min(88vh,900px);padding:22px;overflow:auto;box-shadow:0 24px 60px #00000047}.music-library-modal--history{flex-direction:column;width:min(820px,96vw);height:min(82vh,720px);min-height:560px;max-height:min(82vh,720px);padding:20px 22px 16px;display:flex;overflow:hidden}.music-library-modal--history .music-library-modal-header{flex-shrink:0;margin-bottom:12px}.music-library-modal--history .music-library-modal-header h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:8px;font-size:16px;line-height:1.35;display:-webkit-box;overflow:hidden}.music-library-history-filters{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;grid-template-columns:1fr;gap:10px;margin-bottom:12px;padding:12px;display:grid}.music-library-history-filters:has(.music-library-history-filter-field:nth-child(2)){grid-template-columns:1fr 1fr 1fr}.music-library-history-filter-field{color:#374151;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.music-library-history-filter-field select,.music-library-history-filter-field input[type=date]{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:9px 11px;font-size:13px;font-weight:400}.music-library-history-body{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:auto;min-height:0;overflow:hidden}.music-library-history-body .music-library-empty{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.music-library-modal--history .music-library-history-table-wrap{height:100%;overflow:auto}.music-library-modal--history .music-library-history-table{border-collapse:collapse;width:100%;font-size:13px}.music-library-modal--history .music-library-history-table thead th{z-index:1;background:#f3f4f6;position:sticky;top:0}.music-library-history-footer{color:#6b7280;flex-shrink:0;margin-top:10px;font-size:12px}[data-theme=dark] .music-library-history-filters{background:#111827;border-color:#374151}[data-theme=dark] .music-library-history-filter-field{color:#d1d5db}[data-theme=dark] .music-library-history-filter-field select,[data-theme=dark] .music-library-history-filter-field input[type=date]{color:#f3f4f6;background:#1f2937;border-color:#4b5563}[data-theme=dark] .music-library-history-body{background:#111827;border-color:#374151}[data-theme=dark] .music-library-modal--history .music-library-history-table thead th{background:#1f2937}[data-theme=dark] .music-library-history-footer{color:#9ca3af}@media (width<=640px){.music-library-modal--history{width:min(96vw,820px);height:min(86vh,720px);min-height:480px}.music-library-history-filters:has(.music-library-history-filter-field:nth-child(2)){grid-template-columns:1fr}}.music-library-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.music-library-modal-header h3{color:#111827;margin:0;font-size:18px}.music-library-upload-picker{margin:14px 0 16px}.music-library-upload-picker input[type=file]{display:none}.music-library-dropzone{text-align:center;cursor:pointer;background:#ed20470a;border:2px dashed #ed204759;border-radius:14px;flex-direction:column;align-items:center;gap:6px;margin:14px 0 16px;padding:28px 16px;transition:border-color .15s,background .15s;display:flex}.music-library-dropzone input[type=file]{display:none}.music-library-dropzone i{color:#ed2047;margin-bottom:4px;font-size:28px}.music-library-dropzone strong{color:#111827;font-size:14px}.music-library-dropzone span{color:#6b7280;font-size:12px}.music-library-dropzone.is-active{background:#ed20471a;border-color:#ed2047}.music-library-dropzone.is-disabled{opacity:.6;cursor:not-allowed}.music-library-modal--types{flex-direction:column;width:min(520px,100%);max-height:min(80vh,640px);display:flex}.music-library-type-add{flex-wrap:wrap;gap:10px;margin:12px 0 14px;display:flex}.music-library-type-add input{border:1px solid #d1d5db;border-radius:10px;flex:1;min-width:180px;padding:10px 12px;font-size:14px}.music-library-type-list-wrap{border:1px solid #e5e7eb;border-radius:12px;flex:1;min-height:180px;max-height:360px;overflow:auto}.music-library-type-list{margin:0;padding:0;list-style:none}.music-library-type-list li{color:#111827;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.music-library-type-list li:last-child{border-bottom:none}.music-library-draft-list{flex-direction:column;gap:12px;max-height:46vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.music-library-draft-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.music-library-draft-item.has-error{background:#ed20470f;border-color:#ed204773}.music-library-draft-error{color:#ed2047;margin-top:4px;font-size:12px;font-weight:600}.music-library-draft-file{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.music-library-draft-file>i{color:#ed2047;margin-top:4px}.music-library-draft-file strong{color:#111827;font-size:13px;display:block}.music-library-draft-file small{color:#6b7280}.music-library-draft-file>div{flex:1;min-width:0}.music-library-draft-fields{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.music-library-draft-fields label{color:#374151;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.music-library-draft-fields label span{color:inherit;font-weight:600}.music-library-modal-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.music-library-modal-footer-actions{gap:10px;margin-left:auto;display:flex}.music-library-upload-status{color:#6b7280;font-size:13px}.music-library-upload-progress{flex-direction:column;flex:220px;gap:6px;min-width:180px;max-width:420px;display:flex}.music-library-upload-progress-meta{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.music-library-upload-percent{color:#ed2047;flex-shrink:0;font-size:12px;font-weight:700}.music-library-upload-progress-track{background:#ed204726;border-radius:999px;height:8px;overflow:hidden}.music-library-upload-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#ed2047,#ff6b81);width:0;height:100%;transition:width .2s}.music-library-upload-progress-fill.is-compressing{background:linear-gradient(90deg,#ed2047,#f59e0b)}[data-theme=dark] .music-library-upload-progress-track{background:#ed204738}[data-theme=dark] .music-library-list-card,[data-theme=dark] .music-library-modal,[data-theme=dark] .music-library-draft-item{background:#1f2937;border-color:#374151}[data-theme=dark] .music-library-draft-item.has-error{background:#ed20471f;border-color:#ed204780}[data-theme=dark] .music-library-draft-error{color:#fda4af}[data-theme=dark] .music-library-list-toolbar h2,[data-theme=dark] .music-library-modal-header h3,[data-theme=dark] .music-library-name-cell strong,[data-theme=dark] .music-library-draft-file strong,[data-theme=dark] .music-library-table td,[data-theme=dark] .music-library-history-table td{color:#f3f4f6}[data-theme=dark] .music-library-table tbody tr.is-active-track{background:#ed20471a}[data-theme=dark] .music-library-play-ring-bg{stroke:#ed204747}[data-theme=dark] .music-library-play-core{color:#fda4af;background:#ed204738}[data-theme=dark] .music-library-seek-times,[data-theme=dark] .music-library-help,[data-theme=dark] .music-library-empty,[data-theme=dark] .music-library-upload-status,[data-theme=dark] .music-library-name-cell small,[data-theme=dark] .music-library-draft-file small{color:#9ca3af}[data-theme=dark] .music-library-dropzone{background:#ed204714;border-color:#ed204773}[data-theme=dark] .music-library-dropzone strong,[data-theme=dark] .music-library-type-list li{color:#f3f4f6}.music-library-type-usage{color:#9ca3af;font-size:12px;font-weight:500}[data-theme=dark] .music-library-type-usage{color:#9ca3af}[data-theme=dark] .music-library-type-add input{color:#f3f4f6;background:#111827;border-color:#4b5563}[data-theme=dark] .music-library-type-list-wrap,[data-theme=dark] .music-library-type-list li{border-color:#374151}[data-theme=dark] .music-library-filters input,[data-theme=dark] .music-library-filters select,[data-theme=dark] .music-library-draft-fields input,[data-theme=dark] .music-library-draft-fields select,[data-theme=dark] .music-library-icon-btn,[data-theme=dark] .music-library-secondary-btn{color:#f3f4f6;background:#111827;border-color:#4b5563}[data-theme=dark] .music-library-draft-fields label,[data-theme=dark] .music-library-draft-fields label span{color:#e5e7eb}[data-theme=dark] .music-library-draft-fields input::placeholder{color:#9ca3af}[data-theme=dark] .music-library-table th,[data-theme=dark] .music-library-table td,[data-theme=dark] .music-library-history-table th,[data-theme=dark] .music-library-history-table td{border-bottom-color:#374151}[data-theme=dark] .music-library-table tbody tr:hover{background:#ed204714}@media (width<=720px){.music-library-page{padding:20px}.music-library-draft-fields{grid-template-columns:1fr}.music-library-col-actions{width:auto}}.holiday-page-tab:not(.active):hover:has(+.holiday-page-tab.active):before{border-radius:100px;inset:5px 10px}.holiday-page-tab.active:has(+.holiday-page-tab:not(.active):hover):after{background:0 0}@media (width<=768px){.holiday-page-tabs{padding:0 14px 0 20px}.holiday-page-tab{min-width:130px;padding:12px 16px;font-size:11px}.holiday-page-tab.active{padding-bottom:14px;padding-left:18px;padding-right:18px}.holiday-page-tab.active:before,.holiday-page-tab.active:after{width:12px;height:12px}.holiday-page-tab.active:before{box-shadow:6px 0 0 0 var(--holiday-tab-curve-left);border-bottom-right-radius:12px;left:-12px}.holiday-page-tab.active:after{box-shadow:-6px 0 0 0 var(--holiday-tab-curve-right);border-bottom-left-radius:12px;right:-12px}}.performance-team-tabs.holiday-page-tabs-wrapper{scrollbar-width:none;-ms-overflow-style:none;margin-bottom:0;overflow:auto hidden}.performance-team-tabs.holiday-page-tabs-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.performance-team-tabs .holiday-page-tab:not(.active){max-width:180px}.performance-team-tabs .holiday-page-tab.active{max-width:none}@media (width<=768px){.ticket-details-fields-grid{grid-template-columns:1fr}}#bugsTable th:nth-child(2),#bugsTable td:nth-child(2),#bugsTable th:nth-child(3),#bugsTable td:nth-child(3){min-width:5.5em}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.filter-section{flex-direction:column;align-items:stretch}.filter-controls,.employee-selector{flex:auto;width:100%}}@media (width>=500px) and (width<=1100px){.header-section{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.header-section .page-title{flex:auto;min-width:0}.header-section .search-section{flex-wrap:nowrap;flex:0 auto;width:auto;max-width:46%}.header-section .search-section .app-search-input-wrap{width:100%;min-width:140px;max-width:220px}}@media (width<=499px){.header-section{flex-direction:column;align-items:stretch}}.fine-rules-form-grid .fine-rules-reset-select,.fine-rules-form-grid .fine-rules-reset-select .app-select-container{width:100%}@media (width<=768px){.raise-bugs-content{padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom,0px));padding-top:.75rem}.page-title{font-size:1.35rem}.filter-section{flex-direction:column;align-items:stretch;gap:0;margin-bottom:1rem;padding:1rem}.header-section{margin-bottom:1rem;padding:1rem}.filter-section .filter-toggle-btn{color:#333;cursor:pointer;background:linear-gradient(135deg,#ed20470a,#f262250a);border:2px solid #ed204740;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.filter-section .filter-toggle-btn:hover{background:linear-gradient(135deg,#ed204714,#f2622514);border-color:#ed2047}.filter-section .filter-toggle-btn i.fa-chevron-down{transition:transform .25s}.filter-section.filter-open .filter-toggle-btn i.fa-chevron-down{transform:rotate(180deg)}.filter-section .filter-controls{display:none}.filter-section.filter-open .filter-controls{border-top:3px solid #ed2047;border-left:none;flex-direction:column;align-items:flex-start;gap:12px;margin-top:8px;padding-top:12px;display:flex}.filter-section.filter-open .filter-controls>div{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.employee-selector{width:100%}.search-section{flex-wrap:wrap;width:100%}.search-section input{width:100%;min-width:0}.tickets-table th,.tickets-table td{padding:12px 10px;font-size:13px}.status-badge,.remark-badge{min-width:80px;padding:4px 8px;font-size:11px}}@media (width>=500px) and (width<=1100px){.tickets-admin-page .header-section,.fire-employee-page .header-section,.raise-bugs-page .header-section{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.tickets-admin-page .header-section .search-section,.fire-employee-page .header-section .search-section,.raise-bugs-page .header-section .search-section{flex:0 auto!important;width:auto!important;max-width:46%!important}.tickets-admin-page .header-section .search-section .app-search-input-wrap,.fire-employee-page .header-section .search-section .app-search-input-wrap,.raise-bugs-page .header-section .search-section .app-search-input-wrap{width:100%!important;min-width:140px!important;max-width:220px!important}}.holiday-page-tab:not(.active):hover:has(+.holiday-page-tab.active):before{border-radius:100px;inset:5px 10px}.holiday-page-tab.active:has(+.holiday-page-tab:not(.active):hover):after{background:0 0}@media (width<=768px){.holiday-page-tabs{padding:0 14px 0 20px}.holiday-page-tab{min-width:130px;padding:12px 16px;font-size:11px}.holiday-page-tab.active{padding-bottom:14px;padding-left:18px;padding-right:18px}.holiday-page-tab.active:before,.holiday-page-tab.active:after{width:12px;height:12px}.holiday-page-tab.active:before{box-shadow:6px 0 0 0 var(--holiday-tab-curve-left);border-bottom-right-radius:12px;left:-12px}.holiday-page-tab.active:after{box-shadow:-6px 0 0 0 var(--holiday-tab-curve-right);border-bottom-left-radius:12px;right:-12px}}.tickets-bugs-inner-tabs.holiday-page-tabs-wrapper{scrollbar-width:none;-ms-overflow-style:none;margin:0 0 20px;overflow:auto hidden}.tickets-bugs-inner-tabs.holiday-page-tabs-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.tickets-bugs-inner-tabs .holiday-page-tab:not(.active){max-width:200px}.tickets-bugs-inner-tabs .holiday-page-tab.active{max-width:none}.raise-bugs-page .tickets-table-scroll-wrapper{border-radius:16px;margin-top:0}@media screen and (width>=401px) and (width<=890px){.raise-bugs-page .filters-card--open .filters-card__row{flex-direction:column;align-items:stretch;gap:12px;display:flex}.raise-bugs-page .filters-card-group{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.raise-bugs-page .filters-card-group>.filters-card-field{width:100%;min-width:0}.raise-bugs-page .filters-card-group>.filters-card-field:nth-child(3){grid-column:1/-1}.raise-bugs-page .filters-card-date-range{width:100%}}.raise-ticket-page{min-height:0}.raise-ticket-page-content{padding:2rem}.raise-ticket-card.raise-ticket-ui{background:var(--app-surface);border:1px solid var(--app-border);max-width:720px;box-shadow:0 4px 20px var(--app-shadow);color:var(--app-text);border-radius:12px;margin:0 auto;overflow:hidden}.raise-ticket-card.raise-ticket-ui .raise-ticket-form{min-height:auto}@media (width<=768px){.raise-ticket-page-content{padding:1rem}}.ticket-details-overlay,.ticket-status-overlay{z-index:3001;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ticket-details-modal,.ticket-status-modal{background:var(--app-surface);border:1px solid var(--app-border);width:min(900px,95%);max-height:85vh;box-shadow:0 20px 40px var(--app-shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.ticket-details-header,.ticket-status-header{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ticket-details-title,.ticket-status-title{color:var(--app-text);margin:0;font-size:18px;font-weight:700}.ticket-details-close,.ticket-status-close{color:var(--app-text-muted);cursor:pointer;background:0 0;border:none;font-size:20px}.ticket-details-content,.ticket-status-fields{flex:1;padding:20px 24px;overflow-y:auto}.ticket-details-fields-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.ticket-details-field label{color:var(--app-text-muted);margin-bottom:.5rem;font-weight:600;display:block}.ticket-details-field .value{background:var(--app-surface-muted);color:var(--app-text);border-radius:8px;padding:10px}.ticket-details-field .value.description{white-space:pre-wrap}.ticket-details-attachments{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.ticket-details-attachment-item img,.ticket-details-attachment-item video{object-fit:contain;background:#000;border-radius:8px;width:100%;height:180px}.ticket-details-actions{border-top:1px solid var(--app-border);justify-content:flex-end;gap:.75rem;padding:16px 24px;display:flex}.ticket-details-actions .btn.approve{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;padding:10px 18px;font-weight:700}.ticket-details-actions .btn.reject{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;padding:10px 18px;font-weight:700}@media (width<=768px){.ticket-details-fields-grid{grid-template-columns:1fr}}.ticket-status-fields textarea{resize:vertical;border:1px solid var(--app-border);background:var(--app-input-bg);width:100%;min-height:120px;color:var(--app-text);border-radius:10px;padding:12px;font-family:inherit}.ticket-status-dropzone{border:1px dashed var(--app-border);background:var(--app-surface-muted);border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.ticket-status-dropzone.dragover{background:#ed20470d;border-color:#ed2047}.ticket-status-actions{border-top:1px solid var(--app-border);justify-content:flex-end;gap:.75rem;padding:16px 24px;display:flex}.ticket-status-actions .btn{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-weight:700}.ticket-status-actions .btn.secondary{background:var(--app-surface-muted);color:var(--app-text);border:1px solid var(--app-border)}.ticket-status-actions .btn.primary{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225)}.required{color:#ef4444}#bugsTable th:nth-child(2),#bugsTable td:nth-child(2),#bugsTable th:nth-child(3),#bugsTable td:nth-child(3){min-width:5.5em}@media (width<=1100px){.filter-section{flex-direction:column;align-items:stretch}.filter-controls,.employee-selector{flex:auto;width:100%}}@media (width>=500px) and (width<=1100px){.header-section{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.header-section .page-title{flex:auto;min-width:0}.header-section .search-section{flex-wrap:nowrap;flex:0 auto;width:auto;max-width:46%}.header-section .search-section .app-search-input-wrap{width:100%;min-width:140px;max-width:220px}}@media (width<=499px){.header-section{flex-direction:column;align-items:stretch}}.fine-rules-form-grid .fine-rules-reset-select,.fine-rules-form-grid .fine-rules-reset-select .app-select-container{width:100%}@media (width<=768px){.raise-bugs-content{padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom,0px));padding-top:.75rem}.page-title{font-size:1.35rem}.filter-section{flex-direction:column;align-items:stretch;gap:0;margin-bottom:1rem;padding:1rem}.header-section{margin-bottom:1rem;padding:1rem}.filter-section .filter-toggle-btn{color:#333;cursor:pointer;background:linear-gradient(135deg,#ed20470a,#f262250a);border:2px solid #ed204740;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.filter-section .filter-toggle-btn:hover{background:linear-gradient(135deg,#ed204714,#f2622514);border-color:#ed2047}.filter-section .filter-toggle-btn i.fa-chevron-down{transition:transform .25s}.filter-section.filter-open .filter-toggle-btn i.fa-chevron-down{transform:rotate(180deg)}.filter-section .filter-controls{display:none}.filter-section.filter-open .filter-controls{border-top:3px solid #ed2047;border-left:none;flex-direction:column;align-items:flex-start;gap:12px;margin-top:8px;padding-top:12px;display:flex}.filter-section.filter-open .filter-controls>div{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.employee-selector{width:100%}.search-section{flex-wrap:wrap;width:100%}.search-section input{width:100%;min-width:0}.tickets-table th,.tickets-table td{padding:12px 10px;font-size:13px}.status-badge,.remark-badge{min-width:80px;padding:4px 8px;font-size:11px}}@media (width>=500px) and (width<=1100px){.tickets-admin-page .header-section,.fire-employee-page .header-section,.raise-bugs-page .header-section{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.tickets-admin-page .header-section .search-section,.fire-employee-page .header-section .search-section,.raise-bugs-page .header-section .search-section{flex:0 auto!important;width:auto!important;max-width:46%!important}.tickets-admin-page .header-section .search-section .app-search-input-wrap,.fire-employee-page .header-section .search-section .app-search-input-wrap,.raise-bugs-page .header-section .search-section .app-search-input-wrap{width:100%!important;min-width:140px!important;max-width:220px!important}}.tickets-admin-page .header-section{box-sizing:border-box;width:100%;box-shadow:none;border:1px solid #ed20471a;align-items:flex-start;gap:16px;padding:20px}.tickets-admin-page .header-section .page-title{letter-spacing:-.5px;margin:0;font-size:28px;font-weight:600;line-height:1.2}@media screen and (width>=401px) and (width<=1050px){.tickets-admin-page .filters-card--open .filters-card__row{flex-direction:unset;flex-wrap:unset;grid-template-columns:1fr 1fr;align-items:end;gap:12px 14px;display:grid}.tickets-admin-page .filters-card-group{display:contents}.tickets-admin-page .filters-card-date-range{grid-column:1/-1}.tickets-admin-page .filters-card-employee-panel{border-bottom:none;border-right:4px solid #ed2047;flex:none;width:100%;max-width:none;margin-left:0;padding:0 10px 0 4px}.tickets-admin-page .filters-card-employee-panel .filters-card-field,.tickets-admin-page .filters-card-employee-panel .filters-card-select,.tickets-admin-page .filters-card-employee-panel .app-select-trigger{width:100%;min-width:0}}@media screen and (width<=400px){.tickets-admin-page .filters-card-employee-panel{width:100%;max-width:none;margin-left:0}}.raise-bugs-page{min-height:0}.raise-bugs-content{padding:40px}.page-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:600}.header-section,.filter-section{border:1px solid var(--app-border-soft);box-shadow:0 2px 12px var(--app-shadow);background:linear-gradient(135deg,#ed204705,#f2622505);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:10px 20px;display:flex}.header-section{flex-wrap:nowrap}.search-section{align-items:center;gap:.75rem;display:flex}.search-section label,.filter-section label{color:var(--app-text-muted);margin-right:10px;font-weight:500}.search-section input,.filter-section select,.filter-section input[type=date],.employee-selector select{border:2px solid var(--app-border);background:var(--app-input-bg);color:var(--app-text);box-shadow:0 2px 4px var(--app-shadow);border-radius:8px;padding:10px 14px;font-size:14px;transition:all .3s}.filter-section select:focus,.filter-section input[type=date]:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471a}.filter-controls{background:var(--app-surface-muted);border-left:4px solid #ed2047;border-radius:8px;flex-wrap:wrap;flex:420px;align-items:center;gap:20px;min-width:0;padding:15px;display:flex}.filter-controls.always-visible{border-left:none;padding-left:0}.filter-section .filter-toggle-btn{display:none}.date-range-container{background:var(--app-surface);border:1px solid var(--app-border);border-left:4px solid #ed2047;border-right:4px solid #ed2047;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.date-range-container label{color:var(--app-text-muted);margin:0;font-weight:500}.date-range-container input[type=date]{min-width:150px}.tickets-table-scroll-wrapper{-webkit-overflow-scrolling:touch;border:1px solid var(--app-border-soft);background:var(--app-surface);width:100%;box-shadow:0 8px 25px var(--app-shadow);scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track);border-radius:16px;overflow:auto hidden}.tickets-table-scroll-wrapper::-webkit-scrollbar{width:10px;height:10px}.tickets-table-scroll-wrapper::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:4px}.tickets-table-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.tickets-table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.tickets-table{border-collapse:separate;border-spacing:0;background:var(--app-surface);width:100%;box-shadow:none;border:none;border-radius:0}.tickets-table thead th{z-index:2;background-color:var(--app-surface-muted);box-shadow:0 1px 0 var(--app-border);background-clip:padding-box;position:sticky;top:0}.tickets-table th,.tickets-table td{text-align:left;border-bottom:1px solid var(--app-border);vertical-align:middle;color:var(--app-text);padding:18px 15px;font-size:14px}.tickets-table td{background-color:var(--app-surface)}.tickets-table th{color:var(--app-text-muted);background-color:var(--app-surface-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:14px;font-weight:600}.tickets-table.bugs-table,#bugsTable{margin-top:0}#ticketsTable th:first-child,#ticketsTable td:first-child{min-width:7.5em}#ticketsTable th:nth-child(2),#ticketsTable td:nth-child(2){min-width:5.5em}#ticketsTable th:nth-child(3),#ticketsTable td:nth-child(3){min-width:6.5em}#ticketsTable th:nth-child(4),#ticketsTable td:nth-child(4){min-width:5.5em}#ticketsTable th:nth-child(5),#ticketsTable td:nth-child(5){min-width:11em}#ticketsTable th:nth-child(6),#ticketsTable td:nth-child(6){min-width:5em}#ticketsTable th:nth-child(7),#ticketsTable td:nth-child(7){min-width:4.5em}#ticketsTable th:nth-child(8),#ticketsTable td:nth-child(8){min-width:5em}#bugsTable th:first-child,#bugsTable td:first-child{min-width:7em}#bugsTable th:nth-child(2),#bugsTable td:nth-child(2),#bugsTable th:nth-child(3),#bugsTable td:nth-child(3){min-width:5.5em}#bugsTable th:nth-child(4),#bugsTable td:nth-child(4){min-width:5em}#bugsTable th:nth-child(5),#bugsTable td:nth-child(5){min-width:4.5em}.tickets-table tr{border-bottom:1px solid #ed20471a;transition:all .3s}.tickets-table tr:hover{background:linear-gradient(135deg,#ed204705,#f2622505);transform:translateY(-1px);box-shadow:0 4px 12px #ed20471a}.employee-info{align-items:center;gap:12px;display:flex}.employee-info img{object-fit:cover;border:3px solid #ed2047;border-radius:50%;width:40px;height:40px;transition:all .3s;box-shadow:0 2px 8px #ed204733}.employee-info img:hover{border-color:#f26225;transform:scale(1.1);box-shadow:0 4px 12px #ed20474d}.employee-info .user-icon{color:#ed2047;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:40px}.multi-employee-container{position:relative}.employee-count-toggle{cursor:pointer;color:var(--app-text,#333);font:inherit;background:0 0;border:2px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;transition:all .3s;display:flex}.employee-count-toggle:hover{background:linear-gradient(135deg,#ed20470d,#f262250d);border-color:#ed204733}.employee-count-toggle .fa-users{color:#ed2047}.employee-toggle-icon{transition:transform .3s}.employee-list-expanded{background:var(--app-surface-muted,#f8f9fa);border:1px solid var(--app-border,#e5e7eb);box-shadow:0 2px 8px var(--app-shadow,#0000001a);border-left:3px solid #ed2047;border-radius:8px;margin-top:8px;padding:12px;animation:.3s slideDown}.employee-list-expanded .employee-info{margin-bottom:8px;padding:4px 0}.employee-list-expanded .employee-info span{color:var(--app-text,#333)}.employee-list-expanded .employee-info:last-child{margin-bottom:0}.view-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;box-shadow:0 2px 6px #0000001a}.view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ed20474d}.view-btn.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333)}.bug-status-select{border:1px solid var(--app-border);background:var(--app-input-bg);color:var(--app-text);border-radius:8px;padding:6px 10px;font-size:14px}.status-badge{text-align:center;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:500;display:inline-block}.remark-badge{text-align:center;border-radius:20px;min-width:90px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-block}.status-pending{color:#212529;background:linear-gradient(135deg,#ffc107,#ff8c00)}.status-approved{color:#fff;background:linear-gradient(135deg,#28a745,#20c997)}.status-rejected{color:#fff;background:linear-gradient(135deg,#dc3545,#c82333)}.remark-warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316)}.remark-fine{color:#fff;background:linear-gradient(135deg,#dc3545,#c82333)}.remark-strike{color:#fff;background:linear-gradient(135deg,#b91c1c,#7f1d1d)}.no-tickets,.error-message{text-align:center;color:var(--app-text-muted);margin-top:20px;font-size:18px}.admin-filter-section{flex-wrap:wrap}.employee-selector{background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:8px;flex-direction:column;flex:260px;align-items:stretch;gap:10px;min-width:0;max-width:100%;padding:12px 14px;display:flex}@media (width<=1100px){.filter-section{flex-direction:column;align-items:stretch}.filter-controls,.employee-selector{flex:auto;width:100%}}@media (width>=500px) and (width<=1100px){.header-section{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.header-section .page-title{flex:auto;min-width:0}.header-section .search-section{flex-wrap:nowrap;flex:0 auto;width:auto;max-width:46%}.header-section .search-section .app-search-input-wrap{width:100%;min-width:140px;max-width:220px}}@media (width<=499px){.header-section{flex-direction:column;align-items:stretch}}.fine-rules-section{z-index:4;border:1px solid var(--app-border);background:var(--app-surface);box-shadow:0 2px 12px var(--app-shadow);isolation:isolate;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem;position:relative;overflow:hidden}.fine-rules-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.fine-rules-header h2{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem}.fine-rules-display{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.fine-rules-card{z-index:1;background:var(--app-surface-muted);border:1px solid var(--app-border);box-shadow:0 2px 8px var(--app-shadow);background-clip:padding-box;border-left:4px solid #ed2047;border-radius:8px;padding:1rem;position:relative;overflow:hidden}.fine-rules-card--warnings{border-left-color:#f59e0b}.fine-rules-card--period{border-left-color:#3b82f6}.fine-rules-label{color:var(--app-text-muted);box-shadow:none;border:none;margin-bottom:.35rem;font-size:12px;text-decoration:none}.fine-rules-value{color:var(--app-text);box-shadow:none;border:none;font-size:1.1rem;font-weight:600;text-decoration:none}.fine-rules-form{background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:8px;padding:1.25rem}.fine-rules-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.fine-rules-form-grid label{color:var(--app-text-muted);margin-bottom:.5rem;font-weight:600;display:block}.fine-rules-form-grid input,.fine-rules-form-grid select{border:2px solid var(--app-border);background:var(--app-input-bg);width:100%;color:var(--app-text);border-radius:8px;padding:10px 12px}.fine-rules-form-grid .fine-rules-reset-select,.fine-rules-form-grid .fine-rules-reset-select .app-select-container{width:100%}.fine-rules-form-grid .fine-rules-reset-select .app-select-trigger{width:100%;min-height:42px}.fine-rules-form-actions .btn.secondary{background:var(--app-surface-hover);color:var(--app-text);border:1px solid var(--app-border)}.fine-rules-form-actions{justify-content:flex-end;gap:.75rem;display:flex}.fine-rules-form-actions .btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.fine-rules-form-actions .btn.primary{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225)}@media (width<=768px){.raise-bugs-content{padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom,0px));padding-top:.75rem}.page-title{font-size:1.35rem}.filter-section{flex-direction:column;align-items:stretch;gap:0;margin-bottom:1rem;padding:1rem}.header-section{margin-bottom:1rem;padding:1rem}.filter-section .filter-toggle-btn{color:#333;cursor:pointer;background:linear-gradient(135deg,#ed20470a,#f262250a);border:2px solid #ed204740;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.filter-section .filter-toggle-btn:hover{background:linear-gradient(135deg,#ed204714,#f2622514);border-color:#ed2047}.filter-section .filter-toggle-btn i.fa-chevron-down{transition:transform .25s}.filter-section.filter-open .filter-toggle-btn i.fa-chevron-down{transform:rotate(180deg)}.filter-section .filter-controls{display:none}.filter-section.filter-open .filter-controls{border-top:3px solid #ed2047;border-left:none;flex-direction:column;align-items:flex-start;gap:12px;margin-top:8px;padding-top:12px;display:flex}.filter-section.filter-open .filter-controls>div{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.employee-selector{width:100%}.search-section{flex-wrap:wrap;width:100%}.search-section input{width:100%;min-width:0}.tickets-table th,.tickets-table td{padding:12px 10px;font-size:13px}.status-badge,.remark-badge{min-width:80px;padding:4px 8px;font-size:11px}}@media (width>=500px) and (width<=1100px){.tickets-admin-page .header-section,.fire-employee-page .header-section,.raise-bugs-page .header-section{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.tickets-admin-page .header-section .search-section,.fire-employee-page .header-section .search-section,.raise-bugs-page .header-section .search-section{flex:0 auto!important;width:auto!important;max-width:46%!important}.tickets-admin-page .header-section .search-section .app-search-input-wrap,.fire-employee-page .header-section .search-section .app-search-input-wrap,.raise-bugs-page .header-section .search-section .app-search-input-wrap{width:100%!important;min-width:140px!important;max-width:220px!important}}.fire-employee-page .header-section{box-sizing:border-box;width:100%;box-shadow:none;border:1px solid #ed20471a;align-items:flex-start;gap:16px;padding:20px}.fire-employee-page .header-section .page-title{letter-spacing:-.5px;margin:0;font-size:28px;font-weight:600;line-height:1.2}.performance-page{background:var(--app-bg,#f9f9f9);min-height:0}.performance-page-content{padding:40px}.perf-title-card{border:1px solid var(--app-border-soft,#ed20471f);box-shadow:0 2px 12px var(--app-shadow,#0000000f);background:linear-gradient(135deg,#ed204705,#f2622505);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex;position:relative;overflow:visible}.perf-title-card__content{flex:auto;min-width:0}.perf-page-title{letter-spacing:-.5px;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;color:#ed2047;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:600}.perf-page-subtitle{color:var(--app-text-muted,#6b7280);margin-top:6px;font-size:14px}.perf-score-summary{color:var(--app-text,#333);justify-content:flex-start;align-items:baseline;gap:6px;margin-top:12px;font-weight:600;display:flex}.perf-score-summary strong{color:#ed2047;-webkit-text-fill-color:#ed2047;font-size:1.3rem}.perf-filter-card{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;margin-bottom:18px;padding:20px}.perf-filter-toggle-btn{width:100%;color:var(--app-text,#333);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-weight:600;display:none}.perf-filter-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.perf-filter-chips{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.perf-filter-chips .app-select-wrap,.perf-employee-selector .app-select-wrap,.task-graph-controls .app-select-wrap,.task-updates-controls .app-select-wrap{flex:0 auto;min-width:0}.perf-filter-chips .app-select-container,.perf-employee-selector .app-select-container,.task-graph-controls .app-select-container,.task-updates-controls .app-select-container{min-width:160px}.perf-chip{color:var(--app-text-muted,#555);align-items:center;gap:8px;font-weight:600;display:flex}.perf-chip select,.perf-date-range input{border:1px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);height:36px;color:var(--app-text,#111827);border-radius:10px;padding:0 12px;box-shadow:0 2px 4px #0000000d}.perf-date-range{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.perf-date-range label{color:var(--app-text-muted,#555);align-items:center;gap:6px;font-weight:600;display:flex}.perf-employee-selector{flex-flow:column wrap;align-items:stretch;gap:10px;min-width:0;display:flex}.perf-employee-selector label{color:var(--app-text-muted,#555);font-weight:600}.perf-custom-select-container{position:relative}.perf-custom-select{border:2px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);min-width:220px;min-height:40px;color:var(--app-text,#111827);cursor:pointer;box-shadow:0 2px 6px var(--app-shadow,#0000000d);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;display:flex}.perf-selected-option{align-items:center;gap:10px;display:flex}.perf-selected-option img,.perf-dropdown-option img{object-fit:cover;border:2px solid var(--app-border,#e5e7eb);border-radius:50%;width:30px;height:30px}.perf-user-icon{color:#ed2047;font-size:24px}.perf-custom-dropdown{background:var(--app-surface,#fff);border:1px solid var(--app-border,#ddd);width:max-content;min-width:100%;box-shadow:0 12px 32px var(--app-shadow,#0000001a);z-index:1200;border-radius:10px;max-height:280px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;right:auto;overflow-y:auto}.perf-dropdown-option{width:100%;color:var(--app-text,#111827);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 6px;font-family:inherit;display:flex}.perf-dropdown-option:hover{background:linear-gradient(135deg,#ed20470d,#f262250d)}.perf-table-card{background:var(--app-surface,#fff);box-shadow:0 8px 24px var(--app-shadow,#0000000f);border:1px solid #ed20471a;border-radius:12px;position:relative}.perf-table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track);border-radius:12px;overflow:auto visible}.perf-table-wrap::-webkit-scrollbar{width:10px;height:10px}.perf-table-wrap::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:4px}.perf-table-wrap::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.perf-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.perf-loading-overlay{color:var(--app-text-muted,#555);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;background:#ffffffd1;justify-content:center;align-items:flex-start;gap:8px;padding-top:14px;font-weight:600;display:none;position:absolute;inset:52px 0 0}.perf-loading-overlay.is-active{display:flex}.perf-spinner-dot{border:2px solid #ed204740;border-top-color:#ed2047;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite perf-spin}@keyframes perf-spin{to{transform:rotate(360deg)}}.perf-data-table{border-collapse:separate;border-spacing:0;width:100%}.perf-data-table th{color:var(--app-text,#333);text-align:left;border-bottom:1px solid var(--app-border,#f0f0f0);background-color:#faf5f6;background-image:linear-gradient(135deg,#ed20470d,#f262250d);padding:14px 16px;font-weight:600}.perf-data-table thead th{z-index:3;box-shadow:0 1px 0 var(--app-border,#f0f0f0);background-color:#faf5f6;position:sticky;top:0}.perf-data-table td{border-bottom:1px solid var(--app-border,#f0f0f0);color:var(--app-text,#333);vertical-align:middle;background-color:var(--app-surface,#fff);padding:14px 16px}.perf-data-table tr:hover td{background:var(--app-surface-muted,#fafafa)}.perf-empty{text-align:center;color:var(--app-text-muted,#6b7280);padding:24px!important}.perf-employee-cell{align-items:center;gap:8px;display:flex}.perf-employee-avatar{object-fit:cover;border:2px solid #ed2047;border-radius:50%;width:32px;height:32px}.perf-employee-fallback{color:#ed2047;font-size:32px}.perf-appr-points{color:#10b981;flex-direction:column;align-items:flex-start;gap:2px;font-weight:700;display:inline-flex}.perf-appr-given-by{color:#64748b;font-size:12px;font-weight:600}.perf-reedit-tag{color:#dc2626;font-weight:700}.perf-delete-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:4px}.perf-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:10px;height:44px;padding:0 20px;font-family:inherit;font-weight:700;box-shadow:0 4px 10px #ed204740}.perf-add-btn:disabled{opacity:.6;cursor:not-allowed}.perf-number-stepper{border:2px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);border-radius:10px;align-items:center;width:100%;display:flex;overflow:hidden}.perf-number-stepper button{color:#fff;cursor:pointer;background:red;border:none;flex:0 0 40px;width:40px;height:44px;font-size:18px}.perf-number-stepper input{text-align:center;width:auto;min-width:0;height:44px;color:var(--app-text,#111827);background:0 0;border:none;flex:auto;font-weight:600}.perf-toast{color:#fff;opacity:0;z-index:30000;background:#10b981;border-radius:10px;padding:12px 14px;font-weight:600;transition:all .25s;position:fixed;top:20px;right:20px;transform:translateY(10px);box-shadow:0 8px 24px #00000026}.perf-toast.show{opacity:1;transform:translateY(0)}@media (width<=768px){.performance-page-content{padding:1rem}.perf-filter-toggle-btn{margin-bottom:12px;display:flex}.perf-filter-inner{display:none}.perf-filter-card.filter-open .perf-filter-inner{flex-direction:column;align-items:stretch;gap:14px;display:flex}.perf-filter-chips .app-select-wrap,.perf-employee-selector .app-select-wrap{flex:none;width:100%}.perf-filter-chips .app-select-container,.perf-employee-selector .app-select-container{width:100%}.task-updates-page .perf-filter-right{align-items:stretch;width:100%;min-width:0;margin-left:0}.task-updates-page .perf-filter-right .perf-search-field{max-width:none}}.holiday-page-tabs-wrapper{background:var(--app-surface-muted,#e3e3e3);--holiday-tab-bg:var(--app-surface-muted,#e3e3e3);--holiday-tab-bg-hover:var(--app-surface-hover,#d1d5db);--holiday-tab-curve-bg:var(--holiday-tab-bg);--holiday-tab-hover-pill:linear-gradient(135deg, #ed20471a, #f2622514);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-bottom:2px solid #ed2047;scroll-padding-inline:14px;position:relative;overflow:auto hidden}.holiday-page-tabs-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.holiday-page-tabs{flex-wrap:nowrap;min-width:min-content;padding:0 14px;display:flex;position:relative}.holiday-page-tab{text-align:center;text-transform:uppercase;letter-spacing:.06em;min-width:160px;max-width:180px;color:var(--app-text-muted,#6b6b6b);background:var(--holiday-tab-bg);box-shadow:none;clip-path:none;z-index:1;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;box-sizing:border-box;border:none;border-radius:0;flex:0 auto;padding:14px 22px;font-family:inherit;font-size:12px;font-weight:700;line-height:normal;text-decoration:none;transition:color .15s;position:relative;overflow:hidden}button.holiday-page-tab{appearance:none;display:block}.holiday-page-tab:not(:last-child):after{content:"";background:var(--app-border,#d1d5db);pointer-events:none;width:3px;height:56%;position:absolute;top:22%;right:0}.holiday-page-tab:has(+.holiday-page-tab.active):after{display:none}.holiday-page-tab i{margin-right:8px;display:inline-block}.holiday-page-tab.active{text-overflow:clip;color:#fff;width:auto;min-width:160px;max-width:none;box-shadow:none;z-index:5;--holiday-tab-curve-left:#ed2047;--holiday-tab-curve-right:#f26225;background:linear-gradient(135deg,#ed2047,#f26225);border-radius:15px 15px 0 0;flex:none;margin-bottom:-2px;padding-bottom:16px;padding-left:24px;padding-right:24px;overflow:visible}.holiday-page-tab.active:before,.holiday-page-tab.active:after{content:"";pointer-events:none;z-index:6;background:var(--holiday-tab-curve-bg);width:14px;height:14px;transition:none;position:absolute;top:auto;bottom:0}.holiday-page-tab.active:before{box-shadow:7px 0 0 0 var(--holiday-tab-curve-left);border-bottom-right-radius:14px;left:-14px}.holiday-page-tab.active:after{box-shadow:-7px 0 0 0 var(--holiday-tab-curve-right);border-bottom-left-radius:14px;left:auto;right:-14px}.holiday-page-tab:not(.active):before{content:"";z-index:-1;pointer-events:none;background:0 0;border-radius:100px;transition:background .15s,box-shadow .15s;position:absolute;inset:5px 10px}.holiday-page-tab:not(.active):hover{color:#ed2047;box-shadow:none;text-overflow:ellipsis;z-index:2;background:50%;border-radius:0;overflow:hidden}.holiday-page-tab:not(.active):hover:before{background:var(--holiday-tab-hover-pill);box-shadow:var(--holiday-tab-hover-shadow)}.holiday-page-tab:not(.active):hover:after{display:none}.holiday-page-tab:not(.active):hover i{color:#ed2047}.holiday-page-tab.active+.holiday-page-tab:not(.active):hover:before{border-radius:100px;inset:5px 10px}.holiday-page-tab:not(.active):hover:has(+.holiday-page-tab.active):before{border-radius:100px;inset:5px 10px}.holiday-page-tab:not(.active):hover+.holiday-page-tab.active:before{background:0 0}.holiday-page-tab.active:has(+.holiday-page-tab:not(.active):hover):after{background:0 0}@media (width<=768px){.holiday-page-tabs{padding:0 14px 0 20px}.holiday-page-tab{min-width:130px;padding:12px 16px;font-size:11px}.holiday-page-tab.active{padding-bottom:14px;padding-left:18px;padding-right:18px}.holiday-page-tab.active:before,.holiday-page-tab.active:after{width:12px;height:12px}.holiday-page-tab.active:before{box-shadow:6px 0 0 0 var(--holiday-tab-curve-left);border-bottom-right-radius:12px;left:-12px}.holiday-page-tab.active:after{box-shadow:-6px 0 0 0 var(--holiday-tab-curve-right);border-bottom-left-radius:12px;right:-12px}}.task-updates-title-card{justify-content:space-between;align-items:center;gap:20px;min-height:0;display:flex}.task-updates-score-tabs.holiday-page-tabs-wrapper{scrollbar-width:none;-ms-overflow-style:none;margin:0 0 18px;overflow:auto hidden}.task-updates-score-tabs.holiday-page-tabs-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.task-updates-score-tabs .holiday-page-tab:not(.active){max-width:200px}.task-updates-score-tabs .holiday-page-tab.active{max-width:none}.task-updates-title-card .perf-title-card__content{flex:auto;min-width:0}.task-updates-title-card .perf-score-summary{justify-content:flex-start}.task-updates-header-search{flex:none;width:min(320px,100%);min-width:240px;max-width:none;margin-left:auto;display:block}.task-updates-header-search .app-search-input-wrap{width:100%;max-width:none}.task-updates-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.task-control{flex:0 auto}.task-control--length{flex:none;min-width:320px}.task-control-label{color:var(--app-text-muted,#555);margin-bottom:8px;font-size:14px;font-weight:600}.task-control .app-select-wrap,.task-control .app-select-container{width:100%}.task-control.disabled .perf-hms-stepper{opacity:.55}.perf-hms-stepper{background:linear-gradient(180deg, var(--app-surface,#fff) 0%, var(--app-surface-muted,#fafafa) 100%);border:1px solid #ed20472e;border-radius:14px;align-items:stretch;width:100%;display:flex;overflow:hidden;box-shadow:0 4px 14px #0f172a0f}.perf-hms-stepper button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;flex:0 0 44px;width:44px;font-size:20px;font-weight:700;line-height:1;transition:filter .15s,transform .15s}.perf-hms-stepper button:hover:not(:disabled){filter:brightness(1.05)}.perf-hms-stepper button:active:not(:disabled){transform:scale(.98)}.perf-hms-stepper button:disabled{cursor:not-allowed;opacity:.45}.perf-hms-fields{flex:auto;justify-content:center;align-items:flex-end;gap:6px;min-width:0;padding:5px 12px 12px;display:flex}.perf-hms-field{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;max-width:72px;display:flex}.perf-hms-field-label{color:#ed2047;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;line-height:1}.perf-hms-field input{border:1px solid var(--app-border,#e5e7eb);text-align:center;background:var(--app-input-bg,#fff);width:100%;height:30px;color:var(--app-text,#111827);border-radius:10px;font-size:16px;font-weight:700;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 2px #0f172a0a}.perf-hms-field input:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.perf-hms-separator{color:var(--app-text-muted,#9ca3af);-webkit-user-select:none;user-select:none;flex:none;align-self:flex-end;margin-bottom:12px;font-size:18px;font-weight:700;line-height:1}[data-theme=dark] .perf-hms-stepper{background:linear-gradient(180deg, var(--app-surface) 0%, var(--app-surface-muted) 100%);border-color:#f8717138;box-shadow:0 4px 18px #00000047}[data-theme=dark] .perf-hms-field input{background:var(--app-input-bg,var(--app-surface));border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .perf-hms-field-label{color:#f87171}[data-theme=dark] .perf-hms-separator{color:var(--app-text-muted)}.task-control.disabled .perf-number-stepper{opacity:.55}.task-reedit-control{align-items:flex-end;display:flex}.task-reedit-label{color:#dc2626;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.task-add-control{flex-shrink:0;align-items:flex-end;display:flex}.perf-filter-right{flex-direction:column;align-items:flex-end;gap:12px;min-width:220px;margin-left:auto;display:flex}.task-updates-page .perf-filter-right .perf-employee-selector{width:100%}.task-updates-page .perf-filter-right .perf-search-field{flex:none;width:100%;min-width:220px;max-width:280px}.perf-search-field{flex-direction:column;flex:220px;gap:8px;min-width:180px;max-width:320px;display:flex}.perf-search-field>label{color:var(--app-text-muted,#555);font-size:14px;font-weight:600}.perf-search-input-wrap{align-items:center;display:flex;position:relative}.perf-search-input-wrap .fa-search{color:var(--app-text-muted,#9ca3af);pointer-events:none;font-size:13px;position:absolute;left:12px}.perf-search-input-wrap input{border:1px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);width:100%;height:36px;color:var(--app-text,#111827);border-radius:10px;padding:0 12px 0 36px;font-family:inherit;font-size:14px;box-shadow:0 2px 4px #0000000d}.perf-search-input-wrap input::placeholder{color:var(--app-text-muted,#9ca3af)}.perf-search-input-wrap input:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.task-updates-bulk-panel{flex:none;align-items:flex-end;min-width:0;display:flex}.task-updates-bulk-row{flex-flow:row;align-items:flex-end;gap:8px;display:flex}.task-updates-bulk-row .filters-card-field{flex:0 auto;min-width:160px}.task-updates-bulk-action-slot{flex:none;align-items:flex-end;padding-bottom:0;display:flex}.task-updates-bulk-action-btn{color:#fff;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 2px 8px #ed204740}.task-updates-bulk-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ed204759}.task-updates-bulk-action-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.task-updates-select-col{text-align:center;width:42px}.task-updates-select-col input[type=checkbox]{accent-color:#ed2047;cursor:pointer;width:16px;height:16px}.task-updates-select-col input[type=checkbox]:disabled{opacity:.35;cursor:not-allowed}.task-updates-page .perf-data-table tbody tr.is-selected{background:#ed20470a}@media screen and (width<=1100px){.task-updates-title-card{flex-direction:column;align-items:stretch;gap:12px}.task-updates-header-search.perf-search-field,.task-updates-header-search{flex:none;width:100%;min-width:0;max-width:none;margin-left:0}}@media screen and (width<=830px){.task-updates-title-card{flex-direction:column;align-items:stretch}.task-updates-header-search.perf-search-field,.task-updates-header-search{flex:none;width:100%;min-width:0;margin-left:0}}@media screen and (width<=890px){.task-updates-page .task-updates-bulk-panel{flex:auto;width:100%;min-width:0}.task-updates-page .task-updates-bulk-row{flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;gap:12px;width:100%;display:grid}.task-updates-page .task-updates-bulk-row .filters-card-field{flex:auto;width:100%;min-width:0;max-width:none}.task-updates-page .task-updates-bulk-row .filters-card-field__control,.task-updates-page .task-updates-bulk-row .filters-card-select,.task-updates-page .task-updates-bulk-row .filters-card-select.app-select-wrap,.task-updates-page .task-updates-bulk-row .app-select-container,.task-updates-page .task-updates-bulk-row .app-select-trigger{width:100%;min-width:0;max-width:none}.task-updates-page .task-updates-bulk-action-slot{flex:none;width:auto}.task-updates-page .task-updates-bulk-action-btn{box-sizing:border-box;height:42px;min-height:42px}}@media screen and (width<=400px){.task-updates-page .task-updates-bulk-row{grid-template-columns:1fr}.task-updates-page .task-updates-bulk-action-slot,.task-updates-page .task-updates-bulk-action-btn{width:100%}}.appreciation-modal-overlay{z-index:20050;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.appreciation-modal-overlay.open{display:flex}.appreciation-modal{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);width:100%;min-width:min(400px,100%);max-width:500px;color:var(--app-text,#333);border-radius:16px;padding:24px;box-shadow:0 20px 40px #00000026}.appreciation-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.appreciation-modal-title{color:var(--app-text,#333);font-size:20px;font-weight:700}.appreciation-modal-close{color:var(--app-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;width:32px;height:32px;font-size:24px}.appreciation-modal-body{flex-direction:column;gap:16px;display:flex}.appreciation-form-label{color:var(--app-text,#374151);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.appreciation-number-stepper{border:2px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);border-radius:10px;grid-template-columns:44px 1fr 44px;align-items:center;height:40px;display:grid;overflow:hidden}.appreciation-stepper-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#fbbf24);border:none;height:100%;font-size:18px;font-weight:700}.appreciation-stepper-value{text-align:center;color:var(--app-text,#111827);background:0 0;border:none;outline:none;font-size:16px;font-weight:700}.appreciation-custom-select-container{position:relative}.appreciation-custom-select{border:2px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);width:100%;color:var(--app-text,#111827);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-family:inherit;display:flex}.appreciation-selected-option{align-items:center;gap:10px;display:flex}.appreciation-selected-option img,.appreciation-dropdown-option img{object-fit:cover;border:2px solid var(--app-border,#e5e7eb);border-radius:50%;width:24px;height:24px}.appreciation-user-icon{color:#f59e0b;font-size:24px}.appreciation-custom-dropdown{background:var(--app-surface,#fff);border:1px solid var(--app-border,#ddd);width:max-content;min-width:100%;box-shadow:0 12px 32px var(--app-shadow,#0000001a);z-index:10;border-radius:10px;max-height:220px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;right:auto;overflow-y:auto}.appreciation-dropdown-option{width:100%;color:var(--app-text,#111827);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;display:flex}.appreciation-dropdown-option:hover{background:#f59e0b14}.appreciation-dropdown-empty{color:var(--app-text-muted,#6b7280);text-align:center;padding:12px;font-size:13px}.appreciation-modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.appreciation-btn-cancel,.appreciation-btn-add{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-family:inherit;font-weight:600}.appreciation-btn-cancel{background:var(--app-surface-muted,#f3f4f6);color:var(--app-text,#374151);border:1px solid var(--app-border,#e5e7eb)}.appreciation-btn-add{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24)}.appreciation-btn-add:disabled{opacity:.6;cursor:not-allowed}.leaderboard-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.leaderboard-title-toggle-btn{background:var(--app-surface-muted,#f3f4f6);color:var(--app-text,#333);cursor:pointer;border:none;border-radius:10px;flex:none;width:40px;height:40px;margin-left:auto;display:none}.leaderboard-title-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-start;align-items:flex-end;gap:16px;width:auto;max-width:100%;display:flex}.leaderboard-title-actions label{color:var(--app-text-muted,#555);flex-direction:column;flex:none;align-items:flex-start;gap:6px;font-weight:600;display:flex}.leaderboard-min-input{border:1px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);width:120px;height:36px;color:var(--app-text,#111827);box-sizing:border-box;border-radius:10px;padding:0 10px}.leaderboard-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:10px;flex:none;height:36px;padding:0 14px;font-weight:600;box-shadow:0 4px 10px #ed204733}.leaderboard-filter-inner{width:100%}.leaderboard-filter-left{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.leaderboard-filter-left .app-select-wrap{flex:0 auto;min-width:0}.leaderboard-filter-left .app-select-container{min-width:140px}.leaderboard-appreciation-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#fbbf24);border:none;border-radius:10px;height:36px;padding:0 16px;font-weight:600;box-shadow:0 4px 10px #f59e0b4d}.leaderboard-board-card{background:var(--app-surface,#fff);box-shadow:0 8px 24px var(--app-shadow,#0000000f);border:1px solid #ed20471a;border-radius:12px;position:relative}.leaderboard-board-scroll{border-radius:12px}.leaderboard-board-header,.leaderboard-row{grid-template-columns:1.2fr 3fr;align-items:center;padding:14px 16px;display:grid}.leaderboard-board-header{color:var(--app-text,#333);z-index:3;box-shadow:0 1px 0 var(--app-border,#f0f0f0);background-color:#faf5f6;background-image:linear-gradient(135deg,#ed20470d,#f262250d);font-weight:600;position:sticky;top:0}.leaderboard-row{border-top:1px solid var(--app-border,#f0f0f0);background-color:var(--app-surface,#fff)}.leaderboard-row.rank-up{animation:1.2s leaderboard-rank-up}.leaderboard-row.score-up{animation:1s leaderboard-score-up}.leaderboard-row.gamification-fade-out{background:0 0!important;animation:none!important}@keyframes leaderboard-rank-up{0%{background:#10b98147;transform:translateY(8px)}to{background:0 0;transform:translateY(0)}}@keyframes leaderboard-score-up{0%{background:#f59e0b38}to{background:0 0}}.leaderboard-member{align-items:center;gap:10px;display:flex}.leaderboard-avatar{object-fit:cover;border:2px solid #ed2047;border-radius:50%;width:32px;height:32px}.leaderboard-avatar-fallback{color:#ed2047;font-size:32px}.leaderboard-member-name-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.leaderboard-rank-badge{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.leaderboard-score-popup{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;animation:1.2s leaderboard-pop-float;display:inline-flex}@keyframes leaderboard-pop-float{0%{opacity:0;transform:translateY(10px)scale(.85)}25%{opacity:1;transform:translateY(-6px)scale(1.06)}to{opacity:1;transform:translateY(0)scale(1)}}.leaderboard-trophy-img{object-fit:contain;width:60px;height:60px;margin-left:6px;animation:1.2s ease-in-out infinite leaderboard-bounce}@keyframes leaderboard-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.leaderboard-bar-wrap{align-items:center;display:flex}.leaderboard-bar-bg{background:var(--app-surface-muted,#eee);border-radius:999px;flex:1;height:18px;position:relative;overflow:hidden}.leaderboard-bar-yellow{pointer-events:none;background:#f1c40f;position:absolute;top:0;bottom:0;left:0}.leaderboard-bar-green{pointer-events:none;background:#10b981;position:absolute;top:0;bottom:0}.leaderboard-bar-label{color:#111;z-index:2;white-space:nowrap;font-size:12px;font-weight:700;line-height:1;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.leaderboard-bar-points--track{color:#111;z-index:2;left:8px}.leaderboard-bar-points--fill{color:#111;z-index:3;pointer-events:none;align-items:center;display:flex;top:0;bottom:0;left:0;overflow:hidden;transform:none}.leaderboard-bar-points-clip{white-space:nowrap;padding-left:8px;line-height:1}.leaderboard-bar-label-right{color:#fff;text-shadow:0 1px 1px #00000040;left:auto;right:8px}.leaderboard-empty{color:var(--app-text-muted,#6b7280)}.leaderboard-title-card.has-title-actions .leaderboard-title-actions,.leaderboard-title-card:not(.title-actions-open) .leaderboard-title-actions{display:flex}@media (width<=768px){.leaderboard-title-toggle-btn{justify-content:center;align-items:center;display:inline-flex}.leaderboard-title-actions{flex-basis:100%}.leaderboard-title-card.has-title-actions:not(.title-actions-open) .leaderboard-title-actions{display:none}.leaderboard-board-header,.leaderboard-row{grid-template-columns:1fr;gap:10px}.leaderboard-trophy-img{width:40px;height:40px}}.low-score-details-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20050;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s low-score-details-fade-in;display:none;position:fixed;inset:0}.low-score-details-overlay.show{display:flex}@keyframes low-score-details-fade-in{0%{opacity:0}to{opacity:1}}.low-score-details-modal{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);width:min(560px,90%);max-width:560px;max-height:85vh;color:var(--app-text,#111827);border-radius:16px;flex-direction:column;padding:0;animation:.3s low-score-details-slide-up;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000040}@keyframes low-score-details-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.low-score-details-header{border-bottom:1px solid var(--app-border,#f1f3f5);background:linear-gradient(135deg,#ed204705,#f2622505);flex:none;justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.low-score-details-title{color:var(--app-text,#111827);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.low-score-details-title:before{content:"";background:linear-gradient(135deg,#ed2047,#f26225);border-radius:2px;width:4px;height:24px}.low-score-details-close{background:var(--app-surface-muted,#f3f4f6);cursor:pointer;width:32px;height:32px;color:var(--app-text-muted,#6b7280);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.low-score-details-close:hover{background:var(--app-border,#e5e7eb);color:var(--app-text,#374151)}.low-score-details-body{word-break:break-word;flex-direction:column;flex:auto;gap:0;padding:8px 24px 24px;display:flex;overflow-y:auto}.low-score-details-row{border-bottom:1px solid var(--app-border-soft,#f9fafb);flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.low-score-details-row:last-of-type{border-bottom:none}.low-score-details-label{color:var(--app-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;min-width:80px;font-size:13px;font-weight:600}.low-score-details-value{color:var(--app-text,#111827);flex:1;font-weight:500}.low-score-details-employee{align-items:center;gap:12px;display:flex}.low-score-details-avatar{object-fit:cover;border:2px solid #ed2047;border-radius:50%;width:36px;height:36px;box-shadow:0 2px 8px #ed204726}.low-score-details-fallback{color:#ed2047;font-size:32px}.low-score-details-reasons{flex-wrap:wrap;gap:8px;display:flex}.low-score-details-chip{color:#4338ca;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:0 1px 3px #4338ca1a}.low-score-details-empty{color:#9ca3af;font-style:italic}.low-score-details-other-text{border:1px solid var(--app-border,#e5e7eb);background:var(--app-surface-muted,#f8fafc);color:var(--app-text,#111827);white-space:pre-wrap;border-radius:12px;min-height:60px;padding:16px;font-size:14px;line-height:1.6}.chart-scroll-wrapper{overflow-x:auto}.chart-canvas-wrapper{width:100%;padding:24px;display:flex;position:relative}.chart-canvas-wrapper canvas{min-width:640px;display:block;width:100%!important;height:320px!important}.chart-info-icon-container{z-index:10;cursor:pointer;background:0 0;border:none;padding:0;position:absolute}.chart-info-icon{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;transition:all .2s;display:flex;box-shadow:0 2px 6px #ed204766}.chart-info-icon:hover{transform:scale(1.15)}.task-graph-controls-section{background:var(--app-surface,#fff);box-shadow:0 8px 24px var(--app-shadow,#0000000d);border:1px solid #ed20471a;border-radius:12px;margin-bottom:12px;padding:18px}.task-graph-controls-toggle-btn{width:100%;color:var(--app-text,#333);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;display:none}.task-graph-controls{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.task-graph-control{flex-direction:column;gap:6px;min-width:180px;display:flex}.task-graph-control label{color:var(--app-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.task-graph-controls .app-select-wrap{min-width:180px}.task-graph-controls .app-select-container{width:100%}.task-graph-control select,.task-graph-control input[type=date]{border:2px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);height:44px;color:var(--app-text,#374151);border-radius:10px;padding:0 12px;font-family:inherit}.task-graph-range-inputs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-graph-range-inputs span{color:var(--app-text-muted,#6b7280);font-weight:600}.task-graph-employee-selector label{color:var(--app-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.task-graph-card{background:var(--app-surface,#fff);box-shadow:0 8px 25px var(--app-shadow,#0000001a);border:1px solid #ed20471a;border-radius:16px;padding:24px}.task-graph-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.task-graph-header-title{color:var(--app-text,#222);font-size:18px;font-weight:700}.task-graph-note{color:var(--app-text-muted,#6b7280);font-size:13px}.task-graph-status{color:#c53030;background:#c530301a;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-weight:600}.task-graph-body{min-height:360px}.task-graph-loading,.task-graph-empty{color:var(--app-text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:40px 0;font-weight:600}.task-graph-legend{color:var(--app-text-muted,#4b5563);flex-wrap:wrap;gap:18px;margin-top:10px;font-size:13px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot.score{background:linear-gradient(135deg,#93edb2,#138000)}.legend-dot.absent{background:linear-gradient(135deg,#f5c5c9,#f2b5bd)}.legend-dot.low-score{background:linear-gradient(135deg,#fbbf24,#d97706)}.legend-dot.weekend{background:#ffc107}.legend-dot.holiday{background:#28a745}.legend-dot.clockout{background:#dc3545}@media (width<=768px){.task-graph-controls-toggle-btn{display:flex}.task-graph-controls{display:none}.task-graph-controls-section.controls-open .task-graph-controls{flex-direction:column;align-items:stretch;display:flex}}.video-review-title-stats{flex-wrap:wrap;gap:12px;display:flex}.video-review-title-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.video-review-switch-wrap{background:var(--app-surface,#fff);border:1px solid var(--app-border-soft,#ed20471f);border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:inline-flex}.video-review-switch-side{color:#9ca3af;text-align:center;min-width:40px;font-size:13px;font-weight:700}.video-review-switch-side.is-stopped{color:#b45309}.video-review-switch-side.is-running{color:#047857}.video-review-switch{cursor:pointer;background:#d1d5db;border:none;border-radius:17px;flex-shrink:0;width:64px;height:34px;padding:0;transition:background .25s;position:relative}.video-review-switch:disabled{opacity:.6;cursor:not-allowed}.video-review-switch.is-on{background:linear-gradient(135deg,#10b981,#059669)}.video-review-switch-knob{background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000038}.video-review-switch.is-on .video-review-switch-knob{transform:translate(30px)}.video-review-run-label{text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.video-review-run-label.is-stopped{color:#b45309}.video-review-run-label.is-running{color:#047857}.video-review-stat{background:var(--app-surface,#fff);border:1px solid var(--app-border-soft,#ed20471f);border-radius:10px;min-width:110px;padding:10px 14px}.video-review-stat span{color:var(--app-text-muted,#6b7280);font-size:12px;display:block}.video-review-stat strong{color:#ed2047;margin-top:4px;font-size:22px;display:block}.video-review-settings-card{border:1px solid var(--app-border-soft,#ed20471f);background:linear-gradient(135deg,#ed204705,#f2622505);border-radius:12px;margin-bottom:20px;padding:20px}.video-review-settings-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.video-review-settings-head h2{color:var(--app-text,#111827);margin:0;font-size:18px}.video-review-settings-head p{color:var(--app-text-muted,#6b7280);margin:6px 0 0;font-size:13px}.video-review-toggle{color:var(--app-text,#333);cursor:pointer;align-items:center;gap:8px;font-weight:600;display:inline-flex}.video-review-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.video-review-settings-grid label{color:var(--app-text-muted,#555);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.video-review-message-field{grid-column:1/-1}.video-review-access-field{flex-direction:column;grid-column:1/-1;gap:8px;display:flex}.video-review-access-field .doc-roles-select{width:100%}.video-review-access-hint{color:var(--app-text-muted,#6b7280);margin:0;font-size:12px;font-weight:500}.video-review-settings-loading{min-height:120px;color:var(--app-text-muted,#6b7280);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.video-review-received-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.video-review-received-btn.is-pending{color:#b45309;background:#f59e0b1f;border-color:#f59e0b47}.video-review-received-btn.is-yes{color:#047857;background:#10b98124;border-color:#10b9814d}.video-review-received-btn:hover:not(:disabled){filter:brightness(.97)}.video-review-received-btn:disabled{opacity:.65;cursor:not-allowed}.video-review-settings-grid input,.video-review-settings-grid textarea,.video-review-date-field input{border:1px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);width:100%;color:var(--app-text,#111827);font:inherit;box-sizing:border-box;border-radius:10px;padding:10px 12px}.video-review-settings-grid textarea{resize:vertical;min-height:84px}.video-review-settings-actions,.video-review-toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:12px;display:flex}.video-review-settings-actions{margin-top:16px}.video-review-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.video-review-drawn-badge{color:#6b7280;background:#f3f4f6;border-radius:999px;align-items:center;height:40px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.video-review-menu-wrap{margin-left:auto;position:relative}.video-review-menu-btn{border:1px solid var(--app-border,#e5e7eb);background:var(--app-surface,#fff);width:40px;height:40px;color:var(--app-text,#111827);cursor:pointer;border-radius:10px}.video-review-menu-btn:hover:not(:disabled){color:#ed2047;border-color:#ed204759}.video-review-menu-btn:disabled{opacity:.55;cursor:not-allowed}.video-review-menu{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);z-index:20;border-radius:10px;flex-direction:column;gap:2px;min-width:240px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #0f172a1f}.video-review-menu-item{text-align:left;width:100%;font:inherit;color:var(--app-text,#111827);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.video-review-menu-item:hover:not(:disabled){color:#ed2047;background:#ed204714}.video-review-menu-item:disabled{opacity:.5;cursor:not-allowed}.video-review-date-field{color:var(--app-text-muted,#555);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.video-review-date-field input{min-width:180px}.video-review-btn{cursor:pointer;border:none;border-radius:10px;height:40px;padding:0 16px;font-family:inherit;font-weight:600}.video-review-btn:disabled{opacity:.55;cursor:not-allowed}.video-review-btn-primary{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);box-shadow:0 4px 10px #ed204733}.video-review-btn-secondary{background:var(--app-surface,#fff);color:var(--app-text,#111827);border:1px solid var(--app-border,#e5e7eb)}.video-review-employee-meta{flex-direction:column;min-width:0;display:flex}.video-review-employee-meta strong{color:var(--app-text,#111827)}.video-review-employee-meta span{color:var(--app-text-muted,#6b7280);font-size:12px}.video-review-status{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.video-review-status.is-sent{color:#047857;background:#10b9811f}.video-review-status.is-wait{color:#b45309;background:#f59e0b24}.video-review-status.is-delay,.video-review-status.is-due{color:#1d4ed8;background:#3b82f61f}.video-review-channels{flex-wrap:wrap;gap:8px;display:flex}.video-review-channels span{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.video-review-channels .is-on{color:#047857}.video-review-channels .is-off{color:var(--app-text-muted,#9ca3af)}.video-review-error{color:#b91c1c;padding:16px;font-weight:600}.video-review-page .perf-table-card{min-height:180px}.video-review-draw-section{margin-bottom:20px}.video-review-draw-head,.video-review-roster-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.video-review-draw-head h2,.video-review-roster-head h2{color:var(--app-text,#111827);margin:0;font-size:18px}.video-review-draw-head span,.video-review-roster-head span{color:var(--app-text-muted,#6b7280);font-size:13px}.video-review-draw-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.video-review-draw-card{background:var(--app-surface,#fff);border:1px solid var(--app-border-soft,#ed20471f);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex;box-shadow:0 2px 10px #0000000a}.video-review-draw-card-top{color:#ed2047;justify-content:space-between;width:100%;font-size:12px;font-weight:700;display:flex}.video-review-draw-card strong{color:var(--app-text,#111827)}.video-review-draw-card>span{color:var(--app-text-muted,#6b7280);font-size:12px}.video-review-roster-card{background:var(--app-surface,#fff);border:1px solid var(--app-border-soft,#ed20471f);border-radius:12px;margin-top:20px;padding:20px}.video-review-not-drawn-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.video-review-not-drawn-card{border:1px solid var(--app-border-soft,#ed20471f);background:linear-gradient(135deg,#ed204708,#f2622508);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex}.video-review-not-drawn-card .video-review-employee-meta{min-width:0}.video-review-last-drawn{color:var(--app-text-muted,#6b7280);font-size:12px}.video-review-not-drawn-empty{color:var(--app-text-muted,#6b7280);margin:0;padding:18px 0 4px;font-size:14px}@media (width<=890px){.video-review-settings-grid{grid-template-columns:1fr}.video-review-title-stats{width:100%}.video-review-stat{flex:90px}}[data-theme=dark] .attendance-page .remark-missing,[data-theme=dark] .team-attendance-page .remark-missing,[data-theme=dark] .attendance-page .remark.working-day-half,[data-theme=dark] .team-attendance-page .remark.working-day-half{color:#fdba74;background:linear-gradient(135deg,#ea580c38,#fb923c24);border-color:#fb923c73}@media (width<=768px){.attendance-main-content,.team-attendance-main-content{padding:20px}.attendance-page .filter-section{flex-direction:column;align-items:stretch}.attendance-page .attendance-buttons{justify-content:stretch}.attendance-page .clock-btn{flex:1}}@media (width>=500px) and (width<=1100px){.team-attendance-page .header-section{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.team-attendance-page .header-section .search-section{flex-wrap:nowrap;flex:0 auto;width:auto;max-width:none}.team-attendance-page .header-section .search-section .app-search-input-wrap{width:340px;min-width:320px;max-width:360px}}@media (width<=499px){.attendance-page .search-section input,.team-attendance-page .search-section input,.team-attendance-page .header-section .app-search-input-wrap{width:100%;min-width:0;max-width:none}.team-attendance-page .header-section{flex-direction:column;align-items:stretch}.team-attendance-page .header-section .search-section{width:100%}}.attendance-rule-modal-overlay{z-index:100010;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.attendance-rule-modal-content{background:var(--app-surface,#fff);width:min(560px,100%);max-height:90vh;box-shadow:0 24px 60px var(--app-shadow,#0003);border:1px solid var(--app-border-soft,transparent);border-radius:16px;flex-direction:column;display:flex}.attendance-rule-modal-header{border-bottom:1px solid #ed20471a;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.attendance-rule-modal-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:18px;font-weight:600;line-height:1.25}.attendance-rule-modal-close{cursor:pointer;color:#666;background:0 0;border:none;font-size:18px}.attendance-rule-modal-body{padding:20px 24px;overflow-y:auto}.attendance-rule-tier-toggle{border:1px solid var(--app-border,#ed20472e);background:var(--app-surface-2,#ed20470a);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 16px;display:flex}.attendance-rule-tier-toggle__text{flex-direction:column;gap:4px;min-width:0;display:flex}.attendance-rule-tier-toggle__title{color:var(--app-text,#333);font-size:14px;font-weight:600}.attendance-rule-tier-toggle__hint{color:var(--app-text-muted,#777);font-size:12px;line-height:1.4}.attendance-rule-switch{cursor:pointer;flex-shrink:0;width:46px;height:26px;display:inline-flex;position:relative}.attendance-rule-switch input{opacity:0;width:0;height:0;position:absolute}.attendance-rule-switch__slider{background:var(--app-border,#cfd3d8);border-radius:999px;transition:background .2s;position:absolute;inset:0}.attendance-rule-switch__slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.attendance-rule-switch input:checked+.attendance-rule-switch__slider{background:linear-gradient(135deg,#ed2047,#f26225)}.attendance-rule-switch input:checked+.attendance-rule-switch__slider:before{transform:translate(20px)}.attendance-rule-switch input:focus-visible+.attendance-rule-switch__slider{outline-offset:2px;outline:2px solid #ed2047}.attendance-rule-modal-body .form-group{margin-bottom:16px}.attendance-rule-modal-body label{color:var(--app-text,#333);margin-bottom:6px;font-weight:500;display:block}.attendance-rule-modal-body .required{color:#ed2047}.attendance-rule-modal-body input,.attendance-rule-modal-body select{border:2px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);width:100%;color:var(--app-text,#333);border-radius:8px;padding:10px 12px;font-size:14px}.attendance-rule-modal-body .attendance-rule-select{flex-wrap:nowrap;gap:0;width:100%}.attendance-rule-modal-body .attendance-rule-select .app-select-container{width:100%;min-width:0}.attendance-rule-modal-body .attendance-rule-select .app-select-trigger{min-height:42px;box-shadow:none;border-width:2px}.attendance-rule-section{border-top:2px solid #ed204733;margin-top:24px;padding-top:20px}.attendance-rule-section h3{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:18px;font-weight:600}.attendance-rule-modal-footer{border-top:1px solid #ed20471a;align-items:center;gap:12px;padding:12px 16px;display:flex}.attendance-rule-last-updated{min-width:0;color:var(--app-text-muted,#666);flex:1;font-size:12px}.attendance-rule-modal-footer .btn-save{cursor:pointer;color:#fff;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;flex-shrink:0;padding:10px 18px;font-size:14px;font-weight:500}.attendance-rule-modal-footer .btn-save:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.attendance-rule-modal-overlay{padding:12px}.attendance-rule-modal-header{padding:8px 12px}.attendance-rule-modal-title{font-size:16px}.attendance-rule-modal-footer{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.attendance-rule-last-updated{flex:none;width:100%;line-height:1.4}.attendance-rule-modal-footer .btn-save{width:100%}}.attendance-rule-loading{text-align:center;color:#666;padding:24px}[data-theme=dark] .attendance-rule-modal-overlay{background:#000000b8}[data-theme=dark] .attendance-rule-modal-content{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 24px 60px #00000080}[data-theme=dark] .attendance-rule-modal-header,[data-theme=dark] .attendance-rule-modal-footer{border-color:var(--app-border)}[data-theme=dark] .attendance-rule-modal-close{color:var(--app-text-muted)}[data-theme=dark] .attendance-rule-modal-body label{color:var(--app-text)}[data-theme=dark] .attendance-rule-modal-body input,[data-theme=dark] .attendance-rule-modal-body select{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .attendance-rule-section{border-top-color:var(--app-border)}[data-theme=dark] .attendance-rule-last-updated,[data-theme=dark] .attendance-rule-loading{color:var(--app-text-muted)}@media (width<=1100px){.gtg-member-page .filter-section{flex-direction:column;align-items:stretch}.gtg-member-page .filter-controls,.gtg-member-page .employee-selector{flex:none;width:100%}}@media (width>=500px) and (width<=1100px){.gtg-member-page .header-section{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.gtg-member-page .header-section .page-title{flex:auto;min-width:0}.gtg-member-page .header-section .search-section{flex-wrap:nowrap;flex:0 auto;width:auto;max-width:46%}.gtg-member-page .header-section .search-section .app-search-input-wrap{width:100%;min-width:140px;max-width:220px}}@media (width<=768px){.gtg-member-content{padding:20px}.gtg-member-page .filter-section{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.gtg-member-page .header-section{gap:16px;padding:16px}.gtg-member-page .filter-controls{flex-direction:column;align-items:stretch;gap:14px;padding:14px}.gtg-member-page .filter-controls .app-select-wrap{flex-direction:column;flex:none;align-items:stretch;gap:8px;width:100%}.gtg-member-page .filter-controls .app-select-container{width:100%}.gtg-member-page .date-range-container{flex-direction:column;align-items:stretch;width:100%}.gtg-member-page .date-range-container input[type=date]{width:100%}.gtg-member-page .employee-selector{border-bottom:4px solid #ed2047;border-right:none;width:100%}.gtg-member-page .custom-select{min-width:0}.gtg-table-wrap,.team-attendance-table-wrap{max-height:none}.gtg-table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;overflow:auto visible}.gtg-table{width:max-content;min-width:900px}.gtg-table th,.gtg-table td{white-space:nowrap}}@media (width<=499px){.gtg-member-page .header-section{flex-direction:column;align-items:stretch}.gtg-member-page .header-section .search-section{flex-wrap:wrap;width:100%}.gtg-member-page .header-section .search-section input,.gtg-member-page .header-section .app-search-input-wrap{width:100%;min-width:0;max-width:none}}@media (width<=480px){.gtg-member-content{padding:12px}.gtg-member-page .page-title{font-size:22px}.gtg-member-page .filter-section,.gtg-member-page .header-section{padding:12px}.gtg-member-page .selected-option img,.gtg-member-page .dropdown-option img{width:28px;height:28px}.gtg-member-page .user-icon{font-size:28px}}@media (width>=500px) and (width<=1100px){.gtg-member-page .header-section{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.gtg-member-page .header-section .search-section{flex:0 auto!important;width:auto!important;max-width:46%!important}.gtg-member-page .header-section .search-section .app-search-input-wrap{width:100%!important;min-width:140px!important;max-width:220px!important}}.attendance-page,.team-attendance-page{min-height:0}.attendance-main-content,.team-attendance-main-content{padding:40px}.attendance-page .attendance-title-card{border:1px solid var(--app-border-soft,#ed20471f);box-shadow:0 2px 12px var(--app-shadow,#0000000f);background:linear-gradient(135deg,#ed204705,#f2622505);border-radius:12px;margin-bottom:30px;padding:20px;position:relative;overflow:visible}.attendance-page .attendance-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.attendance-page .attendance-page-title{letter-spacing:-.5px;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;color:#ed2047;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:600}.attendance-page .attendance-page-subtitle{color:var(--app-text-muted,#6b7280);margin-top:6px;font-size:14px}.attendance-page .search-section{align-items:center;gap:10px;display:flex}.attendance-page .search-section label{color:var(--app-text-muted);font-weight:500}.attendance-page .search-section input{border:2px solid var(--app-border);background:var(--app-input-bg);width:min(300px,100%);color:var(--app-text);box-shadow:0 2px 4px var(--app-shadow);border-radius:10px;padding:12px 16px;font-size:14px}.attendance-page .search-section input::placeholder{color:var(--app-text-muted)}.attendance-page .current-status{box-shadow:0 2px 12px var(--app-shadow);background:linear-gradient(135deg,#ed20470a,#f2622508);border:1px solid #ed20471f;border-left:4px solid #ed2047;border-radius:12px;margin-bottom:30px;padding:20px}.attendance-page .current-status h3{color:var(--app-text);margin-bottom:15px;font-weight:600}.attendance-page .current-status p,.attendance-page .attendance-clock-status__message p{color:var(--app-text-muted);margin:8px 0;line-height:1.5}.attendance-page .attendance-clock-status__message p strong{color:var(--app-text);font-weight:700}.attendance-page .attendance-clock-status__break-time{color:var(--app-text-muted);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:500;display:flex}.attendance-page .attendance-clock-status__break-time i{color:#ed2047}.attendance-page .attendance-clock-status .attendance-buttons,.attendance-page .attendance-clock-status .clock-buttons{flex-wrap:wrap;gap:15px;margin-top:8px;display:flex}.attendance-page .attendance-clock-status .clock-btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.attendance-page .apply-leave-placeholder{margin-top:24px}.attendance-page .approval-status-line{margin-top:10px;font-weight:500}.attendance-page .approval-status-line--approved{color:#28a745}.attendance-page .approval-status-line--pending{color:#ffc107}.attendance-page .filter-section{background:var(--app-surface);border:1px solid var(--app-border-soft);box-shadow:0 2px 8px var(--app-shadow);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.attendance-page .filter-controls{background:var(--app-surface-muted);border-left:4px solid #ed2047;border-radius:8px;flex-wrap:wrap;align-items:center;gap:20px;padding:15px;display:flex}.attendance-page .filter-section label{color:var(--app-text-muted);margin-right:10px;font-weight:500}.attendance-page .filter-section select,.attendance-page .filter-section input[type=date]{border:2px solid var(--app-border);background:var(--app-input-bg);color:var(--app-text);box-shadow:0 2px 4px var(--app-shadow);border-radius:8px;padding:10px 14px;font-size:14px}.attendance-page .date-range-container{background:var(--app-surface);border-left:4px solid #ed2047;border-right:4px solid #ed2047;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.attendance-page .attendance-buttons{flex-wrap:wrap;gap:15px;display:flex}.attendance-page .clock-btn{cursor:pointer;color:#fff;text-shadow:0 1px 1px #0000001f;border:none;border-radius:10px;min-width:140px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.attendance-page .clockin-btn{background:linear-gradient(135deg,#22c55e,#059669);border:1px solid #ffffff1f;box-shadow:0 4px 14px #10b98147}.attendance-page .clockout-btn{background:linear-gradient(135deg,#f43f5e,#e11d48);border:1px solid #ffffff1f;box-shadow:0 4px 14px #ef44444d}.attendance-page .clockout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef44446b}.attendance-page .break-btn{color:#1c1917;text-shadow:none;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid #ffffff26;box-shadow:0 4px 14px #f59e0b52}.attendance-page .break-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b73}.attendance-page .start-again-btn{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border:1px solid #ffffff24;box-shadow:0 4px 14px #ed204759}.attendance-page .start-again-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ed20474d}.attendance-page .clock-btn:disabled,.attendance-page .clock-btn[disabled]{opacity:.6;cursor:not-allowed}.attendance-page .clock-btn.is-processing,.attendance-page .clock-btn.is-processing:disabled,.attendance-page .clock-btn.is-processing[disabled]{opacity:1;cursor:wait}.attendance-page .attendance-table{border-collapse:collapse;background:var(--app-surface);width:100%;box-shadow:0 8px 25px var(--app-shadow);border:1px solid var(--app-border-soft);border-radius:16px;overflow:hidden}.attendance-page .attendance-table th,.attendance-page .attendance-table td{text-align:left;border-bottom:1px solid var(--app-border);vertical-align:top;color:var(--app-text);padding:18px 15px}.attendance-page .attendance-table th{background:var(--app-surface-muted);color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.attendance-page .attendance-table tr:hover{background:var(--app-surface-muted)}.attendance-page .attendance-loading-row,.attendance-page .attendance-error-row,.attendance-page .no-attendance-records{text-align:center;color:var(--app-text-muted);padding:20px}.attendance-page .live-working-hours{color:#17a2b8;font-weight:600}.attendance-page .clockout-miss-hours,.team-attendance-page .clockout-miss-hours{color:#ea580c;font-weight:600}.attendance-page .remark-missing,.team-attendance-page .remark-missing{color:#ea580c;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fdba74;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.attendance-page .remark.working-day-half,.team-attendance-page .remark.working-day-half{text-transform:uppercase;letter-spacing:.35px;white-space:nowrap;color:#ea580c;vertical-align:middle;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fdba74;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.7rem;font-weight:700;line-height:1.35;display:inline-flex}.attendance-page .remark.working-day-half i,.team-attendance-page .remark.working-day-half i{color:inherit;font-size:.75rem}.attendance-page .remark.working-day-three-quarter,.team-attendance-page .remark.working-day-three-quarter{text-transform:uppercase;letter-spacing:.35px;white-space:nowrap;color:#0e7490;vertical-align:middle;background:linear-gradient(135deg,#ecfeff,#a5f3fc);border:1px solid #67e8f9;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.7rem;font-weight:700;line-height:1.35;display:inline-flex}.attendance-page .remark.working-day-three-quarter i,.team-attendance-page .remark.working-day-three-quarter i{color:inherit;font-size:.75rem}.attendance-page .remark.remark-waived,.team-attendance-page .remark.remark-waived{text-transform:uppercase;letter-spacing:.35px;white-space:nowrap;color:#047857;vertical-align:middle;background:linear-gradient(135deg,#ecfdf5,#a7f3d0);border:1px solid #6ee7b7;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.7rem;font-weight:700;line-height:1.35;display:inline-flex}.attendance-page .remark.remark-waived i,.team-attendance-page .remark.remark-waived i{color:inherit;font-size:.75rem}[data-theme=dark] .attendance-page .remark-missing,[data-theme=dark] .team-attendance-page .remark-missing,[data-theme=dark] .attendance-page .remark.working-day-half,[data-theme=dark] .team-attendance-page .remark.working-day-half{color:#fdba74;background:linear-gradient(135deg,#ea580c38,#fb923c24);border-color:#fb923c73}[data-theme=dark] .attendance-page .remark.working-day-three-quarter,[data-theme=dark] .team-attendance-page .remark.working-day-three-quarter{color:#67e8f9;background:linear-gradient(135deg,#0e749047,#22d3ee24);border-color:#67e8f973}[data-theme=dark] .attendance-page .remark.remark-waived,[data-theme=dark] .team-attendance-page .remark.remark-waived{color:#6ee7b7;background:linear-gradient(135deg,#04785747,#34d39924);border-color:#6ee7b773}[data-theme=dark] .attendance-page .clockout-miss-hours,[data-theme=dark] .team-attendance-page .clockout-miss-hours{color:#fdba74}[data-theme=dark] .attendance-page .live-working-hours{color:#38bdf8}.team-attendance-page .header-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;padding:20px;display:flex}.team-attendance-page .page-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:600}.team-attendance-page .search-section{align-items:center;gap:10px;display:flex}.team-attendance-page .search-section label{color:#555;font-weight:500}.team-attendance-page .search-section input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:min(300px,100%);padding:12px 16px;font-size:14px;box-shadow:0 2px 4px #0000000d}.team-attendance-page .filter-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.team-attendance-page .filter-controls{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.team-attendance-page .filter-section label{color:#555;margin-right:10px;font-weight:500}.team-attendance-page .filter-section select,.team-attendance-page .filter-section input[type=date]{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 14px;font-size:14px;box-shadow:0 2px 4px #0000000d}.team-attendance-page .date-range-container{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.team-attendance-page .attendance-table{border-collapse:collapse;background:#fff;border:1px solid #ed20471a;border-radius:16px;width:max-content;min-width:100%;box-shadow:0 8px 25px #0000001a}.team-attendance-page .attendance-table th,.team-attendance-page .attendance-table td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #ed20471a;width:1%;padding:18px 15px}.team-attendance-page .attendance-table th{color:#333;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ed20470d,#f262250d);font-size:14px;font-weight:600}.attendance-loading-row,.attendance-error-row,.no-attendance-records{text-align:center;color:#666;padding:20px}.live-working-hours{color:#17a2b8;font-weight:600}@media (width<=768px){.attendance-main-content,.team-attendance-main-content{padding:20px}.attendance-page .filter-section{flex-direction:column;align-items:stretch}.attendance-page .attendance-buttons{justify-content:stretch}.attendance-page .clock-btn{flex:1}}@media (width>=500px) and (width<=1100px){.team-attendance-page .header-section{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.team-attendance-page .header-section .search-section{flex-wrap:nowrap;flex:0 auto;width:auto;max-width:none}.team-attendance-page .header-section .search-section .app-search-input-wrap{width:340px;min-width:320px;max-width:360px}}@media (width<=499px){.attendance-page .search-section input,.team-attendance-page .search-section input,.team-attendance-page .header-section .app-search-input-wrap{width:100%;min-width:0;max-width:none}.team-attendance-page .header-section{flex-direction:column;align-items:stretch}.team-attendance-page .header-section .search-section{width:100%}}.team-attendance-page .header-section{background:var(--app-surface);border:1px solid var(--app-border-soft);box-shadow:0 2px 8px var(--app-shadow)}.team-attendance-page .page-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.team-attendance-page .search-section label{color:var(--app-text-muted)}.team-attendance-page .search-section input{background:var(--app-input-bg);border:2px solid var(--app-border);color:var(--app-text);box-shadow:0 2px 4px var(--app-shadow)}.team-attendance-page .search-section input::placeholder{color:var(--app-text-muted)}.team-attendance-table-wrap{scrollbar-width:none;-ms-overflow-style:none;border-radius:16px;overflow:auto visible}.team-attendance-table-wrap:has(.action-dropdown.active){padding-bottom:110px;overflow-x:auto}.team-attendance-table-wrap::-webkit-scrollbar{width:0;height:0;display:none}.team-attendance-page .attendance-table{background:var(--app-surface);border:1px solid var(--app-border-soft);box-shadow:0 8px 25px var(--app-shadow);border-collapse:separate;border-spacing:0}.team-attendance-page .attendance-table th{color:var(--app-text);background-color:var(--app-surface-muted);border-bottom:1px solid var(--app-border)}.team-attendance-page .attendance-table thead th{box-shadow:none;position:static}.team-attendance-page .attendance-table td{color:var(--app-text);border-bottom:1px solid var(--app-border);background-color:var(--app-surface)}.team-attendance-page .attendance-table tr:hover{background:var(--app-surface-muted)}.team-attendance-page .attendance-loading-row,.team-attendance-page .attendance-error-row,.team-attendance-page .no-attendance-records{color:var(--app-text-muted)}.team-attendance-page .live-working-hours{color:#17a2b8}[data-theme=dark] .team-attendance-page .live-working-hours{color:#38bdf8}.team-attendance-page .attendance-rule-row{justify-content:flex-end;margin-bottom:20px;display:flex}.team-attendance-page .attendance-rule-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 6px #ed204740}.team-attendance-page .attendance-rule-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ed204759}.team-attendance-page .fine-summary-box{background:linear-gradient(135deg,#ffc1071f,#ff98000f);border:2px solid #ffc107;border-radius:12px;margin-bottom:24px;padding:20px;display:none}.team-attendance-page .fine-summary-box.visible{display:block}.team-attendance-page .fine-summary-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.team-attendance-page .fine-summary-label{color:#856404;align-items:center;gap:10px;font-weight:600;display:flex}.team-attendance-page .fine-summary-label i{color:#f59e0b}.team-attendance-page .fine-summary-amount{color:#dc3545;font-size:28px;font-weight:700}.team-attendance-page .fine-summary-details{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.team-attendance-page .fine-detail-item{background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-text-muted);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}[data-theme=dark] .team-attendance-page .fine-summary-box{background:linear-gradient(135deg,#f59e0b24,#ea580c14);border-color:#f59e0b8c}[data-theme=dark] .team-attendance-page .fine-summary-label{color:#fbbf24}[data-theme=dark] .team-attendance-page .fine-summary-amount{color:#f87171}.team-attendance-page .employee-info{color:var(--app-text);align-items:center;gap:10px;display:flex}.team-attendance-page .employee-info img{object-fit:cover;border:2px solid #ed204759;border-radius:50%;width:36px;height:36px}.team-attendance-page .employee-info .user-icon{color:var(--app-text-muted);font-size:36px}.team-attendance-page .team-remark-cell{color:var(--app-text);z-index:1;position:relative;overflow:visible}.team-attendance-page .team-remark-cell:has(.action-dropdown.active){z-index:30;overflow:visible}.team-attendance-page .attendance-table tr:has(.action-dropdown.active){z-index:25;position:relative}.team-attendance-page .attendance-table td:has(.action-dropdown.active){overflow:visible}.team-attendance-page .team-remark-cell .attendance-ticket-fine{color:#fff;background-color:#dc3545;border-radius:4px;margin:2px 0;padding:2px 8px;font-weight:600;display:inline-block}.team-attendance-page .team-remark-cell .remark-action-menu{vertical-align:middle;margin-left:6px;display:inline-block;position:relative;overflow:visible}.team-attendance-page .three-dots-btn{cursor:pointer;color:var(--app-text-muted);background:0 0;border:none;border-radius:6px;padding:4px 8px;transition:background .15s,color .15s}.team-attendance-page .three-dots-btn:hover{background:var(--app-surface-muted);color:var(--app-text)}.team-attendance-page .action-dropdown{background:var(--app-surface);border:1px solid var(--app-border);min-width:200px;height:auto;max-height:none;box-shadow:0 8px 24px var(--app-shadow);z-index:40;border-radius:8px;display:none;position:absolute;inset:0 calc(100% + 4px) auto auto;overflow:visible}.team-attendance-page .action-dropdown.active{display:block}.team-attendance-page .action-dropdown-item{cursor:pointer;color:var(--app-text);align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.team-attendance-page .action-dropdown-item:hover{background:var(--app-surface-muted)}.team-attendance-page .action-dropdown-item i{color:#ed2047;width:16px}@media (width<=1100px){.team-attendance-page .fine-summary-box{padding:16px}.team-attendance-page .fine-summary-amount{font-size:24px}.team-attendance-page .fine-detail-item{flex:auto}}@media (width>=500px) and (width<=1100px){.team-attendance-page.gtg-member-page .header-section .search-section{flex:none!important;max-width:none!important}.team-attendance-page.gtg-member-page .header-section .search-section .app-search-input-wrap{width:340px!important;min-width:320px!important;max-width:360px!important}.team-attendance-page.gtg-member-page .header-section .search-section .app-search-input-wrap>input.app-search-input{padding-right:36px!important}}.alb-modal-overlay{z-index:10050;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.alb-modal-content{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;animation:.3s albModalSlideIn;display:flex;position:relative;box-shadow:0 10px 40px #0003}@keyframes albModalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.alb-modal-header{border-bottom:2px solid #ed20471a;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.alb-modal-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:600}.alb-modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;display:flex}.alb-modal-close:hover{color:#ed2047;background:#ed20471a}.alb-modal-body{max-height:calc(80vh - 140px);padding:20px 24px;overflow-y:auto}.alb-form-group{margin-bottom:18px}.alb-form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.alb-required{color:#ed2047}.alb-form-group input,.alb-form-group select,.alb-form-group textarea{box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px;font-size:14px}.alb-form-group input:focus,.alb-form-group select:focus,.alb-form-group textarea:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471a}.alb-form-group textarea{resize:vertical;min-height:80px}.alb-balance-preview{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;margin:8px 0 20px;padding:15px}.alb-balance-preview h4{color:#333;margin:0 0 10px;font-size:15px}.alb-balance-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.alb-balance-card{text-align:center;background:#fff;border-radius:6px;padding:10px}.alb-balance-label{color:#666;margin-bottom:5px;font-size:12px}.alb-balance-value{color:#495057;font-size:16px;font-weight:600}.alb-balance-value--total{color:#28a745}.alb-balance-value--used{color:#dc3545}.alb-modal-footer{border-top:1px solid #ed20471a;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.alb-btn-cancel{color:#666;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.alb-btn-cancel:hover{background:#f8f9fa;border-color:#ccc}.alb-btn-save{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.alb-btn-save:hover{background:linear-gradient(90deg,#d91a3d,#e55a1f)}.alb-btn-save:disabled,.alb-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.aub-modal-overlay{z-index:2147483000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.aub-modal-content{background:#fff;border:1px solid #00000014;border-radius:14px;flex-direction:column;width:98vw;max-width:98vw;height:95vh;max-height:95vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000047}.aub-modal-header{background:#fff;border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.aub-modal-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.aub-add-balance-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.aub-add-balance-btn:hover{background:linear-gradient(90deg,#d91a3d,#e55a1f)}.aub-modal-title{color:#111827;margin:0;font-size:30px;font-weight:700}.aub-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:22px;line-height:1;display:inline-flex}.aub-modal-close:hover{color:#111827;background:#f3f4f6}.aub-modal-body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:auto}.aub-loading,.aub-empty{text-align:center;color:#6b7280;padding:32px;font-size:14px}.aub-table-wrap{flex:1;overflow:auto}.aub-table{border-collapse:collapse;background:#fff;width:100%;min-width:920px}.aub-table th,.aub-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eee;padding:12px;font-size:13px}.aub-table th{z-index:1;color:#111827;background:#fafafa;font-weight:600;position:sticky;top:0}.aub-table td{color:#374151}.aub-employee-cell{align-items:center;gap:10px;min-width:0;display:flex}.aub-employee-avatar{object-fit:cover;background:#f3f4f6;border:1px solid #00000014;border-radius:50%;flex-shrink:0;width:32px;height:32px}.aub-employee-avatar-fallback{color:#9ca3af;flex-shrink:0;width:32px;height:32px;font-size:32px;line-height:32px}.aub-employee-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:inherit;font-weight:500;overflow:hidden}.aub-table th.aub-col-action,.aub-table td.aub-col-action{z-index:2;background:#fff;width:72px;min-width:72px;position:sticky;right:0;box-shadow:-6px 0 12px #0f172a14}.aub-table th.aub-col-action{z-index:4;background:#fafafa;top:0}.aub-pills{grid-template-columns:repeat(auto-fit,minmax(220px,max-content));align-content:start;gap:8px;display:grid}.aub-cashin-tag{color:#6b7280;font-size:.92em;font-weight:500}.aub-pill{color:#7c1d33;white-space:nowrap;background:#fff7f9;border:1px solid #f3c5cf;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 8px 4px 10px;font-size:12px;display:inline-flex;overflow:visible}.aub-pill-text{text-overflow:ellipsis;color:#7c1d33;overflow:hidden}.aub-pill-menu-wrap{flex-shrink:0;position:relative}.aub-pill-menu-btn{color:#9f1239;cursor:pointer;background:#fff8fa;border:1px solid #efcfd9;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:10px;line-height:1;display:inline-flex}.aub-pill-menu-btn:hover{background:#ffeef3;border-color:#e9b7c5}.aub-pill-menu{z-index:25;background:#fff;border:1px solid #e6e6e6;border-radius:8px;min-width:110px;position:absolute;top:24px;right:0;box-shadow:0 8px 20px #0000001f}.aub-pill-menu--floating{z-index:2147483100;position:fixed;right:auto}.aub-pill-menu-item{text-align:left;cursor:pointer;color:#111827;background:#fff;border:none;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:12px;display:flex}.aub-pill-menu-item:hover{background:#fff2f5}.aub-menu-wrap{display:inline-block;position:relative}.aub-menu-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e3e3e3;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.aub-menu-btn:hover{background:#f9fafb}.aub-menu{z-index:30;background:#fff;border:1px solid #e9e9e9;border-radius:8px;min-width:190px;position:absolute;top:38px;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}.aub-menu--floating{z-index:2147483100;position:fixed;top:0;left:0;right:auto}.aub-menu-item{text-align:left;cursor:pointer;color:#111827;background:#fff;border:none;width:100%;padding:9px 12px;font-size:13px;display:block}.aub-menu-item:hover{background:#fff2f5}.aub-sub-modal-overlay{z-index:2147483050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.aub-sub-modal{background:#fff;border:1px solid #00000014;border-radius:14px;flex-direction:column;width:92vw;max-width:1100px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000047}.aub-sub-modal.aub-reason-modal-content{max-width:760px;max-height:85vh}.aub-sub-modal-header{background:#fff;border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.aub-sub-modal-header h3{color:#111827;margin:0;font-size:18px;font-weight:700}.aub-sub-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:22px;line-height:1;display:inline-flex}.aub-sub-close:hover{color:#111827;background:#f3f4f6}.aub-sub-modal-body{flex:1;padding:16px 20px;overflow:auto}.aub-edit-header-row{color:#666;border-bottom:1px solid #f0f0f0;grid-template-columns:minmax(220px,1fr) 220px 220px;align-items:center;gap:12px;padding:10px 0;font-size:12px;font-weight:600;display:grid}.aub-edit-row{border-bottom:1px solid #f0f0f0;grid-template-columns:minmax(220px,1fr) 220px 220px;align-items:center;gap:12px;padding:10px 0;display:grid}.aub-edit-header-row--full,.aub-edit-row--full{grid-template-columns:minmax(160px,1.4fr) minmax(110px,1fr) minmax(110px,1fr) minmax(90px,.8fr);min-width:680px}.aub-edit-row:last-child{border-bottom:none}.aub-edit-cell{color:#374151;font-size:13px}.aub-edit-type-name{color:#111827;font-weight:600}.aub-edit-type-hint{color:#6b7280;margin-top:2px;font-size:11px}.aub-edit-balance-cell{color:#111827;font-weight:700}.aub-edit-input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 12px;font-size:13px}.aub-edit-input:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.aub-edit-reason-block{border-top:1px solid #f0f0f0;margin-top:16px;padding-top:14px}.aub-required{color:#ed2047}.aub-edit-reason-hint{color:#6b7280;margin-top:6px;font-size:12px;display:block}.aub-reason-intro{margin:0 0 12px}.aub-reason-change-summary{color:#6b7280;margin:-2px 0 8px;font-size:12px;line-height:1.4}.aub-reason-overlay{z-index:2147483200}.aub-reason-item{border-bottom:1px solid #f1f1f1;flex-direction:column;gap:8px;padding:10px 0;display:flex}.aub-reason-item:last-child{border-bottom:none}.aub-reason-label{color:#1f2937;font-size:14px;font-weight:500;display:block}.aub-reason-textarea{resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:78px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.45;display:block}.aub-reason-textarea:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.aub-reason-textarea:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.aub-sub-modal-footer{background:#fff;border-top:1px solid #eee;flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.aub-sub-modal-footer .btn-cancel,.aub-sub-modal-footer .btn-save{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600}.aub-sub-modal-footer .btn-cancel{color:#374151;background:#fff}.aub-sub-modal-footer .btn-save{color:#fff;background:linear-gradient(90deg,#6f42c1,#5a2ea6);border:none}.aub-sub-modal-footer .btn-save:disabled{cursor:not-allowed;background:#9ca3af}.aub-logs-drawer-overlay{z-index:2147483100;background:#0f172a59;position:fixed;inset:0}.aub-logs-drawer{z-index:2147483110;background:#fff;flex-direction:column;width:min(440px,96vw);height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-10px 0 30px #0003}.aub-logs-drawer-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.aub-logs-drawer-title{color:#111827;font-size:17px;font-weight:700}.aub-logs-drawer-subtitle{color:#6b7280;margin-top:2px;font-size:11px}.aub-logs-drawer-body{background:#fafafa;flex:1;padding:12px;overflow:auto}.aub-log-line{color:#6b7280;padding:8px 0;font-size:13px}.aub-log-error{color:#b91c1c}.aub-leave-logs-flow{padding-left:22px;position:relative}.aub-leave-logs-flow:before{content:"";background:#d1d5db;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:8px}.aub-log-item{background:#fff;border:2px solid #d1d5db;border-radius:12px;margin-bottom:12px;padding:12px;position:relative;box-shadow:0 1px 3px #0000000f}.aub-log-item:before{content:"";background:#9ca3af;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:18px;left:-24px;box-shadow:0 0 0 2px #d1d5db}.aub-log-item.credit{background:#f0fdf4;border-color:#10b981}.aub-log-item.credit:before{background:#10b981;box-shadow:0 0 0 2px #10b981}.aub-log-item.usage{background:#fef2f2;border-color:#ef4444}.aub-log-item.usage:before{background:#ef4444;box-shadow:0 0 0 2px #ef4444}.aub-log-item.neutral{background:#fffbeb;border-color:#f59e0b}.aub-log-item.neutral:before{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b}.aub-log-title{color:#111827;margin-bottom:4px;font-size:13px;font-weight:700}.aub-log-sub{color:#374151;margin-top:2px;font-size:12px}.aub-log-time{color:#6b7280;margin-top:6px;font-size:11px}@media (width<=1024px){.aub-modal-content{width:99vw;max-width:99vw;height:92vh;max-height:92vh}.aub-table{min-width:760px}}@media (width<=768px){.aub-modal-overlay{padding:10px}.aub-modal-title{font-size:24px}.aub-modal-content{border-radius:10px;width:100%;max-width:100%;height:94vh;max-height:94vh}.aub-table-wrap{-webkit-overflow-scrolling:touch;padding:0;overflow:auto}.aub-table{width:100%;min-width:920px;display:table}.aub-table thead{display:table-header-group}.aub-table tbody{display:table-row-group}.aub-table tr{background:0 0;border:none;border-radius:0;margin:0;padding:0;display:table-row}.aub-table th,.aub-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eee;width:auto;padding:12px;display:table-cell}.aub-table td:before{content:none;display:none}.aub-pills{grid-template-columns:repeat(auto-fit,minmax(180px,max-content))}.aub-menu-wrap{justify-content:flex-start;display:flex}.aub-sub-modal-overlay{padding:10px}.aub-sub-modal{width:100%;max-width:100%;max-height:94vh}.aub-sub-modal-body{-webkit-overflow-scrolling:touch;overflow:auto}.aub-edit-header-row,.aub-edit-row{grid-template-columns:minmax(220px,1fr) 220px 220px;gap:12px;min-width:680px}.aub-edit-header-row--full,.aub-edit-row--full{grid-template-columns:minmax(160px,1.4fr) minmax(110px,1fr) minmax(110px,1fr) minmax(90px,.8fr);min-width:680px}}[data-theme=dark] .aub-modal-overlay,[data-theme=dark] .aub-sub-modal-overlay{background:var(--app-overlay,#0f172ab8)}[data-theme=dark] .aub-modal-content,[data-theme=dark] .aub-sub-modal,[data-theme=dark] .aub-logs-drawer{background:var(--app-surface,#161b22);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3);box-shadow:0 20px 60px #0000008c}[data-theme=dark] .aub-modal-header,[data-theme=dark] .aub-sub-modal-header,[data-theme=dark] .aub-sub-modal-footer,[data-theme=dark] .aub-logs-drawer-header{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d)}[data-theme=dark] .aub-add-balance-btn{color:#fff}[data-theme=dark] .aub-modal-title,[data-theme=dark] .aub-sub-modal-header h3,[data-theme=dark] .aub-logs-drawer-title{color:var(--app-text,#e6edf3)}[data-theme=dark] .aub-modal-close,[data-theme=dark] .aub-sub-close{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .aub-modal-close:hover,[data-theme=dark] .aub-sub-close:hover{background:var(--app-surface-hover,#21262d);color:var(--app-text,#e6edf3)}[data-theme=dark] .aub-loading,[data-theme=dark] .aub-empty,[data-theme=dark] .aub-logs-drawer-subtitle,[data-theme=dark] .aub-log-line,[data-theme=dark] .aub-log-time,[data-theme=dark] .aub-cashin-tag{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .aub-table{background:0 0}[data-theme=dark] .aub-table th,[data-theme=dark] .aub-table td{border-bottom-color:var(--app-border,#30363d)}[data-theme=dark] .aub-table th{background:var(--app-surface-muted,#1c2128);color:var(--app-text,#e6edf3)}[data-theme=dark] .aub-table td{color:var(--app-text,#e6edf3)}[data-theme=dark] .aub-employee-avatar{border-color:var(--app-border,#30363d);background:var(--app-surface-muted,#1c2128)}[data-theme=dark] .aub-employee-avatar-fallback{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .aub-table th.aub-col-action{background:var(--app-surface-muted,#1c2128);box-shadow:-6px 0 12px #00000059}[data-theme=dark] .aub-table td.aub-col-action{background:var(--app-surface,#161b22);box-shadow:-6px 0 12px #00000059}[data-theme=dark] .aub-pill{color:#ffb4c2;background:#ed20471f;border-color:#ed204759}[data-theme=dark] .aub-pill-text{color:#ffb4c2}[data-theme=dark] .aub-pill-menu-btn{color:#ff8da1;background:#ed204729;border-color:#ed204766}[data-theme=dark] .aub-pill-menu-btn:hover{background:#ed204747;border-color:#ed20478c}[data-theme=dark] .aub-pill-menu,[data-theme=dark] .aub-menu{background:var(--app-surface,#161b22);border-color:var(--app-border,#30363d);box-shadow:0 8px 24px #00000073}[data-theme=dark] .aub-pill-menu-item,[data-theme=dark] .aub-menu-item{background:var(--app-surface,#161b22);color:var(--app-text,#e6edf3)}[data-theme=dark] .aub-pill-menu-item:hover,[data-theme=dark] .aub-menu-item:hover{background:#ed204724}[data-theme=dark] .aub-menu-btn{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3)}[data-theme=dark] .aub-menu-btn:hover{background:var(--app-surface-hover,#21262d)}[data-theme=dark] .aub-edit-header-row,[data-theme=dark] .aub-edit-row{border-bottom-color:var(--app-border,#30363d);color:var(--app-text-muted,#8b949e)}[data-theme=dark] .aub-edit-cell,[data-theme=dark] .aub-reason-label,[data-theme=dark] .aub-edit-type-name,[data-theme=dark] .aub-edit-balance-cell{color:var(--app-text,#e6edf3)}[data-theme=dark] .aub-edit-type-hint,[data-theme=dark] .aub-edit-reason-hint{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .aub-edit-reason-block{border-top-color:var(--app-border,#30363d)}[data-theme=dark] .aub-edit-input,[data-theme=dark] .aub-reason-textarea{background:var(--app-input-bg,#0d1117);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .aub-reason-textarea:disabled{background:var(--app-surface-muted,#1c2128);color:var(--app-text-muted,#8b949e)}[data-theme=dark] .aub-edit-input:focus,[data-theme=dark] .aub-reason-textarea:focus{border-color:#ed20478c;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .aub-reason-item{border-bottom-color:var(--app-border,#30363d)}[data-theme=dark] .aub-sub-modal-footer .btn-cancel{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3)}[data-theme=dark] .aub-logs-drawer-overlay{background:var(--app-overlay,#0f172ab8)}[data-theme=dark] .aub-logs-drawer-body{background:var(--app-bg,#0d1117)}[data-theme=dark] .aub-leave-logs-flow:before{background:var(--app-border,#30363d)}[data-theme=dark] .aub-log-item{background:var(--app-surface,#161b22);border-color:var(--app-border,#30363d);box-shadow:none}[data-theme=dark] .aub-log-item:before{border-color:var(--app-surface,#161b22);box-shadow:0 0 0 2px var(--app-border,#30363d);background:var(--app-text-muted,#8b949e)}[data-theme=dark] .aub-log-item.credit{background:#10b9811f;border-color:#10b981}[data-theme=dark] .aub-log-item.credit:before{background:#10b981;box-shadow:0 0 0 2px #10b981}[data-theme=dark] .aub-log-item.usage{background:#ef44441f;border-color:#ef4444}[data-theme=dark] .aub-log-item.usage:before{background:#ef4444;box-shadow:0 0 0 2px #ef4444}[data-theme=dark] .aub-log-item.neutral{background:#f59e0b1f;border-color:#f59e0b}[data-theme=dark] .aub-log-item.neutral:before{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b}[data-theme=dark] .aub-log-title{color:var(--app-text,#e6edf3)}[data-theme=dark] .aub-log-sub{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .aub-log-error{color:#f87171}.cr-modal-overlay{z-index:100020;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cr-modal-content{background:var(--app-surface,#fff);width:min(480px,100%);box-shadow:0 24px 60px var(--app-shadow,#0003);border:1px solid var(--app-border-soft,transparent);border-radius:16px;flex-direction:column;display:flex}.cr-modal-header{border-bottom:1px solid #ed20471a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cr-modal-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:18px;font-weight:600}.cr-modal-close{cursor:pointer;color:#666;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.cr-modal-close:hover{color:#333}.cr-modal-body{padding:20px 24px}.cr-modal-body .form-group{margin-bottom:16px}.cr-modal-body label{color:var(--app-text,#374151);margin-bottom:6px;font-weight:500;display:block}.cr-modal-body .required{color:#ed2047}.cr-reason-textarea{border:1px solid var(--app-border,#d1d5db);resize:vertical;background:var(--app-input-bg,#fff);width:100%;color:var(--app-text,#374151);box-sizing:border-box;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px}.cr-reason-textarea:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471a}.cr-modal-footer{border-top:1px solid #ed20471a;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.cr-modal-footer .btn-cancel{border:1px solid var(--app-border,#d1d5db);color:var(--app-text,#374151);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.cr-modal-footer .btn-cancel:hover{background:var(--app-hover,#f3f4f6)}.cr-modal-footer .btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.cr-modal-footer .btn-save:disabled{opacity:.6;cursor:not-allowed}.cr-modal-footer .btn-save:not(:disabled):hover{opacity:.9}.ci-modal-overlay{z-index:2147483000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ci-modal-content{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:80vh;animation:.3s ciModalSlideIn;display:flex;position:relative;box-shadow:0 10px 40px #0003}@keyframes ciModalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.ci-modal-header{border-bottom:2px solid #ed20471a;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px;display:flex}.ci-modal-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:600}.ci-modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .3s;display:flex}.ci-modal-close:hover{color:#ed2047;background:#ed20471a;transform:rotate(90deg)}.ci-modal-body{flex:1;max-height:calc(80vh - 160px);padding:0 30px;overflow-y:auto}.ci-loading,.ci-empty{text-align:center;color:#666;padding:20px;font-size:14px}.ci-empty{color:#666}.ci-users-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:14px}.ci-field-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.ci-users-select{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:8px;font-size:14px}.ci-users-select:focus{border-color:#ed2047;outline:none}.ci-users-hint{color:#6b7280;margin-top:6px;font-size:12px;display:block}.ci-section-title{color:#333;margin:20px 0 15px;font-size:16px;font-weight:600}.ci-items-list{flex-direction:column;gap:20px;padding-bottom:20px;display:flex}.cashin-balance-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000000d}.cashin-balance-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cashin-balance-body{flex:1}.cashin-balance-title{color:#333;margin:0 0 15px;font-size:16px;font-weight:600}.cashin-field-group{margin-bottom:15px}.cashin-field-label{color:#555;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.cashin-required{color:#ed2047}.cashin-slider-row{align-items:center;gap:15px;display:flex}.cashin-slider-edge{color:#666;font-size:14px;font-weight:500}.cashin-slider{cursor:pointer;accent-color:#ed2047;background:#ddd;border-radius:3px;outline:none;flex:1;height:6px}.cashin-slider:disabled{opacity:.5;cursor:not-allowed}.cashin-mult-val{color:#ed2047;text-align:center;min-width:40px;font-size:14px;font-weight:600}.cashin-date-input{color:#374151;box-sizing:border-box;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:14px}.cashin-date-input:disabled{cursor:not-allowed;opacity:.6;background:#f5f5f5}.cashin-date-input:not(:disabled):focus{border-color:#ed2047;outline:none}.cashin-date-hint{color:#6b7280;margin-top:4px;font-size:12px;display:block}.cashin-countdown-box{background:linear-gradient(135deg,#ed20471a,#f262251a);border-left:4px solid #ed2047;border-radius:8px;margin-top:8px;padding:10px 14px;display:block}.cashin-countdown-header{align-items:center;gap:8px;display:flex}.cashin-countdown-header i{color:#ed2047}.cashin-countdown-header span{color:#374151;font-size:13px;font-weight:600}.cashin-countdown-timer{color:#ed2047;margin-top:6px;font-family:monospace;font-size:16px;font-weight:700}.cashin-checkbox-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.cashin-checkbox-row input[type=checkbox]{cursor:pointer;accent-color:#ed2047;transform:scale(1.1)}.cashin-checkbox-row input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.cashin-checkbox-label{color:#374151;cursor:pointer;margin:0;font-size:13px}.cashin-toggle-wrap{flex-shrink:0;margin-left:20px}.cashin-toggle{cursor:pointer;background:#ccc;border:none;border-radius:15px;width:60px;height:30px;padding:0;transition:all .3s;position:relative}.cashin-toggle.active{background:#28a745}.cashin-toggle-slider{pointer-events:none;background:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.cashin-toggle.active .cashin-toggle-slider{transform:translate(30px)}.ci-modal-footer{border-top:1px solid #ed20471a;flex-shrink:0;justify-content:flex-end;gap:10px;padding:20px;display:flex}.ci-modal-footer .btn-cancel{color:#666;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.ci-modal-footer .btn-cancel:hover{background:#f8f9fa;border-color:#ccc}.ci-modal-footer .btn-save{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.ci-modal-footer .btn-save:hover:not(:disabled){background:linear-gradient(90deg,#d91a3d,#e55a1f);transform:translateY(-1px);box-shadow:0 4px 12px #ed20474d}.ci-modal-footer .btn-save:disabled{cursor:not-allowed;opacity:.6;background:#d1d5db;transform:none}.ci-loader-overlay{z-index:10;background:#fffffff2;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ci-loader-icon{color:#ed2047;margin-bottom:20px;font-size:48px}.ci-loader-title{color:#333;margin:0 0 10px;font-size:20px;font-weight:600}.ci-loader-text{color:#666;margin:0;font-size:14px}@media (width<=640px){.ci-modal-overlay{padding:10px}.ci-modal-body{padding:0 16px}.cashin-balance-item{flex-direction:column;align-items:stretch;gap:16px}.cashin-toggle-wrap{justify-content:flex-end;margin-left:0;display:flex}}[data-theme=dark] .ci-modal-overlay{background:var(--app-overlay,#0f172ab8)}[data-theme=dark] .ci-modal-content{background:var(--app-surface,#161b22);color:var(--app-text,#e6edf3);border:1px solid var(--app-border,#30363d);box-shadow:0 20px 60px #0000008c}[data-theme=dark] .ci-modal-header{border-bottom-color:#ed204740}[data-theme=dark] .ci-modal-close{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .ci-modal-close:hover{color:#ff6b81;background:#ed20472e}[data-theme=dark] .ci-loading,[data-theme=dark] .ci-empty,[data-theme=dark] .ci-users-hint,[data-theme=dark] .cashin-date-hint,[data-theme=dark] .cashin-slider-edge{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .ci-users-section,[data-theme=dark] .cashin-balance-item{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d);box-shadow:none}[data-theme=dark] .cashin-balance-item:hover{background:var(--app-surface-hover,#21262d);box-shadow:0 8px 20px #00000059}[data-theme=dark] .ci-field-label,[data-theme=dark] .ci-section-title,[data-theme=dark] .cashin-balance-title,[data-theme=dark] .cashin-field-label,[data-theme=dark] .cashin-checkbox-label,[data-theme=dark] .cashin-countdown-header span{color:var(--app-text,#e6edf3)}[data-theme=dark] .ci-users-select{background:var(--app-input-bg,#0d1117);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .ci-users-select option{background:var(--app-surface,#161b22);color:var(--app-text,#e6edf3)}[data-theme=dark] .ci-users-select:focus{border-color:#ed20478c;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .cashin-slider{background:var(--app-border,#30363d)}[data-theme=dark] .cashin-mult-val{color:#ff6b81}[data-theme=dark] .cashin-date-input{background:var(--app-input-bg,#0d1117);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .cashin-date-input:disabled{background:var(--app-surface-muted,#1c2128);color:var(--app-text-muted,#8b949e)}[data-theme=dark] .cashin-date-input:not(:disabled):focus{border-color:#ed20478c;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .cashin-countdown-box{background:linear-gradient(135deg,#ed204729,#f262251f);border-left-color:#ed2047}[data-theme=dark] .cashin-toggle{background:#484f58}[data-theme=dark] .cashin-toggle.active{background:#238636}[data-theme=dark] .ci-modal-footer{border-top-color:#ed204740}[data-theme=dark] .ci-modal-footer .btn-cancel{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3)}[data-theme=dark] .ci-modal-footer .btn-cancel:hover{background:var(--app-surface-hover,#21262d);border-color:var(--app-border,#30363d)}[data-theme=dark] .ci-modal-footer .btn-save:disabled{color:var(--app-text-muted,#8b949e);opacity:.7;background:#30363d}[data-theme=dark] .ci-loader-overlay{background:#161b22f2}[data-theme=dark] .ci-loader-title{color:var(--app-text,#e6edf3)}[data-theme=dark] .ci-loader-text{color:var(--app-text-muted,#8b949e)}.ld-modal-overlay{z-index:100010;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ld-modal-content{background:var(--app-surface,#fff);width:min(560px,100%);max-height:90vh;box-shadow:0 24px 60px var(--app-shadow,#0003);border:1px solid var(--app-border-soft,transparent);border-radius:16px;flex-direction:column;display:flex}.ld-modal-header{border-bottom:1px solid #ed20471a;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ld-modal-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px;font-weight:600}.ld-modal-close{cursor:pointer;color:#666;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.ld-modal-close:hover{color:#333}.ld-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.ld-details-grid{flex-direction:column;gap:12px;display:flex}.ld-detail-row{grid-template-columns:140px 1fr;align-items:baseline;gap:8px;display:grid}.ld-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:13px;font-weight:600}.ld-value{color:var(--app-text,#374151);word-break:break-word;font-size:14px}.ld-value--warn{color:#dc2626;font-style:italic}.ld-value--balance{color:#ed2047;font-weight:700}[data-theme=dark] .ld-value--balance{color:#ff6b8a}.ld-attachment-link{color:#ed2047;font-weight:500;text-decoration:none}.ld-attachment-link:hover{text-decoration:underline}.ld-badge{letter-spacing:.3px;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.ld-badge--approved{color:#166534;background:#dcfce7}.ld-badge--unapproved{color:#991b1b;background:#fee2e2}.ld-badge--pending{color:#854d0e;background:#fef9c3}.ld-badge--cancelled{color:#6b7280;background:#f3f4f6}.ld-badge--neutral{color:#3730a3;background:#e0e7ff}.ld-manager-approvals{border-top:1px solid var(--app-border,#e5e7eb);margin-top:20px;padding-top:16px}.ld-section-title{color:var(--app-text,#374151);align-items:center;gap:6px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.ld-loading-text{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.ld-approvals-list{flex-direction:column;gap:8px;display:flex}.ld-approval-item{background:var(--app-surface-muted,#f9fafb);border:1px solid var(--app-border,#e5e7eb);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.ld-approval-manager{color:var(--app-text,#374151);font-size:14px;font-weight:500}.ld-approval-main{flex-direction:column;gap:2px;min-width:0;display:flex}.ld-approval-when{color:var(--app-text-muted,#6b7280);font-size:12px}.ld-no-data{color:#9ca3af;margin:0;font-size:13px}[data-theme=dark] .ld-label{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .ld-value{color:var(--app-text,#e6edf3)}[data-theme=dark] .ld-value--warn{color:#ff7b72}[data-theme=dark] .ld-loading-text,[data-theme=dark] .ld-no-data{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .ld-section-title{color:var(--app-text,#e6edf3)}[data-theme=dark] .ld-manager-approvals{border-top-color:var(--app-border,#30363d)}[data-theme=dark] .ld-approval-item{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d)}[data-theme=dark] .ld-approval-manager{color:var(--app-text,#e6edf3)}[data-theme=dark] .ld-approval-when{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .ld-badge--approved{color:#3fb950;background:#22c55e2e}[data-theme=dark] .ld-badge--unapproved{color:#ff7b72;background:#f851492e}[data-theme=dark] .ld-badge--pending{color:#d29922;background:#d2992233}[data-theme=dark] .ld-badge--cancelled{color:#8b949e;background:#8b949e2e}[data-theme=dark] .ld-badge--neutral{color:#58a6ff;background:#58a6ff29}[data-theme=dark] .ld-modal-header,[data-theme=dark] .ld-modal-footer{border-color:#ed204740}[data-theme=dark] .ld-attachment-link{color:#ff6b8a}.ld-modal-footer{border-top:1px solid #ed20471a;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.ld-modal-footer .btn-cancel{border:1px solid var(--app-border,#d1d5db);color:var(--app-text,#374151);cursor:pointer;background:0 0;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:500}.ld-modal-footer .btn-cancel:hover{background:var(--app-surface-hover,#f3f4f6)}[data-theme=dark] .ld-modal-close{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .ld-modal-close:hover{color:var(--app-text,#e6edf3)}[data-theme=dark] .ld-modal-footer .btn-cancel{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3)}[data-theme=dark] .ld-modal-footer .btn-cancel:hover{background:var(--app-surface-hover,#21262d);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3)}.ld-modal-footer .btn-approve{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600}.ld-modal-footer .btn-approve:disabled{opacity:.6;cursor:not-allowed}.ld-modal-footer .btn-approve:not(:disabled):hover{opacity:.9}.ld-modal-footer .btn-unapprove{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600}.ld-modal-footer .btn-unapprove:disabled{opacity:.6;cursor:not-allowed}.ld-modal-footer .btn-unapprove:not(:disabled):hover{opacity:.9}@media (width<=480px){.ld-detail-row{grid-template-columns:1fr;gap:2px}.ld-modal-footer{justify-content:stretch}.ld-modal-footer button{text-align:center;flex:1}}.lr-modal-overlay{z-index:100010;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lr-modal-content{background:var(--app-surface,#fff);width:min(1100px,100%);max-height:90vh;box-shadow:0 24px 60px var(--app-shadow,#0003);border:1px solid var(--app-border-soft,transparent);border-radius:16px;flex-direction:column;display:flex}.lr-modal-header{border-bottom:1px solid #ed20471a;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lr-modal-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:600;display:flex}.lr-modal-close{cursor:pointer;color:var(--app-text-muted,#666);background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.lr-modal-close:hover{color:var(--app-text,#333)}.lr-modal-body{background:var(--app-surface,#fff);flex:1;padding:20px 24px;overflow-y:auto}.lr-loading{text-align:center;color:var(--app-text-muted,#6b7280);padding:20px;font-size:14px}.lr-sections{flex-direction:column;gap:20px;display:flex}.lr-employment-section{border:1px solid var(--app-border,#e5e7eb);background:var(--app-surface,#fff);border-radius:12px;overflow:hidden}.lr-section-header{background:var(--app-surface-muted,#f9fafb);border-bottom:1px solid var(--app-border,#e5e7eb);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.lr-section-title{color:var(--app-text,#374151);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.lr-add-btn{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;display:flex;position:relative}.lr-add-btn:hover{opacity:.9}.lr-add-btn:focus-visible{outline-offset:2px;outline:2px solid #ed2047}.lr-type-table{width:100%;overflow-x:auto}.lr-type-empty{text-align:center;color:var(--app-text-muted,#6b7280);padding:16px;font-size:13px}.lr-type-header,.lr-type-row{grid-template-columns:44px minmax(0,1fr) 96px 96px 120px 80px 110px 110px 170px 48px;align-items:stretch;gap:0;width:100%;min-width:960px;display:grid}.lr-type-header{background:var(--app-surface-muted,#f3f4f6);border-bottom:1px solid var(--app-border,#e5e7eb)}.lr-type-header .lr-type-cell{color:var(--app-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.3px;border-right:1px solid var(--app-border,#e5e7eb);box-sizing:border-box;min-width:0;padding:8px 6px;font-size:11px;font-weight:700}.lr-type-header .lr-type-cell:last-child{border-right:none}.lr-type-row{border-bottom:1px solid var(--app-border-soft,#f0f0f0);background:var(--app-surface,#fff)}.lr-type-row:last-child{border-bottom:none}.lr-type-cell{border-right:1px solid var(--app-border-soft,#f0f0f0);box-sizing:border-box;align-items:center;min-width:0;padding:8px 6px;display:flex}.lr-type-cell:last-child{border-right:none}.lr-cell-name{flex:auto}.lr-type-cell input,.lr-type-cell select{border:1px solid var(--app-border,#d1d5db);background:var(--app-input-bg,#fff);width:100%;min-width:0;max-width:none;color:var(--app-text,#374151);box-sizing:border-box;border-radius:6px;flex:auto;padding:6px 8px;font-size:13px}.lr-cell-name input{flex:100%;width:100%}.lr-type-cell input::placeholder{color:var(--app-text-muted,#9ca3af);opacity:1}.lr-type-cell input::placeholder{color:var(--app-text-muted,#9ca3af);opacity:1}.lr-type-cell input::placeholder{color:var(--app-text-muted,#9ca3af);opacity:1}.lr-type-cell input:focus,.lr-type-cell select:focus{border-color:#ed2047;outline:none}.lr-cell-no{color:var(--app-text-muted,#6b7280);justify-content:center;font-size:13px;font-weight:600}.lr-cell-del{z-index:3;background:var(--app-surface,#fff);justify-content:center;position:sticky;right:0;box-shadow:-6px 0 10px #0000000f}.lr-type-header .lr-cell-del{background:var(--app-surface-muted,#f3f4f6);box-shadow:-6px 0 10px #0000000a}.lr-del-btn{color:#fff;cursor:pointer;background:#ed2047;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;line-height:1;display:inline-flex}.lr-del-btn:hover{color:#fff;background:#c81e3a}.lr-modal-footer{border-top:1px solid #ed20471a;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.lr-last-updated{color:var(--app-text-muted,#6b7280);flex:1;font-size:12px}.lr-footer-actions{gap:10px;display:flex}.lr-modal-footer .btn-cancel{border:1px solid var(--app-border,#d1d5db);color:var(--app-text,#374151);cursor:pointer;background:0 0;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:500}.lr-modal-footer .btn-cancel:hover{background:var(--app-surface-hover,#f3f4f6)}.lr-modal-footer .btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600}.lr-modal-footer .btn-save:disabled{opacity:.6;cursor:not-allowed}.lr-modal-footer .btn-save:not(:disabled):hover{opacity:.9}@media (width<=768px){.lr-type-header,.lr-type-row{grid-template-columns:40px minmax(0,1fr) 88px 88px 110px 72px 100px 100px 150px 44px;min-width:900px}}[data-theme=dark] .lr-modal-overlay{background:#000000b8}[data-theme=dark] .lr-modal-content{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 24px 60px #00000080}[data-theme=dark] .lr-modal-header,[data-theme=dark] .lr-modal-footer{border-color:var(--app-border);background:var(--app-surface)}[data-theme=dark] .lr-modal-body{background:var(--app-surface)}[data-theme=dark] .lr-modal-close{color:var(--app-text-muted)}[data-theme=dark] .lr-modal-close:hover{color:var(--app-text)}[data-theme=dark] .lr-loading,[data-theme=dark] .lr-last-updated{color:var(--app-text-muted)}[data-theme=dark] .lr-employment-section{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .lr-section-header{background:var(--app-surface);border-bottom-color:var(--app-border)}[data-theme=dark] .lr-section-title{color:var(--app-text)}[data-theme=dark] .lr-type-header{background:var(--app-surface);border-bottom-color:var(--app-border)}[data-theme=dark] .lr-type-header .lr-type-cell{color:var(--app-text-muted);border-right-color:var(--app-border)}[data-theme=dark] .lr-type-row{background:var(--app-surface-muted);border-bottom-color:var(--app-border)}[data-theme=dark] .lr-type-cell{border-right-color:var(--app-border)}[data-theme=dark] .lr-type-cell input,[data-theme=dark] .lr-type-cell select{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .lr-type-cell input::placeholder{color:#8b949e;opacity:1}[data-theme=dark] .lr-type-cell input::-webkit-input-placeholder{color:#8b949e;opacity:1}[data-theme=dark] .lr-type-cell input::-moz-placeholder{color:#8b949e;opacity:1}[data-theme=dark] .lr-type-cell input:focus,[data-theme=dark] .lr-type-cell select:focus{border-color:#ed2047;box-shadow:0 0 0 2px #ed204733}[data-theme=dark] .lr-cell-no{color:var(--app-text-muted)}[data-theme=dark] .lr-cell-del{background:var(--app-surface-muted);box-shadow:-6px 0 12px #00000059}[data-theme=dark] .lr-type-header .lr-cell-del{background:var(--app-surface)}[data-theme=dark] .lr-type-empty{color:var(--app-text-muted)}[data-theme=dark] .lr-del-btn:hover{background:#ff3b5c}[data-theme=dark] .lr-modal-footer .btn-cancel{background:var(--app-surface-muted);color:var(--app-text);border-color:var(--app-border)}[data-theme=dark] .lr-modal-footer .btn-cancel:hover{background:var(--app-surface-hover)}.rr-modal-overlay{z-index:100020;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.rr-modal-content{background:var(--app-surface,#fff);width:min(480px,100%);box-shadow:0 24px 60px var(--app-shadow,#0003);border:1px solid var(--app-border-soft,transparent);border-radius:16px;flex-direction:column;display:flex}.rr-modal-header{border-bottom:1px solid #ed20471a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.rr-modal-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:18px;font-weight:600}.rr-modal-close{cursor:pointer;color:#666;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.rr-modal-close:hover{color:#333}.rr-modal-body{padding:20px 24px}.rr-modal-body .form-group{margin-bottom:16px}.rr-modal-body label{color:var(--app-text,#374151);margin-bottom:6px;font-weight:500;display:block}.rr-modal-body .required{color:#ed2047}.rr-reason-textarea{border:1px solid var(--app-border,#d1d5db);resize:vertical;background:var(--app-input-bg,#fff);width:100%;color:var(--app-text,#374151);box-sizing:border-box;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px}.rr-reason-textarea:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471a}.rr-modal-footer{border-top:1px solid #ed20471a;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.rr-modal-footer .btn-cancel{border:1px solid var(--app-border,#d1d5db);color:var(--app-text,#374151);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.rr-modal-footer .btn-cancel:hover{background:var(--app-hover,#f3f4f6)}.rr-modal-footer .btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.rr-modal-footer .btn-save:disabled{opacity:.6;cursor:not-allowed}.rr-modal-footer .btn-save:not(:disabled):hover{opacity:.9}.tal-modal-overlay{z-index:100010;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tal-modal-content{background:var(--app-surface,#fff);width:min(520px,100%);max-height:90vh;box-shadow:0 24px 60px var(--app-shadow,#0003);border:1px solid var(--app-border-soft,transparent);border-radius:16px;flex-direction:column;display:flex}.tal-modal-header{border-bottom:1px solid #ed20471a;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.tal-modal-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:600;display:flex}.tal-modal-close{cursor:pointer;color:var(--app-text-muted,#666);background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.tal-modal-close:hover{color:var(--app-text,#333)}.tal-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.tal-modal-body .form-group{margin-bottom:16px}.tal-modal-body label{color:var(--app-text,#374151);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.tal-modal-body .required{color:#ed2047}.tal-avail-hint{color:#16a34a;font-size:12px;font-weight:500}.tal-modal-body input[type=text],.tal-modal-body input[type=number],.tal-modal-body input[type=date],.tal-modal-body select,.tal-modal-body textarea{border:1px solid var(--app-border,#d1d5db);background:var(--app-input-bg,#fff);width:100%;color:var(--app-text,#374151);box-sizing:border-box;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px}.tal-modal-body textarea{resize:vertical}.tal-modal-body .tal-app-select{flex-wrap:nowrap;gap:0;width:100%}.tal-modal-body .tal-app-select .app-select-container{width:100%;min-width:0}.tal-modal-body .tal-app-select .app-select-trigger{min-height:40px}.tal-modal-body input:focus,.tal-modal-body select:focus,.tal-modal-body textarea:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed204714}.tal-loading-text{color:#6b7280;align-items:center;gap:6px;padding:8px 0;font-size:13px;display:flex}.tal-custom-select{position:relative}.tal-select-trigger{border:1px solid var(--app-border,#d1d5db);background:var(--app-input-bg,#fff);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;display:flex}.tal-select-trigger.open{border-color:#ed2047;box-shadow:0 0 0 3px #ed204714}.tal-emp-avatar{object-fit:cover;border:2px solid #ed2047;border-radius:50%;flex-shrink:0;width:26px;height:26px}.tal-emp-icon{color:#ed2047;flex-shrink:0;font-size:24px}.tal-emp-name{color:var(--app-text,#374151);flex:1;font-size:14px;font-weight:500}.tal-arrow{color:#6b7280;font-size:12px;transition:transform .2s}.tal-arrow.up{transform:rotate(180deg)}.tal-dropdown{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);z-index:10;border-radius:10px;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.tal-dropdown-item{cursor:pointer;border-bottom:1px solid var(--app-border-soft,#f0f0f0);color:var(--app-text,#374151);align-items:center;gap:10px;padding:10px 14px;transition:background .15s;display:flex}.tal-dropdown-item:last-child{border-bottom:none}.tal-dropdown-item:hover{background:var(--app-surface-hover,#f9fafb)}.tal-num-days-row{align-items:center;gap:8px;display:flex}.tal-num-days-row input{text-align:center;width:100px}.tal-stepper-btn{border:1px solid var(--app-border,#d1d5db);background:var(--app-hover,#f9fafb);width:32px;height:32px;color:var(--app-text,#374151);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:13px;display:flex}.tal-stepper-btn:hover{background:#e5e7eb}.tal-date-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tal-attachment-wrap{flex-direction:column;gap:8px;display:flex}.tal-attachment-btn{border:1px dashed var(--app-border,#d1d5db);color:var(--app-text-muted,#6b7280);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:8px 16px;font-size:13px}.tal-attachment-btn:hover{color:#ed2047;border-color:#ed2047}.tal-attachment-preview{background:var(--app-hover,#f9fafb);border:1px solid var(--app-border,#e5e7eb);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}.tal-attachment-name{color:var(--app-text,#374151);word-break:break-all;flex:1;font-size:13px}.tal-remove-attachment{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:13px}.tal-modal-footer{border-top:1px solid #ed20471a;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.tal-modal-footer .btn-cancel{border:1px solid var(--app-border,#d1d5db);color:var(--app-text,#374151);cursor:pointer;background:0 0;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:500}.tal-modal-footer .btn-cancel:hover{background:var(--app-hover,#f3f4f6)}.tal-modal-footer .btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600}.tal-modal-footer .btn-save:disabled{opacity:.6;cursor:not-allowed}.tal-modal-footer .btn-save:not(:disabled):hover{opacity:.9}[data-theme=dark] .tal-modal-overlay{background:var(--app-overlay,#0f172ab8)}[data-theme=dark] .tal-modal-content{background:var(--app-surface,#161b22);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3);box-shadow:0 20px 60px #0000008c}[data-theme=dark] .tal-modal-header,[data-theme=dark] .tal-modal-footer{background:var(--app-surface,#161b22);border-color:var(--app-border,#30363d)}[data-theme=dark] .tal-modal-body{background:var(--app-surface,#161b22);color:var(--app-text,#e6edf3)}[data-theme=dark] .tal-modal-close{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .tal-modal-close:hover{color:var(--app-text,#e6edf3);background:var(--app-surface-hover,#21262d);border-radius:6px}[data-theme=dark] .tal-modal-body label{color:var(--app-text,#e6edf3)}[data-theme=dark] .tal-avail-hint{color:#3fb950}[data-theme=dark] .tal-loading-text{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .tal-modal-body input[type=text],[data-theme=dark] .tal-modal-body input[type=number],[data-theme=dark] .tal-modal-body input[type=date],[data-theme=dark] .tal-modal-body select,[data-theme=dark] .tal-modal-body textarea{background:var(--app-input-bg,#0d1117);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .tal-modal-body select option,[data-theme=dark] .tal-modal-body select optgroup{background:var(--app-surface,#161b22);color:var(--app-text,#e6edf3)}[data-theme=dark] .tal-modal-body input::placeholder,[data-theme=dark] .tal-modal-body textarea::placeholder{color:var(--app-text-muted,#8b949e);opacity:1}[data-theme=dark] .tal-modal-body input:focus,[data-theme=dark] .tal-modal-body select:focus,[data-theme=dark] .tal-modal-body textarea:focus{border-color:#ed2047a6;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .tal-select-trigger{background:var(--app-input-bg,#0d1117);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3)}[data-theme=dark] .tal-select-trigger.open{border-color:#ed2047;box-shadow:0 0 0 3px #ed20472e}[data-theme=dark] .tal-emp-name{color:var(--app-text,#e6edf3)}[data-theme=dark] .tal-arrow{color:var(--app-text-muted,#8b949e)}[data-theme=dark] .tal-dropdown{background:var(--app-surface,#161b22);border-color:var(--app-border,#30363d);scrollbar-color:var(--app-scrollbar-thumb,#484f58) var(--app-scrollbar-track,#21262d);box-shadow:0 12px 32px #00000080}[data-theme=dark] .tal-dropdown-item{border-bottom-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3);background:var(--app-surface,#161b22)}[data-theme=dark] .tal-dropdown-item span{color:var(--app-text,#e6edf3)}[data-theme=dark] .tal-dropdown-item:hover{background:var(--app-surface-hover,#21262d)}[data-theme=dark] .tal-stepper-btn{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3)}[data-theme=dark] .tal-stepper-btn:hover{background:var(--app-surface-hover,#21262d)}[data-theme=dark] .tal-attachment-btn{border-color:var(--app-border,#30363d);color:var(--app-text-muted,#8b949e);background:0 0}[data-theme=dark] .tal-attachment-btn:hover{color:#ff6b81;border-color:#ed2047}[data-theme=dark] .tal-attachment-preview{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d)}[data-theme=dark] .tal-attachment-name{color:var(--app-text,#e6edf3)}[data-theme=dark] .tal-modal-footer .btn-cancel{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d);color:var(--app-text,#e6edf3)}[data-theme=dark] .tal-modal-footer .btn-cancel:hover{background:var(--app-surface-hover,#21262d)}@media (width<=1100px){.gtg-member-page .filter-section{flex-direction:column;align-items:stretch}.gtg-member-page .filter-controls,.gtg-member-page .employee-selector{flex:none;width:100%}}@media (width>=500px) and (width<=1100px){.gtg-member-page .header-section{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.gtg-member-page .header-section .page-title{flex:auto;min-width:0}.gtg-member-page .header-section .search-section{flex-wrap:nowrap;flex:0 auto;width:auto;max-width:46%}.gtg-member-page .header-section .search-section .app-search-input-wrap{width:100%;min-width:140px;max-width:220px}}@media (width<=768px){.gtg-member-content{padding:20px}.gtg-member-page .filter-section{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.gtg-member-page .header-section{gap:16px;padding:16px}.gtg-member-page .filter-controls{flex-direction:column;align-items:stretch;gap:14px;padding:14px}.gtg-member-page .filter-controls .app-select-wrap{flex-direction:column;flex:none;align-items:stretch;gap:8px;width:100%}.gtg-member-page .filter-controls .app-select-container{width:100%}.gtg-member-page .date-range-container{flex-direction:column;align-items:stretch;width:100%}.gtg-member-page .date-range-container input[type=date]{width:100%}.gtg-member-page .employee-selector{border-bottom:4px solid #ed2047;border-right:none;width:100%}.gtg-member-page .custom-select{min-width:0}.gtg-table-wrap,.team-attendance-table-wrap{max-height:none}.gtg-table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;overflow:auto visible}.gtg-table{width:max-content;min-width:900px}.gtg-table th,.gtg-table td{white-space:nowrap}}@media (width<=499px){.gtg-member-page .header-section{flex-direction:column;align-items:stretch}.gtg-member-page .header-section .search-section{flex-wrap:wrap;width:100%}.gtg-member-page .header-section .search-section input,.gtg-member-page .header-section .app-search-input-wrap{width:100%;min-width:0;max-width:none}}@media (width<=480px){.gtg-member-content{padding:12px}.gtg-member-page .page-title{font-size:22px}.gtg-member-page .filter-section,.gtg-member-page .header-section{padding:12px}.gtg-member-page .selected-option img,.gtg-member-page .dropdown-option img{width:28px;height:28px}.gtg-member-page .user-icon{font-size:28px}}@media (width>=500px) and (width<=1100px){.gtg-member-page .header-section{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.gtg-member-page .header-section .search-section{flex:0 auto!important;width:auto!important;max-width:46%!important}.gtg-member-page .header-section .search-section .app-search-input-wrap{width:100%!important;min-width:140px!important;max-width:220px!important}}.team-leaves-main-content{padding:40px}.team-leaves-page .filters-card{z-index:30;position:relative}:is(.team-leaves-page .filters-card:has(.custom-select.open),.team-leaves-page .filters-card:has(.app-select-trigger.is-open)){z-index:80}.team-leaves-page .leaves-table-wrapper{z-index:1;position:relative}.team-leaves-page .leaves-table th:last-child,.team-leaves-page .leaves-table td:last-child{z-index:2}.team-leaves-page .leaves-table thead th:last-child{z-index:3}.team-leaves-page .header-section{background:var(--app-surface);border:1px solid var(--app-border-soft);box-shadow:0 2px 8px var(--app-shadow)}.team-leaves-page .page-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.team-leaves-page .search-section label{color:var(--app-text-muted)}.team-leaves-page .search-section input{background:var(--app-input-bg);border:2px solid var(--app-border);color:var(--app-text);box-shadow:0 2px 4px var(--app-shadow)}.team-leaves-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.team-leaves-toolbar-left{flex-wrap:wrap;gap:10px;display:flex}.team-leaves-page .rule-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.team-leaves-page .rule-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.team-leaves-page .balance-btn{background:linear-gradient(90deg,#6f42c1,#5a2ea6)}.team-leaves-page .cashin-btn{background:linear-gradient(90deg,#17a2b8,#138496)}.team-leaves-page .apply-btn,.team-leaves-page .leave-rule-btn{background:linear-gradient(90deg,#ed2047,#f26225)}.balance-summary-box{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;border-radius:12px;margin-bottom:20px;padding:20px;display:none;box-shadow:0 4px 6px #0000000d}[data-theme=dark] .balance-summary-box{border-color:var(--app-border);background:linear-gradient(135deg,#1a1f28 0%,#161b23 100%)}.balance-summary-box.visible{display:block}.balance-summary-content{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.balance-summary-label{color:#495057;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}[data-theme=dark] .balance-summary-label{color:var(--app-text)}.balance-summary-label i{color:#28a745;font-size:18px}.balance-summary-amount{color:#28a745;font-size:24px;font-weight:700}.balance-summary-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.balance-detail-item{background:#fff;border-left:4px solid #28a745;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 15px;display:flex;box-shadow:0 2px 4px #0000000d}[data-theme=dark] .balance-detail-item{background:var(--app-surface);border-left-color:#28a745}.balance-detail-info{min-width:0}.balance-detail-label{color:#6c757d;font-weight:500;display:block}[data-theme=dark] .balance-detail-label{color:var(--app-text-muted)}.balance-month.available{color:#28a745;margin-top:2px;font-size:11px}.balance-month.future{color:#ffc107;margin-top:2px;font-size:11px}.balance-availability{color:#6c757d;margin-top:1px;font-size:10px}.balance-detail-values .positive{color:#28a745;text-align:right;white-space:nowrap;font-weight:600}.balance-detail-values .negative{color:#dc3545;text-align:right;white-space:nowrap;font-weight:600}.balance-future{color:#6c757d;text-align:right;font-size:11px}.balance-summary-note{color:#6c757d;background:#ffffffa6;border-radius:6px;margin-top:12px;padding:8px 10px;font-size:12px;line-height:1.45}[data-theme=dark] .balance-summary-note{background:var(--app-surface-muted);color:var(--app-text-muted)}.leaves-table-wrapper{width:100%;box-shadow:0 8px 25px var(--app-shadow);background:var(--app-surface);scrollbar-width:thin;scrollbar-color:#ed204773 transparent;-webkit-overflow-scrolling:touch;border:1px solid #ed20471a;border-radius:16px;overflow:auto visible}.leaves-table-wrapper::-webkit-scrollbar{height:10px}.leaves-table-wrapper::-webkit-scrollbar-track{background:0 0}.leaves-table-wrapper::-webkit-scrollbar-thumb{background:#ed204766;border-radius:999px}.leaves-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ed20478c}.leaves-table{border-collapse:separate;border-spacing:0;table-layout:auto;background:var(--app-surface);width:100%;min-width:1100px}.leaves-table th,.leaves-table td{text-align:left;color:var(--app-text);vertical-align:middle;white-space:nowrap;border-bottom:1px solid #ed20471a;padding:18px 15px}.leaves-table th{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#ed204712,#f2622512);font-size:14px;font-weight:600}.leaves-table th:nth-child(3),.leaves-table td:nth-child(3){white-space:normal}.leaves-table tr{transition:all .3s}.leaves-table tr:hover td{background:var(--app-surface-hover,#ed20470a)}.leaves-table th:last-child,.leaves-table td:last-child{white-space:nowrap;z-index:4;background:var(--app-surface,#fff);width:1%;min-width:140px;padding:0;position:sticky;right:0}.leaves-table thead th:last-child{z-index:6;background:var(--app-surface,#fff)}.leaves-table-message{color:var(--app-text-muted);text-align:center!important;white-space:normal!important;z-index:auto!important;background:var(--app-surface)!important;width:auto!important;min-width:0!important;box-shadow:none!important;padding:48px 32px!important;position:static!important;right:auto!important}.leaves-table tr:hover td.leaves-table-message{background:var(--app-surface)!important;padding:48px 32px!important}.leaves-table-message.error{color:#dc3545}.leave-type-sub{color:var(--app-text-muted);font-size:11px}.status-badge{color:#fff;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.manager-approval-hint{margin-top:4px;font-size:10px;display:block}.manager-approval-hint.approved{color:#28a745}.manager-approval-hint.rejected{color:#dc3545}.view-btn{color:#fff;cursor:pointer;background:#4e49e5;border:none;border-radius:6px;padding:6px 10px;font-size:13px}.view-btn.cashin{background:#f59e0b}.action-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;margin-right:6px;padding:6px 10px;font-size:13px}.action-btn.approve{background:#28a745}.action-btn.unapprove{background:#dc3545}.team-leaves-page .action-btn.team-leaves-action-cancel{color:#fff;background:#ffc107;border:none;margin-right:0}.team-leaves-page .action-btn.team-leaves-action-cancel:hover{color:#fff;background:#e0a800}.leaves-action-cell-inner{z-index:1;box-sizing:border-box;background:var(--app-surface,#fff);border-left:1px solid #ed204740;width:100%;min-width:120px;position:relative;padding:18px 24px!important}.leaves-action-cell-inner:before{content:"";pointer-events:none;z-index:1;background:#ed204759;width:1px;position:absolute;top:0;bottom:0;left:0}.leaves-action-cell-inner:after{content:"";pointer-events:none;z-index:2;background:#ed204726;height:1px;position:absolute;bottom:0;left:0;right:0}.leaves-table th:last-child .leaves-action-cell-inner{background:var(--app-surface,#fff);box-shadow:-12px 0 20px var(--app-surface,#fff), -8px 0 16px #0000000f, inset 1px 0 0 0 #ed204740;border-left-color:#ed204766;padding-left:26px!important;padding-right:26px!important}.leaves-table th:last-child .leaves-action-cell-inner:before{background:#ed204773}.leaves-table tr:hover td:last-child{background:var(--app-surface-hover,var(--app-surface,#fff))}.leaves-table tr:hover td:last-child .leaves-action-cell-inner{background:var(--app-surface-hover,snow);box-shadow:-12px 0 20px var(--app-surface-hover,snow), -8px 0 16px #0000000f, inset 1px 0 0 0 #ed204740}@media screen and (width<=1100px){.team-leaves-page .page-title{font-size:24px}.team-leaves-toolbar{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;display:grid}.team-leaves-toolbar-left{display:contents}.team-leaves-page .rule-btn{text-align:center;white-space:normal;border-radius:12px;justify-content:center;width:100%;padding:12px 10px;font-size:13px;font-weight:600;line-height:1.3;box-shadow:0 2px 8px #0000001f}.team-leaves-page .rule-btn i{flex-shrink:0}.balance-summary-content{flex-direction:column;align-items:flex-start;gap:8px}.leaves-table-wrapper{border-radius:12px}.team-leaves-page .filters-card--open .filters-card__row{flex-direction:unset;flex-wrap:unset;grid-template-columns:1fr 1fr;align-items:end;gap:12px 14px;display:grid}.team-leaves-page .filters-card-group{display:contents}.team-leaves-page .filters-card-group>.filters-card-field{width:100%;min-width:0}.team-leaves-page .filters-card .filters-card-select .app-select-trigger{white-space:nowrap;width:100%;min-width:0}.team-leaves-page .filters-card .filters-card-select .app-select-trigger__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-leaves-page .filters-card-date-range{grid-column:1/-1;width:100%}.team-leaves-page .filters-card-employee-panel{border-bottom:none;border-right:4px solid #ed2047;grid-column:1/-1;width:100%;max-width:none;margin-left:0;padding:0 10px 0 4px}.team-leaves-page .filters-card-employee-panel .filters-card-field,.team-leaves-page .filters-card-employee-panel .filters-card-select,.team-leaves-page .filters-card-employee-panel .app-select-trigger,.team-leaves-page .filters-card-employee-panel .custom-select{width:100%;min-width:0;max-width:none}.team-leaves-page .holiday-page-tab{letter-spacing:.04em;flex:1 1 0;min-width:0;max-width:none;padding:12px 8px;font-size:10px}.team-leaves-page .holiday-page-tab i{margin-right:5px}.team-leaves-page .holiday-page-tab.active{padding-bottom:14px;padding-left:12px;padding-right:12px}}@media screen and (width>=500px) and (width<=1100px){.team-leaves-page .header-section{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.team-leaves-page .header-section .page-title{flex:auto;min-width:0}.team-leaves-page .header-section .search-section{flex-wrap:nowrap;flex:0 auto;width:auto;max-width:46%}.team-leaves-page .header-section .search-section .app-search-input-wrap{width:100%;min-width:140px;max-width:220px}}@media screen and (width<=499px){.team-leaves-page .header-section{flex-direction:column;align-items:stretch;gap:14px;padding:18px}.team-leaves-page .search-section{flex-wrap:wrap;width:100%}.team-leaves-page .search-section input,.team-leaves-page .header-section .app-search-input-wrap{width:100%;min-width:0;max-width:none}}@media screen and (width<=830px){.team-leaves-page .header-section{padding:16px}.team-leaves-page .page-title{font-size:22px}.team-leaves-page .holiday-page-tab{min-width:118px;padding:11px 14px;font-size:10px}.team-leaves-page .holiday-page-tab i{margin-right:5px}.team-leaves-page .holiday-page-tab.active{padding-bottom:13px;padding-left:16px;padding-right:16px}}@media screen and (width<=768px){.team-leaves-main-content{padding:20px}}@media screen and (width<=480px){.team-leaves-page .holiday-page-tab{letter-spacing:.04em;min-width:100px;padding:10px 12px;font-size:9px}.team-leaves-page .holiday-page-tabs{padding:0 8px}}@media screen and (width>=500px) and (width<=1100px){.team-leaves-page.gtg-member-page .header-section{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.team-leaves-page.gtg-member-page .header-section .search-section{flex:0 auto!important;width:auto!important;max-width:46%!important}.team-leaves-page.gtg-member-page .header-section .search-section .app-search-input-wrap{width:100%!important;min-width:140px!important;max-width:220px!important}}.leave-approval-page{min-height:0}.leave-approval-main-content{padding:40px}.leave-approval-page .filters-card{z-index:30;position:relative}:is(.leave-approval-page .filters-card:has(.custom-select.open),.leave-approval-page .filters-card:has(.app-select-trigger.is-open)){z-index:80}.leave-approval-page .leaves-table-wrapper{z-index:1;position:relative}.leave-approval-page .leaves-table th:last-child,.leave-approval-page .leaves-table td:last-child{z-index:2}.leave-approval-page .leaves-table thead th:last-child{z-index:3}@media (width<=768px){.leave-approval-main-content{padding:20px}}@media (width<=480px){.leave-approval-main-content{padding:12px}}.al-modal-overlay{z-index:30000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.al-modal-content{background:var(--app-surface,#fff);border:1px solid var(--app-border-soft,#e5e7eb);border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;animation:.3s alModalSlideIn;display:flex;box-shadow:0 10px 40px #00000040}.al-modal-content--wide{max-width:780px}@keyframes alModalSlideIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.al-modal-header{border-bottom:1px solid var(--app-border-soft,#e5e7eb);flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex;position:relative}.al-modal-header-main{flex-direction:column;flex:auto;gap:4px;min-width:0;padding-right:48px;display:flex}.al-modal-title{color:#ed2047;margin:0;font-size:22px;font-weight:700}.al-modal-action-by{color:var(--app-text-muted,#6b7280);font-size:12px}.al-status-badge{background:#0000000f;border-radius:9999px;flex-shrink:0;margin-left:0;margin-right:48px;padding:6px 10px;font-size:12px;font-weight:600}.al-modal-close{background:var(--app-surface-muted,#e5e7eb);color:var(--app-text-muted,#4b5563);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:0;font-size:18px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.al-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.al-modal-footer{border-top:1px solid var(--app-border-soft,#e5e7eb);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.al-btn-cancel,.al-btn-save{cursor:pointer;border-radius:8px;padding:10px 18px;font-size:14px}.al-btn-cancel{border:1px solid var(--app-border,#d1d5db);background:var(--app-surface,#fff);color:var(--app-text-muted,#4b5563)}.al-btn-save{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225);border:none}.al-form-grid{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.al-form-group{width:100%;min-width:0}.al-form-group--full{grid-column:1/-1}.al-form-group label{color:var(--app-text,#374151);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.al-required{color:#ed2047}.al-form-group .app-select-wrap{width:100%;min-width:0;display:block}.al-form-group .app-select-container{width:100%;min-width:0;max-width:100%}.al-form-group .app-select-trigger{width:100%}.al-form-group input,.al-form-group textarea{box-sizing:border-box;border:1px solid var(--app-border,#d1d5db);background:var(--app-input-bg,#fff);width:100%;color:var(--app-text,#111827);border-radius:8px;padding:10px 12px;font-size:14px}.al-form-group input.al-date-picker-input:not(:disabled):not([readonly]){cursor:pointer;caret-color:#0000}.al-form-group input.al-date-picker-input:disabled,.al-form-group input.al-date-picker-input[readonly]{cursor:not-allowed;opacity:.85}.al-form-group textarea{resize:vertical;min-height:140px}.al-form-group textarea#leaveReason,.al-form-group textarea#wfhReason,.al-form-group textarea#cashInReason{min-height:140px}.al-number-stepper{border:1px solid var(--app-border,#d1d5db);border-radius:8px;grid-template-columns:40px 1fr 40px;height:40px;display:grid;overflow:hidden}.al-number-stepper button{background:var(--app-surface-muted,#f3f4f6);cursor:pointer;color:var(--app-text,#111827);border:none}.al-number-stepper input{text-align:center;border:none;border-radius:0}.al-hint{color:var(--app-text-muted,#6b7280);margin-top:6px;font-size:12px;display:block}.al-hint--block{margin-bottom:8px}.al-file-input{display:none}.al-attachment-btn{border:1px dashed var(--app-border,#d1d5db);background:var(--app-surface-muted,#f9fafb);cursor:pointer;width:100%;color:var(--app-text,#111827);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.al-attachment-preview{background:var(--app-surface,#fff);border:1px solid var(--app-border-soft,#e5e7eb);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.al-attachment-preview i.fa-file{color:#ed2047}.al-attachment-preview span{flex:1;min-width:0}.al-attachment-preview button{color:#9ca3af;cursor:pointer;background:0 0;border:none}.al-attachment-link{color:#ed2047;text-decoration:none}.al-undo-btn{color:#ed2047;background:var(--app-surface,#fff);cursor:pointer;border:1px solid #fecaca;border-radius:8px;margin-top:8px;padding:6px 14px;font-size:13px;font-weight:600}.al-approval-panel{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.al-approval-section{border:1px solid var(--app-border-soft,#e5e7eb);background:var(--app-surface-muted,#f9fafb);border-radius:10px;overflow:hidden}.al-approval-section-title{color:var(--app-text,#374151);border-bottom:1px solid var(--app-border-soft,#e5e7eb);align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.al-approval-section-title i{color:#ed2047}.al-approval-section-body{flex-direction:column;gap:6px;padding:8px;display:flex}.al-approval-row{background:var(--app-surface,#fff);border:1px solid var(--app-border-soft,#e5e7eb);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.al-approval-row-main{flex-direction:column;gap:2px;min-width:0;display:flex}.al-approval-row-name{color:var(--app-text,#111827);font-size:13px;font-weight:600}.al-approval-row-when{color:var(--app-text-muted,#6b7280);font-size:12px}.al-approval-pill{text-transform:capitalize;color:#374151;background:#e5e7eb;border-radius:9999px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.al-approval-pill--approved{color:#059669;background:#10b98126}.al-approval-pill--unapproved,.al-approval-pill--rejected{color:#dc2626;background:#ef444426}.al-approval-pill--pending{color:#d97706;background:#f59e0b2e}.al-approval-pill--cancelled,.al-approval-pill--cancelled{color:#4b5563;background:#6b728026}.al-approval-pill--cancelled{color:#6b7280;background:#6b72801f}.al-approval-loading,.al-approval-empty{color:var(--app-text-muted,#6b7280);margin:0;padding:6px 4px;font-size:12px}[data-theme=dark] .al-approval-section{background:var(--app-surface-muted,#1c2128);border-color:var(--app-border,#30363d)}[data-theme=dark] .al-approval-section-title{color:var(--app-text,#e6edf3);border-bottom-color:var(--app-border,#30363d)}[data-theme=dark] .al-approval-row{background:var(--app-surface,#0d1117);border-color:var(--app-border,#30363d)}[data-theme=dark] .al-approval-row-name{color:var(--app-text,#e6edf3)}@media (width<=640px){.al-form-grid{grid-template-columns:1fr}}.apply-leave-page .apply-leave-main-content{padding:40px}.apply-leave-title-card{border:1px solid var(--app-border-soft,#ed20471f);box-shadow:0 2px 12px var(--app-shadow,#0000000f);background:linear-gradient(135deg,#ed204705,#f2622505);border-radius:12px;margin-bottom:30px;padding:20px;position:relative;overflow:visible}.apply-leave-page-title{letter-spacing:-.5px;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;color:#ed2047;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:600}.apply-leave-page-subtitle{color:var(--app-text-muted,#6b7280);margin-top:6px;font-size:14px}.apply-leave-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.apply-leave-stat-card{background:var(--app-surface,#fff);border:1px solid var(--app-border-soft,#e5e7eb);box-shadow:0 2px 8px var(--app-shadow,#0000000f);text-align:center;z-index:1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:24px;display:flex;position:relative;overflow:visible}.apply-leave-stat-card:has(.apply-leave-balance-menu.show){z-index:20}.apply-leave-stat-card:before{content:"";background:linear-gradient(135deg,#10b981,#059669);border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.apply-leave-stat-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;display:flex}.apply-leave-stat-icon--unpaid{background:linear-gradient(135deg,#f59e0b,#d97706)}.apply-leave-stat-number{color:var(--app-text,#111827);margin-bottom:8px;font-size:32px;font-weight:700;line-height:1}.apply-leave-stat-label{color:var(--app-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:500}.apply-leave-stat-details{color:var(--app-text-muted,#9ca3af);margin-top:4px;font-size:11px}.apply-leave-balance-menu-wrap{z-index:30;position:absolute;top:10px;right:10px}.apply-leave-balance-menu-btn{border:1px solid var(--app-border-soft,#e5e7eb);background:var(--app-surface,#fff);width:28px;height:28px;color:var(--app-text-muted,#6b7280);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:14px;display:inline-flex}.apply-leave-balance-menu-btn:hover{background:var(--app-surface-muted,#f9fafb);color:var(--app-text,#111827)}.apply-leave-balance-menu{background:var(--app-surface,#fff);border:1px solid var(--app-border-soft,#e5e7eb);z-index:40;border-radius:8px;min-width:128px;display:none;position:absolute;top:34px;right:0;overflow:hidden;box-shadow:0 10px 28px #00000038}.apply-leave-balance-menu.show{display:block}.apply-leave-balance-menu-item,.apply-leave-balance-menu button{text-align:left;background:var(--app-surface,#fff);cursor:pointer;width:100%;color:var(--app-text,#111827);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.apply-leave-balance-menu-item:hover,.apply-leave-balance-menu button:hover{background:var(--app-surface-muted,#f9fafb)}.apply-leave-balance-menu-item i{color:#ed2047;width:14px}.apply-leave-action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-bottom:32px;display:flex}.apply-leave-btn,.apply-leave-wfh-btn,.apply-leave-cashin-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 2px 4px #0000001a}.apply-leave-btn{background:linear-gradient(90deg,#ed2047,#f26225)}.apply-leave-wfh-btn{background:linear-gradient(90deg,#10b981,#059669)}.apply-leave-cashin-btn{background:linear-gradient(90deg,#f59e0b,#d97706)}.apply-leave-page .filter-section{background:var(--app-surface,#fff);border:1px solid var(--app-border-soft,#e5e7eb);box-shadow:0 2px 8px var(--app-shadow,#0000000f);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.apply-leave-page .filter-controls{background:var(--app-surface-muted,#f9fafb);border-left:4px solid #ed2047;border-radius:8px;flex-wrap:wrap;align-items:center;gap:20px;padding:15px;display:flex}.apply-leave-page .date-range-container{background:var(--app-surface,#fff);border-left:4px solid #ed2047;border-right:4px solid #ed2047;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.apply-leave-page .date-range-container label{color:var(--app-text-muted,#555);font-weight:500}.apply-leave-page .date-range-container input[type=date]{border:2px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,#fff);color:var(--app-text,#111827);border-radius:8px;padding:10px 14px;font-size:14px}.apply-leave-lists-container{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px;display:grid}.apply-leave-list-card{--leave-status-color:#ed2047;--leave-status-soft:#ed204714;--leave-status-border:#ed20472e;background:var(--app-surface,#fff);border:1px solid var(--leave-status-border);box-shadow:0 2px 8px var(--app-shadow,#0000000f);border-radius:16px;flex-direction:column;height:500px;display:flex;overflow:hidden}.apply-leave-list-card--pending{--leave-status-color:#d97706;--leave-status-soft:#f59e0b1f;--leave-status-border:#f59e0b47}.apply-leave-list-card--approved{--leave-status-color:#059669;--leave-status-soft:#10b9811f;--leave-status-border:#10b98147}.apply-leave-list-card--unapproved{--leave-status-color:#dc2626;--leave-status-soft:#ef44441a;--leave-status-border:#ef444447}.apply-leave-list-card--cancelled{--leave-status-color:#6b7280;--leave-status-soft:#6b72801f;--leave-status-border:#6b728047}.apply-leave-list-header{background:var(--leave-status-soft);border-bottom:1px solid var(--leave-status-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.apply-leave-list-title{color:var(--app-text,#111827);margin:0;font-size:18px;font-weight:600}.apply-leave-list-count{background:var(--leave-status-color);color:#fff;text-align:center;border-radius:20px;min-width:24px;padding:4px 12px;font-size:12px;font-weight:600}.apply-leave-list-content{flex:1;min-height:0;overflow-y:auto}.apply-leave-empty-state{text-align:center;color:var(--app-text-muted,#9ca3af);padding:40px 20px}.apply-leave-empty-state i{margin-bottom:12px;font-size:28px;display:block}.apply-leave-item{border-bottom:1px solid var(--app-border-soft,#f3f4f6);cursor:pointer;align-items:center;gap:16px;padding:18px 20px 18px 24px;transition:background .2s;display:flex;position:relative}.apply-leave-item:hover{background:var(--app-surface-muted,#f9fafb)}.apply-leave-item:before{content:"";background:var(--leave-status-color,#ed2047);width:4px;position:absolute;top:0;bottom:0;left:0}.apply-leave-avatar{background:var(--leave-status-color,#ed2047);border-radius:50%;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.apply-leave-avatar img{object-fit:cover;z-index:1;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.apply-leave-avatar-initials{background:var(--leave-status-color,#ed2047);color:#fff;letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:15px;font-weight:700;display:flex}.apply-leave-details{flex:1;min-width:0}.apply-leave-employee-name{color:var(--app-text,#111827);margin-bottom:10px;font-size:15px;font-weight:700;line-height:1.2}.apply-leave-info,.apply-leave-info-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px 24px;display:grid}.apply-leave-info-grid--compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.apply-leave-info-item{min-width:0;color:var(--app-text-muted,#6b7280);align-items:center;gap:8px;font-size:13px;line-height:1.35;display:flex}.apply-leave-info-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.apply-leave-info-item i{color:var(--leave-status-color,#ed2047);text-align:center;flex-shrink:0;width:14px;font-size:12px}.apply-leave-info-item--spacer{visibility:hidden;pointer-events:none}.apply-leave-truncate-tooltip{color:#fff;white-space:normal;word-break:break-word;pointer-events:none;background:#111827;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:500;line-height:1.45;box-shadow:0 10px 24px #00000047}.apply-leave-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:8px;display:flex;position:relative}.apply-leave-status-badge{letter-spacing:.04em;white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.apply-leave-status-badge i{font-size:10px}.apply-leave-status-badge--pending{color:#d97706;background:#f59e0b26}.apply-leave-status-badge--approved{color:#059669;background:#10b98129}.apply-leave-status-badge--unapproved{color:#dc2626;background:#ef444426}.apply-leave-status-badge--cancelled{color:#6b7280;background:#6b728026}.apply-leave-menu-btn{color:var(--app-text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;line-height:1}.apply-leave-menu-btn:hover:not(:disabled){background:var(--app-surface-muted,#f3f4f6);color:var(--app-text,#111827)}.apply-leave-menu-btn--disabled{opacity:.4;cursor:not-allowed}.apply-leave-menu-dropdown{background:var(--app-surface,#fff);border:1px solid var(--app-border-soft,#e5e7eb);z-index:10;border-radius:8px;min-width:160px;display:none;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000026}.apply-leave-menu-dropdown.show{display:block}.apply-leave-menu-item{cursor:pointer;width:100%;color:var(--app-text,#111827);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.apply-leave-menu-item--cancel{color:#dc2626}.apply-leave-loading-row,.apply-leave-error-row{text-align:center;color:var(--app-text-muted,#6b7280);padding:40px 20px}.apply-leave-logs-overlay{z-index:29990;opacity:0;pointer-events:none;background:#0f172a73;transition:opacity .25s;position:fixed;inset:0}.apply-leave-logs-overlay.show{opacity:1;pointer-events:auto}.apply-leave-logs-drawer{background:var(--app-surface,#fff);border-left:1px solid var(--app-border-soft,#e5e7eb);z-index:29995;will-change:transform;flex-direction:column;width:min(440px,96vw);height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000040}.apply-leave-logs-drawer.show{transform:translate(0)}.apply-leave-logs-header{border-bottom:1px solid var(--app-border-soft,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 16px;display:flex}.apply-leave-logs-title{color:var(--app-text,#111827);font-size:17px;font-weight:700}.apply-leave-logs-subtitle{color:var(--app-text-muted,#6b7280);margin-top:4px;font-size:12px}.apply-leave-logs-close{cursor:pointer;color:var(--app-text-muted,#6b7280);text-align:center;background:0 0;border:none;border-radius:8px;flex-shrink:0;width:28px;height:28px;font-size:20px;line-height:28px}.apply-leave-logs-close:hover{background:var(--app-surface-muted,#f3f4f6);color:var(--app-text,#111827)}.apply-leave-logs-body{background:var(--app-surface-muted,#fafafa);flex:1;padding:12px;overflow-y:auto}.apply-leave-logs-loading,.apply-leave-logs-empty,.apply-leave-logs-error{text-align:center;color:var(--app-text-muted,#6b7280);padding:24px}.apply-leave-logs-error{color:#dc2626}.apply-leave-logs-flow{padding-left:22px;position:relative}.apply-leave-logs-flow:before{content:"";background:#d1d5db;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:8px}.apply-leave-log-item{background:var(--app-surface,#fff);border:2px solid #d1d5db;border-radius:12px;margin-bottom:12px;padding:12px;position:relative;box-shadow:0 1px 3px #0000000f}.apply-leave-log-item:before{content:"";border:3px solid var(--app-surface,#fff);background:#9ca3af;border-radius:50%;width:16px;height:16px;position:absolute;top:18px;left:-24px;box-shadow:0 0 0 2px #d1d5db}.apply-leave-log-item--credit{background:#10b98114;border-color:#10b981}.apply-leave-log-item--credit:before{background:#10b981;box-shadow:0 0 0 2px #10b981}.apply-leave-log-item--usage{background:#ef444414;border-color:#ef4444}.apply-leave-log-item--usage:before{background:#ef4444;box-shadow:0 0 0 2px #ef4444}.apply-leave-log-item--neutral{background:#f59e0b14;border-color:#f59e0b}.apply-leave-log-item--neutral:before{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b}.apply-leave-log-title{color:var(--app-text,#111827);margin-bottom:4px;font-size:13px;font-weight:700}.apply-leave-log-sub{color:var(--app-text-muted,#374151);margin-top:2px;font-size:12px;line-height:1.45}.apply-leave-log-meta{color:var(--app-text-muted,#6b7280);margin-top:6px;font-size:11px}[data-theme=dark] .apply-leave-logs-body{background:#00000040}[data-theme=dark] .apply-leave-logs-flow:before{background:#ffffff2e}[data-theme=dark] .apply-leave-log-item{background:var(--app-surface,#1f2937)}[data-theme=dark] .apply-leave-log-item:before{border-color:var(--app-surface,#1f2937)}[data-theme=dark] .apply-leave-log-item--credit{background:#10b9811f}[data-theme=dark] .apply-leave-log-item--usage{background:#ef44441f}[data-theme=dark] .apply-leave-log-item--neutral{background:#f59e0b1f}.apply-leave-status-overlay{opacity:0;pointer-events:none;z-index:10000;background:#0f172a59;transition:opacity .28s;position:fixed;inset:0}.apply-leave-status-overlay.show{opacity:1;pointer-events:auto}.apply-leave-status-drawer{background:var(--app-surface,#fff);z-index:10001;will-change:transform;flex-direction:column;width:450px;max-width:90vw;height:100vh;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 20px #00000026}.apply-leave-status-drawer.show{transform:translate(0)}.apply-leave-status-header{border-bottom:2px solid var(--app-border,#e5e7eb);background:linear-gradient(135deg,#ed20470d,#f262250d);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.apply-leave-status-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px;font-weight:600}.apply-leave-status-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:background .2s,color .2s,transform .2s;display:flex}.apply-leave-status-close:hover{color:#ed2047;background:#ed20471a;transform:rotate(90deg)}.apply-leave-status-body{flex:1;padding:24px;overflow-y:auto}.apply-leave-status-loading,.apply-leave-status-empty,.apply-leave-status-error,.apply-leave-status-info{text-align:center;color:var(--app-text-muted,#6b7280);padding:40px 20px}.apply-leave-status-loading i,.apply-leave-status-info i{margin-bottom:12px;font-size:32px;display:block}.apply-leave-status-error{color:#ef4444}.apply-leave-status-flow{flex-direction:column;gap:20px;display:flex}.apply-leave-flow-step{padding-left:40px;position:relative}.apply-leave-flow-step:before{content:"";background:#d1d5db;width:2px;position:absolute;top:40px;bottom:-20px;left:15px}.apply-leave-flow-step:last-child:before{display:none}.apply-leave-flow-step--completed:before{background:#10b981}.apply-leave-flow-step--rejected:before{background:#ef4444}.apply-leave-flow-step--pending:before{background:#f59e0b repeating-linear-gradient(0deg,#0000,#0000 8px,#fff 8px 16px)}.apply-leave-flow-step--skipped:before{background:#d1d5db}.apply-leave-flow-step-icon{color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex;position:absolute;top:0;left:0}.apply-leave-flow-step-icon--completed{background:#10b981}.apply-leave-flow-step-icon--rejected{background:#ef4444}.apply-leave-flow-step-icon--pending{background:#f59e0b}.apply-leave-flow-step-icon--skipped{background:#9ca3af}.apply-leave-flow-step-content{background:var(--app-surface,#fff);border:2px solid #e5e7eb;border-radius:10px;padding:16px}.apply-leave-flow-step--completed .apply-leave-flow-step-content{background:#10b9810d;border-color:#10b981}.apply-leave-flow-step--rejected .apply-leave-flow-step-content{background:#ef44440d;border-color:#ef4444}.apply-leave-flow-step--pending .apply-leave-flow-step-content{background:#f59e0b0d;border-color:#f59e0b}.apply-leave-flow-step--skipped .apply-leave-flow-step-content{background:#f9fafb;border-color:#d1d5db}.apply-leave-flow-step--skipped .apply-leave-flow-step-title{color:#6b7280}.apply-leave-flow-step-title{color:var(--app-text,#111827);margin-bottom:8px;font-size:16px;font-weight:600}.apply-leave-flow-step-details{color:var(--app-text-muted,#4b5563);flex-direction:column;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.apply-leave-flow-detail-line--muted{color:#6b7280}.apply-leave-flow-detail-line--warning{color:#b45309}.apply-leave-flow-step-meta{color:#6b7280;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.apply-leave-flow-manager-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.apply-leave-flow-manager-item{background:#f9fafb;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.apply-leave-flow-manager-item--approved{background:#10b9811a;border-left:3px solid #10b981}.apply-leave-flow-manager-item--rejected{background:#ef44441a;border-left:3px solid #ef4444}.apply-leave-flow-manager-item--pending{background:#f59e0b1a;border-left:3px solid #f59e0b}.apply-leave-flow-manager-name{color:var(--app-text,#111827);font-weight:500}.apply-leave-flow-manager-status{text-transform:uppercase;margin-left:auto;font-size:11px;font-weight:600}.apply-leave-flow-manager-status--approved{color:#047857}.apply-leave-flow-manager-status--rejected{color:#b91c1c}.apply-leave-flow-manager-status--pending{color:#b45309}.apply-leave-flow-manager-when{color:#6b7280;width:100%;font-size:11px}@media (width<=1024px){.apply-leave-lists-container{grid-template-columns:1fr}.apply-leave-list-card{height:auto;max-height:420px}}@media (width<=768px){.apply-leave-page .apply-leave-main-content{padding:20px}.apply-leave-item{flex-wrap:wrap;align-items:flex-start;gap:12px}.apply-leave-info-grid{grid-template-columns:1fr;row-gap:6px}.apply-leave-info-item--spacer{display:none}.apply-leave-actions{justify-content:flex-end;width:100%;margin-left:0}}.user-details-modal-overlay{z-index:10000;background:var(--app-overlay,#0f172a73);-webkit-backdrop-filter:blur(2px);justify-content:center;align-items:flex-start;width:100%;height:100%;padding:2rem 0;display:none;position:fixed;top:0;left:0;overflow-y:auto}.user-details-modal-overlay[style*="display: flex"],.user-details-modal-overlay.user-details-modal-open{display:flex}.user-details-modal-content{background:var(--app-surface);width:90%;max-width:800px;height:min(90vh,100dvh - 4rem);max-height:min(90vh,100dvh - 4rem);box-shadow:0 10px 30px var(--app-shadow);border:1px solid var(--app-border);color:var(--app-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:12px;flex-direction:column;margin:0 auto;padding:0;display:flex;overflow:hidden}[data-theme=dark] .user-details-modal-content{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.user-details-modal-header{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225);border-bottom:1px solid #ffffff26;border-radius:12px 12px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.user-details-modal-header h2{color:#fff;margin:0;font-size:24px}.user-details-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;font-weight:700;line-height:1}.user-details-modal-close:hover{opacity:.8}.user-details-modal-body{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track);background:var(--app-surface);flex:auto;min-height:0;padding:30px;overflow:hidden auto}.user-details-modal-body::-webkit-scrollbar{width:8px}.user-details-modal-body::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:4px}.user-details-modal-body::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.user-details-modal-body::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.user-details-modal-footer{border-top:1px solid var(--app-border);background:var(--app-surface-muted);border-radius:0 0 12px 12px;flex-shrink:0;justify-content:flex-end;padding:20px 30px;display:flex}.user-details-modal-overlay .form-row{gap:20px;margin-bottom:20px;display:flex}.user-details-modal-overlay .form-group{flex:1}.user-details-modal-overlay .form-group--app-select .app-select-wrap{flex-direction:column;align-items:stretch;gap:0}.user-details-modal-overlay .form-group--app-select .app-select-wrap>label{color:var(--app-text-muted);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.user-details-modal-overlay .form-group--app-select .app-select-container{width:100%;min-width:0}.user-details-modal-overlay .form-group--app-select .app-select-trigger{background:var(--app-input-bg);border-color:var(--app-border);width:100%;color:var(--app-text)}[data-theme=dark] .user-details-modal-overlay .form-group--app-select .app-select-wrap>label{color:var(--app-text-muted)}[data-theme=dark] .user-details-modal-overlay .form-group--app-select .app-select-trigger{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}.user-details-modal-overlay .form-group label{color:var(--app-text);margin-bottom:8px;font-weight:500;display:block}.user-details-modal-overlay .form-group input,.user-details-modal-overlay .form-group select,.user-details-modal-overlay .form-group textarea{border:1px solid var(--app-border);background:var(--app-input-bg);width:100%;color:var(--app-text);box-sizing:border-box;border-radius:8px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .3s,box-shadow .2s}.user-details-modal-overlay .form-group input::placeholder,.user-details-modal-overlay .form-group textarea::placeholder{color:var(--app-text-muted)}.user-details-modal-overlay .form-group input:focus,.user-details-modal-overlay .form-group select:focus,.user-details-modal-overlay .form-group textarea:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.user-details-modal-overlay .form-group select option{background:var(--app-surface);color:var(--app-text)}.user-details-modal-overlay .weekend-off-container{border:2px solid var(--app-border);background:var(--app-surface-muted);box-shadow:0 2px 10px var(--app-shadow);border-radius:12px;margin-bottom:20px;padding:20px}.user-details-modal-overlay .weekend-off-title{color:var(--app-text);align-items:center;gap:8px;margin-bottom:15px;font-size:16px;font-weight:600;display:flex}.user-details-modal-overlay .weekend-off-title i{color:#ed2047}.user-details-modal-overlay .weekend-off-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.user-details-modal-overlay .weekend-off-option{box-sizing:border-box;background:var(--app-surface);border:2px solid var(--app-border);cursor:pointer;border-radius:8px;align-items:center;width:100%;min-width:0;padding:12px 10px;transition:all .3s;display:flex}.user-details-modal-overlay .weekend-off-option:hover{border-color:#ed2047;box-shadow:0 2px 8px #ed204726}.user-details-modal-overlay .weekend-off-option input[type=checkbox]{accent-color:#ed2047;flex-shrink:0;width:18px;height:18px;margin-right:10px}.user-details-modal-overlay .weekend-off-option label{color:var(--app-text);cursor:pointer;white-space:nowrap;flex:1;min-width:0;font-weight:500}@media (width<=700px){.user-details-modal-overlay .weekend-off-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.user-details-modal-overlay .weekend-off-options{grid-template-columns:1fr}}.user-details-modal-overlay .weekend-off-option.selected{color:#fff;background:linear-gradient(135deg,#ed2047 0%,#f26225 100%);border-color:#ed2047}.user-details-modal-overlay .weekend-off-option.selected label{color:#fff}.user-details-modal-overlay .selected-weekend-offs{background:var(--app-surface);border:2px dashed var(--app-border);border-radius:8px;flex-wrap:wrap;gap:12px;min-height:50px;padding:10px;display:flex}.user-details-modal-overlay .weekend-off-item{color:#fff;background:linear-gradient(135deg,#ed2047 0%,#f26225 100%);border-radius:20px;align-items:center;gap:8px;padding:10px 15px;display:flex;box-shadow:0 2px 8px #ed20474d}.user-details-modal-overlay .weekend-off-item span{font-size:14px;font-weight:500}.user-details-modal-overlay .weekend-off-item .week-selector{align-items:center;gap:5px;display:flex}.user-details-modal-overlay .weekend-off-item .week-checkbox{background:#fff3;border-radius:10px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;display:flex}.user-details-modal-overlay .weekend-off-item .week-checkbox input{width:12px;height:12px;margin:0}.user-details-modal-overlay .remove-weekend-off{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.user-details-modal-overlay .remove-weekend-off:hover{background:#ffffff4d}.user-details-modal-overlay .reporting-seniors-container{border:2px solid var(--app-border);background:var(--app-surface-muted);box-shadow:0 2px 10px var(--app-shadow);border-radius:12px;padding:20px}.user-details-modal-overlay .reporting-seniors-title{color:var(--app-text);align-items:center;gap:8px;margin-bottom:15px;font-size:16px;font-weight:600;display:flex}.user-details-modal-overlay .reporting-seniors-title i{color:#ed2047}.user-details-modal-overlay .reporting-seniors-options{background:var(--app-surface);border:1px solid var(--app-border);scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-height:200px;padding:10px;display:grid;overflow-y:auto}.user-details-modal-overlay .reporting-seniors-options::-webkit-scrollbar{width:8px}.user-details-modal-overlay .reporting-seniors-options::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:4px}.user-details-modal-overlay .reporting-seniors-options::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.user-details-modal-overlay .reporting-senior-option{background:var(--app-surface);border:2px solid var(--app-border);cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--app-text);border-radius:8px;align-items:center;padding:12px 6px;transition:all .3s;display:flex}.user-details-modal-overlay .reporting-senior-option:hover{border-color:#ed2047;box-shadow:0 2px 8px #ed204726}.user-details-modal-overlay .reporting-senior-option input[type=checkbox]{accent-color:#ed2047;width:18px;height:18px;margin-right:10px}.user-details-modal-overlay .reporting-senior-option.selected{color:#fff;background:linear-gradient(135deg,#ed2047 0%,#f26225 100%);border:2px solid #ed2047}.user-details-modal-overlay .reporting-senior-option.selected label{color:#fff}.user-details-modal-overlay .reporting-senior-role{color:var(--app-text-muted);margin-left:8px;font-size:12px}.user-details-modal-overlay .reporting-senior-option.selected .reporting-senior-role{color:#fffc}.user-details-modal-overlay .selected-reporting-seniors{background:var(--app-surface);border:2px dashed var(--app-border);border-radius:8px;flex-wrap:wrap;gap:12px;min-height:50px;margin-top:15px;padding:10px;display:flex}.user-details-modal-overlay .reporting-senior-item{color:#fff;background:linear-gradient(135deg,#ed2047 0%,#f26225 100%);border-radius:20px;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:0 2px 8px #ed20474d}.user-details-modal-overlay .reporting-senior-item span{font-size:14px;font-weight:500}.user-details-modal-overlay .reporting-senior-item .senior-role{opacity:.9;font-size:12px}.user-details-modal-overlay .remove-reporting-senior{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.user-details-modal-overlay .remove-reporting-senior:hover{background:#ffffff4d}.user-details-modal-overlay .btn-save{cursor:pointer;color:#fff;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 10px #ed204740}.user-details-modal-overlay .btn-save:hover:not(:disabled){background:linear-gradient(90deg,#d91a3d,#e55a1f);box-shadow:0 6px 14px #ed204759}.user-details-modal-overlay .btn-save:disabled{background:var(--app-border);color:var(--app-text-muted);cursor:not-allowed;box-shadow:none}.user-details-modal-overlay .break-row{grid-template-columns:80px minmax(9.5rem,1fr) minmax(9.5rem,1fr) minmax(9.5rem,1fr) 40px;align-items:start;gap:10px;display:grid}.user-details-modal-overlay .break-row input.break-start,.user-details-modal-overlay .break-row input.break-end,.user-details-modal-overlay .break-row input.break-duration,.user-details-modal-overlay .break-row input.break-no{box-sizing:border-box;font-variant-numeric:tabular-nums;background:var(--app-input-bg);min-width:0;color:var(--app-text);border:1px solid var(--app-border);border-radius:8px;padding:10px 12px}.team-form-breaks-title{justify-content:space-between;align-items:center;display:flex}.team-form-add-btn{cursor:pointer;color:#ed2047;background:0 0;border:none;font-size:22px;line-height:1}.team-form-placeholder{color:var(--app-text-muted);text-align:center;width:100%;padding:20px;font-style:italic}.team-form-placeholder--compact{padding:10px}.team-form-filter-info{color:var(--app-text-muted);margin-left:10px;font-size:12px;font-weight:400}.break-delete-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;height:40px}.break-delete-btn:hover{background:#c82333}.team-breaks-container{flex-direction:column;gap:12px;display:flex}[data-theme=dark] .user-details-modal-overlay .weekend-off-container,[data-theme=dark] .user-details-modal-overlay .reporting-seniors-container{background:var(--app-surface-muted)}[data-theme=dark] .user-details-modal-overlay .reporting-senior-option:not(.selected):hover{border-color:#ed2047}[data-theme=dark] .user-details-modal-overlay .weekend-off-option:not(.selected){background:var(--app-surface)}@media (width<=768px){.user-details-modal-overlay{padding:1rem 0}.user-details-modal-content{box-sizing:border-box;width:min(100%,100vw - 16px);max-width:100%}.user-details-modal-body,.user-details-modal-footer{padding:20px}.user-details-modal-body{overflow-x:hidden}.user-details-modal-overlay .form-row{flex-direction:column;gap:0}.user-details-modal-overlay .break-row{grid-template-columns:1fr}.user-details-modal-overlay .weekend-off-container{box-sizing:border-box;min-width:0;max-width:100%;padding:12px;overflow-x:hidden}.user-details-modal-overlay .selected-weekend-offs{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:10px;min-width:0;max-width:100%;overflow-x:hidden}.user-details-modal-overlay .weekend-off-item{box-sizing:border-box;flex-wrap:wrap;align-items:flex-start;gap:8px;width:100%;max-width:100%;padding:10px 40px 10px 12px;position:relative}.user-details-modal-overlay .weekend-off-item .week-selector{flex:100%;grid-template-columns:repeat(4,max-content);justify-content:start;gap:6px;min-width:0;max-width:100%;display:grid}.user-details-modal-overlay .weekend-off-item .week-checkbox{white-space:nowrap;flex:none;padding:2px 6px}.user-details-modal-overlay .weekend-off-item .remove-weekend-off{position:absolute;top:8px;right:8px}}.salary-detail-modal-overlay.salary-detail-modal-open{display:flex}.salary-detail-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:12000;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.salary-detail-modal{background:var(--app-surface,#fff);border:1px solid var(--app-border);width:min(760px,95vw);max-height:min(90vh,900px);box-shadow:0 24px 60px var(--app-shadow,#0003);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.salary-detail-modal-header{border-bottom:1px solid var(--app-border);background:linear-gradient(135deg,#ed204714,#f262250d);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.salary-detail-modal-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:600}.salary-detail-close-btn{background:var(--app-surface-muted);border:none;border:1px solid var(--app-border);color:var(--app-text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;line-height:1;display:flex}.salary-detail-close-btn:hover{color:var(--app-text);background:var(--app-surface-hover)}.salary-detail-modal-content{-webkit-overflow-scrolling:touch;background:var(--app-bg,#f9f9f9);flex:1;gap:18px;min-height:0;padding:18px 22px 20px;display:grid;overflow:hidden auto}.salary-detail-modal-footer{border-top:1px solid var(--app-border);background:var(--app-surface);border-radius:0 0 13px 13px;flex-shrink:0;padding:14px 22px 16px}.salary-detail-modal-footer .salary-custom-actions{border-top:none;margin-top:0;padding-top:0}.salary-section{border:1px solid var(--app-border);background:var(--app-surface);border-radius:10px;padding:14px}.salary-section h4{color:var(--app-text);margin-bottom:12px;font-size:15px}.salary-section-hint{color:var(--app-text-muted);margin:-4px 0 12px;font-size:12px;line-height:1.4}.salary-section-period{z-index:3;background:var(--app-surface);box-shadow:0 6px 10px -6px var(--app-shadow);position:sticky;top:0}.salary-section-period .salary-period-row{margin-bottom:0}.salary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.salary-field{gap:6px;display:grid}.salary-field label{color:var(--app-text-muted);font-size:12px;font-weight:600}.salary-field input,.salary-field select{border:2px solid var(--app-border);width:100%;color:var(--app-text);background:var(--app-input-bg);box-shadow:0 2px 4px var(--app-shadow);border-radius:8px;padding:10px 12px;font-size:14px}.salary-field input:read-only{background:var(--app-surface-muted);color:var(--app-text-muted);cursor:default}.salary-field input:focus,.salary-field select:focus{border-color:#ed204773;outline:none;box-shadow:0 0 0 3px #ed204726}.salary-field select{cursor:pointer}.salary-period-row .app-select-wrap{width:100%}.salary-period-row .app-select-container{width:100%;min-width:0}.salary-custom-intro{color:var(--app-text-muted);margin-bottom:12px;font-size:13px;line-height:1.45}.salary-custom-fields{flex-direction:column;gap:14px;display:flex}.salary-custom-field-card{border:1px solid var(--app-border);background:var(--app-surface-muted);border-radius:10px;padding:12px}.salary-custom-field-label-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.salary-custom-field-card label{color:var(--app-text);margin-bottom:0;font-size:13px;font-weight:600;display:inline}.salary-custom-type-tag{color:var(--app-text-muted);background:var(--app-surface-hover);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.salary-tag-auto{color:#94a3b8;background:#64748b2e}.salary-tag-manual{color:#4ade80;background:#16a34a2e}.salary-tag-system{color:#f87171;background:#ed204726}.salary-custom-field-card input[type=text]{border:2px solid var(--app-border);background:var(--app-input-bg);width:100%;color:var(--app-text);border-radius:8px;margin-bottom:8px;padding:10px 12px;font-size:14px}.salary-custom-input-readonly{cursor:default;background:var(--app-surface-muted)!important;color:var(--app-text-muted)!important}.salary-custom-input-editable{background:var(--app-input-bg);border-color:#ed204759}.salary-custom-actions{border-top:1px solid var(--app-border);flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.salary-custom-save-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none}.salary-custom-save-btn:hover:not(:disabled){filter:brightness(1.03)}.salary-custom-save-btn:disabled{opacity:.65;cursor:not-allowed}.salary-save-status{color:#4ade80;font-size:13px}.salary-custom-formula{color:var(--app-text-muted);word-break:break-word;margin:0;font-family:ui-monospace,monospace;font-size:12px;line-height:1.5}.salary-custom-formula strong{color:var(--app-text);font-weight:600}.salary-custom-error{color:#f87171;margin:0;font-size:12px}@media (width<=768px){.salary-detail-modal-overlay .salary-section-period{z-index:auto;box-shadow:none;position:static;top:auto}.salary-detail-modal-overlay .salary-section-period:before{content:none;display:none}}.employees-page{padding:40px}.employees-header-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.employees-page-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;align-items:center;gap:15px;font-size:28px;font-weight:600;display:flex}.employees-search-section{align-items:center;gap:10px;display:flex}.employees-search-section label{color:#555;font-weight:500}.employees-search-section input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:min(300px,100%);padding:12px 16px;font-size:14px;box-shadow:0 2px 4px #0000000d}.employees-filter-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:23px;margin-bottom:30px;padding:20px;display:flex}.employees-filter-section label{color:#797575;margin-right:10px;font-size:14px;font-weight:600}.employees-filter-section select,.employees-filter-section button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 14px;font-size:14px;box-shadow:0 2px 4px #0000000d}.employees-bulk-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.employees-bulk-action-slot{flex:none;align-items:flex-end;display:flex}.employees-bulk-action-btn{color:#fff;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 2px 8px #ed204740}.employees-bulk-action-btn:hover:not(:disabled){cursor:url(/cursors/hand-pointer.png) 12 2,pointer;transform:translateY(-1px);box-shadow:0 4px 12px #ed204759}.employees-bulk-action-btn:active:not(:disabled){transform:translateY(0)}.employees-bulk-action-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.employees-filters-aside{align-items:flex-end;overflow:visible}.employees-page .filters-card__row{overflow:visible}.employees-page .filters-card{z-index:4;position:relative}.employees-page .filters-card:has(.team-actions-menu.open){z-index:60}.employees-page .filter-actions,.employees-page .team-actions-dropdown{z-index:61;position:relative}.employees-page .team-actions-menu{z-index:62}.employees-page .team-table-wrapper{z-index:1;position:relative}.employees-filters-aside .employees-bulk-row{flex:auto}.employees-filters-aside .filter-actions{margin-left:0}.employees-filter-section button{color:#ed2047;cursor:pointer;background:linear-gradient(135deg,#ed204712,#f262250f);border:none;margin-left:8px}.filter-actions{align-items:center;margin-left:auto;display:flex}.team-actions-dropdown{align-items:center;display:inline-flex;position:relative;overflow:visible}.team-more-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ed2047,#f26225);border:none;border-radius:8px;min-width:42px;min-height:42px;padding:10px 14px;font-size:16px;box-shadow:0 2px 6px #ed204733}.team-actions-menu{z-index:1200;background:#fff;border:1px solid #ed20471f;border-radius:12px;min-width:232px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px -4px #ed204726}.team-actions-menu.open{display:block}.team-actions-menu-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.team-actions-menu-item:hover{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225)}.team-actions-menu-item i{color:#ed2047}.team-actions-menu-item:hover i{color:#fff}.team-table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#9ca3af #e5e7eb;background:#fff;border:1px solid #ed20471a;border-radius:16px;width:100%;max-width:100%;overflow:auto visible;box-shadow:0 8px 25px #0000001a}.team-table-wrapper::-webkit-scrollbar{width:10px;height:10px}.team-table-wrapper::-webkit-scrollbar-track{background:#e5e7eb;border-radius:4px}.team-table-wrapper::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.team-table-wrapper::-webkit-scrollbar-thumb:hover{background:#6b7280}.team-table{border-collapse:separate;border-spacing:0;background:#fff;width:max-content;min-width:900px}.team-table th,.team-table td{text-align:left;white-space:nowrap;background:#fff;border-bottom:1px solid #ed20471a;padding:18px 15px}.team-table th{color:#333;text-transform:uppercase;letter-spacing:.5px;background:#faf5f6;font-size:14px;font-weight:600}.team-table thead th{z-index:3;background:#faf5f6;position:sticky;top:0;box-shadow:0 1px #ed20471f}.team-table tbody tr:hover td{background:#fff8f9}.team-username{align-items:center;gap:12px;font-weight:500;display:flex}.profile-image{object-fit:cover;border:3px solid #ed2047;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 8px #ed204733}.user-icon{color:#ed2047;font-size:40px}.action-btn{cursor:pointer;border:none;border-radius:6px;margin-top:10px;margin-right:8px;padding:6px 14px;font-size:14px}.approve-btn{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225)}.suspend-btn{color:#fff;background:#ed2047}.view-logs-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.view-details-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#17a2b8,#6f42c1);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.view-salary-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff8a00,#e52e71);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.employees-page .status-badge{color:#fff;border-radius:8px;padding:4px 10px;font-size:13px}.employees-page .status-approved{background:linear-gradient(90deg,#ed2047,#f26225)}.employees-page .status-suspended{background:#ed2047}.employees-page .status-pending{background:#f26225}.no-team-members,.error-message,.team-loading-row{text-align:center;color:#777;padding:20px}.error-message{color:#e74c3c}.pending-approvals-badge{-webkit-text-fill-color:#fff;color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;animation:2s infinite employees-pulse;display:inline-flex;box-shadow:0 4px 12px #ff6b6b4d}@keyframes employees-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (width<=768px){.employees-page{padding:20px}.employees-header-section,.employees-filter-section{flex-direction:column;align-items:stretch}.filter-actions{width:auto;margin-left:0}.employees-search-section input{width:100%}}@media screen and (width<=890px){.employees-page .employees-filters-aside{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;margin-left:0}.employees-page .employees-bulk-row{flex-direction:column;align-items:stretch;gap:12px;width:100%;display:flex}.employees-page .employees-bulk-row .filters-card-field,.employees-page .employees-bulk-row .filters-card-field__control,.employees-page .employees-bulk-row .filters-card-select,.employees-page .employees-bulk-row .filters-card-select.app-select-wrap,.employees-page .employees-bulk-row .app-select-container,.employees-page .employees-bulk-row .app-select-trigger{width:100%;min-width:0;max-width:none}.employees-page .employees-bulk-action-slot{flex:auto;width:100%}.employees-page .employees-bulk-action-btn{width:100%}.employees-page .filters-card__header-actions .filter-actions{margin-left:0}.employees-page .filters-card__header-actions .team-actions-menu{left:auto;right:0}}.gtg-member-page{min-height:0}.gtg-member-content{padding:40px}.gtg-member-page .header-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;padding:20px;display:flex}.gtg-member-page .page-title{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:600}.gtg-member-page .search-section{align-items:center;gap:10px;display:flex}.gtg-member-page .search-section label{color:var(--app-text-muted);font-weight:500}.gtg-member-page .search-section input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:min(300px,100%);padding:12px 16px;font-size:14px;box-shadow:0 2px 4px #0000000d}.gtg-member-page .filter-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}.gtg-member-page .filter-controls{background:var(--app-surface-muted);border-left:4px solid #ed2047;border-radius:8px;flex-wrap:wrap;flex:420px;align-items:center;gap:20px;min-width:0;padding:15px;display:flex}.gtg-member-page .filter-controls .app-select-wrap{flex:0 auto;min-width:0}.gtg-member-page .filter-controls .app-select-container{min-width:0;max-width:100%}.gtg-member-page .filter-section label{color:var(--app-text-muted);margin-right:10px;font-weight:500}.gtg-member-page .filter-section select,.gtg-member-page .filter-section input[type=date]{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 14px;font-size:14px;box-shadow:0 2px 4px #0000000d}.gtg-member-page .date-range-container{background:var(--app-surface-muted);border-left:4px solid #ed2047;border-right:4px solid #ed2047;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.gtg-member-page .employee-selector{background:var(--app-surface-muted);border-right:4px solid #ed2047;border-radius:8px;flex-direction:column;flex:260px;align-items:stretch;gap:10px;min-width:0;max-width:100%;padding:0;display:flex}.gtg-member-page .employee-selector label{color:var(--app-text-muted);white-space:normal;font-weight:500}.gtg-member-page .custom-select-container{width:100%;min-width:0;position:relative}.gtg-member-page .custom-select{border:2px solid var(--app-border);background:var(--app-input-bg);width:100%;max-width:100%;color:var(--app-text);cursor:pointer;min-width:0;min-height:40px;box-shadow:0 2px 6px var(--app-shadow);font:inherit;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.gtg-member-page .custom-select.open{border-color:#ed2047}.gtg-member-page .selected-option{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.gtg-member-page .selected-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gtg-member-page .dropdown-arrow{flex-shrink:0}.gtg-member-page .selected-option img,.gtg-member-page .dropdown-option img{object-fit:cover;border:3px solid #ed2047;border-radius:50%;width:35px;height:35px}.gtg-member-page .user-icon{color:#ed2047;font-size:35px}.gtg-member-page .custom-dropdown{background:var(--app-surface);border:1px solid var(--app-border);width:auto;min-width:100%;max-width:min(100%,100vw - 48px);box-shadow:0 12px 32px var(--app-shadow);z-index:1200;border-radius:10px;max-height:min(280px,50vh);padding:4px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.gtg-member-page .dropdown-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gtg-member-page .dropdown-option{width:100%;min-width:0;color:var(--app-text);cursor:pointer;text-align:left;font:inherit;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 6px;display:flex}.gtg-member-page .dropdown-option.selected{background:linear-gradient(135deg,#ed204724,#f262251a)}.gtg-member-page .dropdown-option:hover{background:linear-gradient(135deg,#ed20470d,#f262250d)}.gtg-member-page .dropdown-option--disabled{cursor:not-allowed;opacity:.8}.gtg-member-page .filters-card{z-index:30}:is(.gtg-member-page .filters-card:has(.custom-select.open),.gtg-member-page .filters-card:has(.app-select-trigger.is-open)){z-index:80}.gtg-table-wrap{z-index:1;border-radius:16px;width:100%;max-width:100%;max-height:none;position:relative;overflow:visible}.gtg-table-wrap.is-refreshing{opacity:.72;pointer-events:none;transition:opacity .15s}.gtg-table{table-layout:auto;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #ed20471a;border-radius:16px;width:100%;min-width:100%;box-shadow:0 8px 25px #0000001a}.gtg-table thead th{z-index:3;background-color:#faf5f6;position:sticky;top:0;box-shadow:0 1px #ed20471f}.gtg-table th,.gtg-table td{text-align:left;border-bottom:1px solid #ed20471a;padding:18px 15px}.gtg-table th{color:#333;text-transform:uppercase;letter-spacing:.5px;background-color:#faf5f6;background-image:linear-gradient(135deg,#ed20470d,#f262250d);font-size:14px;font-weight:600}.gtg-table td{background-color:#fff}.gtg-table tr:hover{background:linear-gradient(135deg,#ed204705,#f2622505);transform:translateY(-1px);box-shadow:0 4px 12px #ed20471a}.gtg-member-page .employee-info{align-items:center;gap:12px;display:flex}.gtg-member-page .employee-info img{object-fit:cover;border:3px solid #ed2047;border-radius:50%;width:40px;height:40px}.approval-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 18px;font-size:13px;font-weight:500;box-shadow:0 2px 6px #0000001a}.approval-btn.approve{color:#fff;background:linear-gradient(135deg,#28a745,#20c997)}.approval-btn.unapprove{color:#fff;background:linear-gradient(135deg,#dc3545,#c82333)}.gtg-member-page .status-badge{text-align:center;border-radius:20px;min-width:100px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-block}.gtg-member-page .status-pending{color:#212529;background:linear-gradient(135deg,#ffc107,#ff8c00)}.gtg-member-page .status-approved{color:#fff;background:linear-gradient(135deg,#28a745,#20c997)}.gtg-member-page .status-clockout{color:#fff;background:linear-gradient(135deg,#6c757d,#495057)}.gtg-no-approval{color:#666}.no-gtg-records,.gtg-member-page .error-message,.gtg-loading-row{text-align:center;color:#777;padding:20px}.gtg-member-page .error-message{color:#e74c3c}@media (width<=1100px){.gtg-member-page .filter-section{flex-direction:column;align-items:stretch}.gtg-member-page .filter-controls,.gtg-member-page .employee-selector{flex:none;width:100%}}@media (width>=500px) and (width<=1100px){.gtg-member-page .header-section{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.gtg-member-page .header-section .page-title{flex:auto;min-width:0}.gtg-member-page .header-section .search-section{flex-wrap:nowrap;flex:0 auto;width:auto;max-width:46%}.gtg-member-page .header-section .search-section .app-search-input-wrap{width:100%;min-width:140px;max-width:220px}}@media (width<=768px){.gtg-member-content{padding:20px}.gtg-member-page .filter-section{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.gtg-member-page .header-section{gap:16px;padding:16px}.gtg-member-page .filter-controls{flex-direction:column;align-items:stretch;gap:14px;padding:14px}.gtg-member-page .filter-controls .app-select-wrap{flex-direction:column;flex:none;align-items:stretch;gap:8px;width:100%}.gtg-member-page .filter-controls .app-select-container{width:100%}.gtg-member-page .date-range-container{flex-direction:column;align-items:stretch;width:100%}.gtg-member-page .date-range-container input[type=date]{width:100%}.gtg-member-page .employee-selector{border-bottom:4px solid #ed2047;border-right:none;width:100%}.gtg-member-page .custom-select{min-width:0}.gtg-table-wrap,.team-attendance-table-wrap{max-height:none}.gtg-table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;overflow:auto visible}.gtg-table{width:max-content;min-width:900px}.gtg-table th,.gtg-table td{white-space:nowrap}}@media (width<=499px){.gtg-member-page .header-section{flex-direction:column;align-items:stretch}.gtg-member-page .header-section .search-section{flex-wrap:wrap;width:100%}.gtg-member-page .header-section .search-section input,.gtg-member-page .header-section .app-search-input-wrap{width:100%;min-width:0;max-width:none}}@media (width<=480px){.gtg-member-content{padding:12px}.gtg-member-page .page-title{font-size:22px}.gtg-member-page .filter-section,.gtg-member-page .header-section{padding:12px}.gtg-member-page .selected-option img,.gtg-member-page .dropdown-option img{width:28px;height:28px}.gtg-member-page .user-icon{font-size:28px}}.gtg-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:12px 4px;display:flex}.gtg-pagination-meta{color:var(--gray-600,#6b7280);font-size:13px}.gtg-pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gtg-page-size{color:var(--gray-600,#6b7280);align-items:center;gap:8px;margin-right:8px;font-size:13px;font-weight:600;display:inline-flex}.gtg-page-size .app-select,.gtg-page-size .filters-card-select{min-width:72px}.gtg-page-btn{border:1px solid var(--gray-300,#d1d5db);background:var(--app-surface,#fff);min-width:36px;height:36px;color:var(--gray-700,#374151);cursor:pointer;border-radius:8px;padding:0 10px;font-size:13px;font-weight:600}.gtg-page-btn:hover:not(:disabled){color:#ed2047;border-color:#ed2047}.gtg-page-btn.is-active{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border-color:#0000}.gtg-page-btn:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .gtg-pagination-meta,[data-theme=dark] .gtg-page-size{color:var(--gray-400,#9ca3af)}[data-theme=dark] .gtg-page-btn{background:var(--app-surface,#1f2937)}@media (width>=500px) and (width<=1100px){.gtg-member-page .header-section{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.gtg-member-page .header-section .search-section{flex:0 auto!important;width:auto!important;max-width:46%!important}.gtg-member-page .header-section .search-section .app-search-input-wrap{width:100%!important;min-width:140px!important;max-width:220px!important}}.employee-salary-page{--emp-salary-primary:#ed2047;--emp-salary-primary-2:#f26225;--emp-salary-text:#16213e;--emp-salary-muted:#6b7280;--emp-salary-border:#e5e7eb;--emp-salary-card-bg:#fff;--emp-salary-page-bg:transparent;--emp-salary-hover:#fff7f8;--emp-salary-table-border:#eef2f7;min-height:0}.employee-salary-page .emp-salary-main{padding:40px}.employee-salary-page .emp-salary-page-title{background:linear-gradient(135deg, var(--emp-salary-primary), var(--emp-salary-primary-2));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:28px;font-weight:600}.employee-salary-page .emp-salary-period-label{color:var(--emp-salary-muted);margin-top:4px;font-size:13px}.employee-salary-page .emp-salary-header-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;margin-bottom:18px;padding:20px;display:flex}.employee-salary-page .emp-salary-header-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.employee-salary-page .emp-salary-header-title-block{flex:auto;min-width:0}.employee-salary-page .emp-salary-header-title-row .app-search-input-wrap{margin-left:auto}@media screen and (width>=500px) and (width<=1100px){.employee-salary-page .emp-salary-header-title-row{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.employee-salary-page .emp-salary-header-title-block{flex:auto;min-width:0}.employee-salary-page .emp-salary-header-title-row .app-search-input-wrap{flex:0 auto;width:min(220px,46%);min-width:140px;max-width:220px;margin-left:auto}}.employee-salary-page .emp-salary-filters-card{margin-bottom:22px}.employee-salary-page .emp-salary-filters-aside{flex:0 auto;align-items:flex-end;gap:12px}.employee-salary-page .emp-salary-filter-action{flex:none}.employee-salary-page .emp-salary-filter-btn{border:1px solid var(--app-border,var(--emp-salary-border));background:var(--app-input-bg,var(--emp-salary-card-bg));min-height:42px;color:var(--app-text,var(--emp-salary-text));cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:flex-start;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 1px 4px #0000000a}.employee-salary-page .emp-salary-filter-btn:hover:not(:disabled){color:var(--emp-salary-primary,#ed2047);border-color:#ed204773;box-shadow:0 2px 8px #ed20471a}.employee-salary-page .emp-salary-filter-btn:disabled{opacity:.55;cursor:not-allowed}.employee-salary-page .emp-salary-filter-btn i{color:#ed2047;font-size:13px}.employee-salary-page .emp-salary-filter-btn--wide{max-width:100%}.employee-salary-page .emp-salary-filter-btn--icon{justify-content:center;min-width:42px;padding-left:12px;padding-right:12px}.employee-salary-page .emp-salary-filter-btn--icon i{color:var(--app-text-muted,var(--emp-salary-muted));font-size:15px}@media screen and (width<=1190px){.employee-salary-page .emp-salary-filters-card.filters-card--open .filters-card__row{flex-direction:unset;flex-wrap:unset;grid-template-columns:1fr 1fr;align-items:end;gap:12px 14px;display:grid}.employee-salary-page .emp-salary-filters-card .filters-card-group{display:contents}.employee-salary-page .emp-salary-filters-card .filters-card-group>.filters-card-field,.employee-salary-page .emp-salary-filters-card .filters-card-group>.emp-salary-filter-action{width:100%;min-width:0}.employee-salary-page .emp-salary-filters-card .filters-card-aside.emp-salary-filters-aside{flex:none;grid-column:1/-1;justify-content:stretch;align-items:stretch;width:100%;margin-left:0}.employee-salary-page .emp-salary-filters-card .emp-salary-filter-action,.employee-salary-page .emp-salary-filters-card .emp-salary-filter-btn,.employee-salary-page .emp-salary-filters-card .emp-salary-filter-btn--wide,.employee-salary-page .emp-salary-filters-card .filters-card-select,.employee-salary-page .emp-salary-filters-card .app-select-trigger{width:100%;min-width:0;max-width:none}.employee-salary-page .emp-salary-filters-card .toolbar-bulk-wrap .emp-salary-filter-btn--icon{width:42px;min-width:42px}}@media screen and (width<=400px){.employee-salary-page .emp-salary-filters-card.filters-card--open .filters-card__row{grid-template-columns:1fr}}.emp-salary-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.emp-salary-btn.primary{background:linear-gradient(135deg, var(--emp-salary-primary,#ed2047), var(--emp-salary-primary-2,#f26225));color:#fff}.emp-salary-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #ed204740}.emp-salary-btn.ghost{background:var(--emp-salary-card-bg);color:var(--emp-salary-primary);border:1.5px solid #ed204766}.emp-salary-btn.ghost:hover:not(:disabled){background:#ed20470f}.emp-salary-btn.dark{color:#fff;background:#16213e}.emp-salary-btn.dark:hover:not(:disabled){background:#0f3460}.emp-salary-btn:disabled{opacity:.55;cursor:not-allowed}.employee-salary-page .payroll-ready-banner{color:#374151;background:linear-gradient(135deg,#ed204714,#f262250f);border:1px solid #ed204740;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 18px;font-size:14px;line-height:1.5;display:none}.employee-salary-page .payroll-ready-banner.visible{display:flex}.employee-salary-page .payroll-ready-banner strong{color:var(--emp-salary-text)}.employee-salary-page .emp-salary-stat-row{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:start;gap:14px;margin-bottom:22px;display:grid}.employee-salary-page .emp-salary-stat-card{background:var(--emp-salary-card-bg);box-sizing:border-box;border:1px solid #f1f3f5;border-radius:12px;min-width:0;max-width:none;padding:16px 18px;overflow:hidden;box-shadow:0 4px 14px #0f172a0a}.employee-salary-page .emp-salary-stat-card label{color:var(--emp-salary-muted);text-transform:uppercase;letter-spacing:1px;overflow-wrap:anywhere;word-break:break-word;margin-bottom:6px;font-size:11px;line-height:1.35;display:block}.employee-salary-page .emp-salary-stat-card .v{color:var(--emp-salary-text);overflow-wrap:break-word;word-break:normal;max-width:100%;font-size:clamp(15px,1.6vw,22px);font-weight:700;line-height:1.25}.employee-salary-page .emp-salary-stat-card .v.accent{color:var(--emp-salary-primary)}.employee-salary-page .emp-salary-stat-card .v.pending{color:#b45309}.employee-salary-page .emp-salary-stat-card .v.muted-stat{color:#64748b}.employee-salary-page .emp-salary-stat-card .v.danger-stat{color:#b91c1c}.employee-salary-page .emp-salary-stat-card .v.success-stat{color:#15803d}.employee-salary-page .emp-salary-stat-card .v.info-stat{color:#0369a1}.employee-salary-page .emp-salary-stat-card .v.zero-ctc-stat{color:#7c2d12}.employee-salary-page .emp-salary-stat-card .stat-sub{color:#64748b;overflow-wrap:anywhere;word-break:break-word;margin-top:4px;font-size:11px;font-weight:500;line-height:1.3}.employee-salary-page .emp-salary-data-card{background:var(--emp-salary-card-bg);-webkit-overflow-scrolling:touch;border:1px solid #f1f3f5;border-radius:14px;overflow:auto hidden;box-shadow:0 4px 18px #0f172a0d}.employee-salary-page table.salary-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13.5px}.employee-salary-page table.salary-table th,.employee-salary-page table.salary-table td{text-align:left;border-bottom:1px solid var(--emp-salary-table-border);vertical-align:middle;white-space:nowrap;color:var(--emp-salary-text);padding:14px 16px}.employee-salary-page table.salary-table th{background:linear-gradient(135deg, #ed20470d, #f262250d), var(--emp-salary-card-bg);color:var(--emp-salary-text);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.employee-salary-page table.salary-table tr:hover td{background:var(--emp-salary-hover)}.employee-salary-page table.salary-table th.cell-actions,.employee-salary-page table.salary-table td.cell-actions{z-index:2;background:var(--emp-salary-card-bg);position:sticky;right:0;box-shadow:-10px 0 16px -14px #0f172a40}.employee-salary-page table.salary-table th.cell-actions{z-index:3;background:linear-gradient(135deg, #ed20470d, #f262250d), var(--emp-salary-card-bg)}.employee-salary-page table.salary-table tr:hover td.cell-actions{background:var(--emp-salary-hover)}.employee-salary-page table.salary-table td.empty-state{box-shadow:none;white-space:normal;background:0 0;position:static}.employee-salary-page .emp-cell{align-items:center;gap:12px;display:flex}.employee-salary-page .emp-cell .avatar{background:linear-gradient(135deg, var(--emp-salary-primary), var(--emp-salary-primary-2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.employee-salary-page .emp-cell .avatar img{object-fit:cover;width:100%;height:100%;display:block}.employee-salary-page .emp-cell .name{color:var(--emp-salary-text);font-weight:600}.employee-salary-page .emp-cell .meta{color:var(--emp-salary-muted);font-size:11px}.emp-salary-pill{letter-spacing:.3px;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.emp-salary-pill.success{color:#047857;background:#10b9811f}.emp-salary-pill.warn{color:#b45309;background:#f59e0b26}.emp-salary-pill.danger{color:#b91c1c;background:#ef44441f}.emp-salary-pill.info{color:#4338ca;background:#6366f11f}.emp-salary-pill.muted{color:#475569;background:#f1f5f9}.emp-salary-pill.unapproved{color:#b91c1c;background:#fee2e2}.employee-salary-page tr.zero-ctc-row td{background:#fff7ed!important}.employee-salary-page tr.zero-ctc-row:hover td{background:#ffedd5!important}.employee-salary-page .row-actions .btn-icon-only,.emp-salary-btn.btn-icon-only{justify-content:center;min-width:36px;padding:8px 11px;line-height:1}.employee-salary-page .payable-amount{color:var(--emp-salary-primary)}.employee-salary-page .row-actions{flex-wrap:wrap;gap:8px;display:flex}.employee-salary-page .row-actions .emp-salary-btn{padding:7px 12px;font-size:12px}.employee-salary-page .toolbar-bulk-wrap{flex-shrink:0;position:relative}.employee-salary-page .toolbar-dropdown-menu{background:var(--emp-salary-card-bg);border:1px solid var(--emp-salary-border);z-index:1300;border-radius:10px;flex-direction:column;gap:2px;min-width:220px;max-width:min(280px,100vw - 32px);padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:auto;right:0;box-shadow:0 10px 28px #0f172a1f}.employee-salary-page .toolbar-dropdown-item{text-align:left;width:100%;color:var(--emp-salary-text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.employee-salary-page .toolbar-dropdown-item:hover{background:var(--emp-salary-hover);color:var(--emp-salary-primary)}.employee-salary-page .toolbar-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.employee-salary-page table.salary-table th.cell-select,.employee-salary-page table.salary-table td.cell-select{text-align:center;width:42px;padding-left:12px;padding-right:8px}.employee-salary-page table.salary-table .cell-select input[type=checkbox]{width:16px;height:16px;accent-color:var(--emp-salary-primary);cursor:pointer}.emp-salary-empty-state,.employee-salary-page .empty-state{text-align:center;color:var(--emp-salary-muted);padding:40px 20px;font-size:14px}.emp-salary-empty-state i,.employee-salary-page .empty-state i{color:#cbd5e1;margin-bottom:8px;font-size:28px}.emp-salary-modal-overlay{--emp-salary-primary:#ed2047;--emp-salary-primary-2:#f26225;--emp-salary-text:#16213e;--emp-salary-muted:#6b7280;--emp-salary-border:#e5e7eb;--emp-salary-card-bg:#fff;--emp-salary-hover:#fff7f8;--emp-salary-table-border:#eef2f7;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.emp-salary-modal-overlay.open{display:flex}.emp-salary-modal{color:#16213e;background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1080px;height:92vh;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 30px 80px #0f172a59}.emp-salary-modal-head{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.emp-salary-modal-head h3{margin:0;font-size:15px;font-weight:700;line-height:1.25}.emp-salary-modal-subtitle{opacity:.9;margin-top:2px;font-size:11px;line-height:1.3}.emp-salary-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;line-height:1;display:inline-flex}.emp-salary-modal-body{flex:1;grid-template-columns:1.4fr 1fr;align-items:stretch;gap:0;min-height:0;padding:0;display:grid;overflow:hidden}.slip-modal-pane{-webkit-overflow-scrolling:touch;min-height:0;padding:12px 14px;overflow:hidden auto}.slip-modal-pane--pdf{border-right:1px solid #eef2f7;flex-direction:column;gap:8px;display:flex}.slip-pdf-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:0;display:flex}.slip-pdf-toolbar strong{font-size:12px;font-weight:600;line-height:1.2}.slip-pdf-toolbar .emp-salary-btn{border-radius:7px;gap:5px;padding:5px 10px;font-size:11px}.slip-modal-pane--values.right-pane{flex-direction:column;gap:12px;display:flex}.emp-salary-modal.slip-modal--preview-only .emp-salary-modal-body{grid-template-rows:1fr;grid-template-columns:1fr}.emp-salary-modal.slip-modal--preview-only .slip-modal-pane--pdf{border-right:none}.emp-salary-modal.slip-modal--preview-only .emp-salary-modal-body iframe,.emp-salary-modal.slip-modal--preview-only .emp-salary-modal-body .slip-pdf-canvas-preview{height:calc(92vh - 140px);min-height:320px;max-height:calc(95vh - 140px)}.emp-salary-modal.slip-modal--edit .emp-salary-modal-body{grid-template-rows:none;grid-template-columns:1.4fr 1fr}.slip-section-title{color:#16213e;font-size:13px}.emp-salary-modal-body iframe,.emp-salary-modal-body .slip-pdf-canvas-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;width:100%;height:calc(92vh - 150px);min-height:320px;max-height:min(780px,92vh - 150px)}.field-grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.field-grid .full{grid-column:1/-1}.field{flex-direction:column;gap:4px;display:flex}.field label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.field-auto{color:#6b7280;text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.field input,.field select,.field textarea{color:#16213e;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.field input:focus,.field textarea:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471a}.field input[readonly],.field input:disabled{color:#475569;background:#f8fafc}.field textarea{resize:vertical;min-height:70px}.field input.payable-field{color:#ed2047;font-weight:700}.paid-leave-type-wrap{background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.paid-leave-empty{color:#6b7280;font-size:12px}.versions-list{border:1px solid #eef2f7;border-radius:10px;max-height:220px;overflow-y:auto}.versions-list .v-item{cursor:pointer;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.versions-list .v-item:hover{background:#fff7f8}.versions-list .v-item.current{background:linear-gradient(135deg,#ed204714,#f2622514)}.versions-list .v-item .v-meta{color:#6b7280;font-size:11px}.versions-list .v-item .v-num{color:#ed2047;font-weight:700}.v-item-actions{align-items:center;gap:6px;display:flex}.emp-salary-modal-foot{border-top:1px solid #eef2f7;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:8px 14px;display:flex}.emp-salary-modal-foot-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.emp-salary-modal-foot-actions .emp-salary-btn{white-space:normal;text-align:center;border-radius:8px;gap:5px;max-width:100%;padding:6px 11px;font-size:11px;line-height:1.25}.slip-delivery-status{color:#6b7280;white-space:normal;min-width:0;text-overflow:unset;word-break:break-word;flex:160px;align-self:center;margin-right:auto;font-size:11px;line-height:1.4;overflow:visible}.emp-salary-modal.send-slips-modal{max-width:640px;height:auto;max-height:85vh}.emp-salary-modal.salary-automation-modal{max-width:720px;height:auto;max-height:90vh}.send-slips-body,.salary-automation-body{padding:20px 24px;overflow-y:auto;display:block!important}.send-slips-intro{color:#4b5563;margin-bottom:14px;font-size:14px;line-height:1.55}.send-slips-list-wrap{border:1px solid #e5e7eb;border-radius:10px;max-height:min(52vh,420px);overflow:hidden auto}.send-slips-list{border-collapse:collapse;width:100%;font-size:13px}.send-slips-list th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;z-index:1;background:#f8fafc;padding:10px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.send-slips-list td{color:#1f2937;vertical-align:middle;border-top:1px solid #f1f5f9;padding:10px 14px}.send-slips-list tr.no-email td{background:#ef44440a}.send-slips-list .email-missing{color:#b91c1c;font-size:12px;font-weight:600}.send-slips-meta{color:#6b7280;font-size:11px}.send-slips-note{color:#6b7280;margin-top:12px;font-size:12px}.automation-field{border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding-bottom:18px}.automation-field:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.automation-field-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.automation-field-title{color:#16213e;margin:0 0 4px;font-size:14px;font-weight:700}.automation-field-hint{color:#64748b;margin:0;font-size:12px;line-height:1.45}.automation-day-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.automation-notify-panel.is-disabled{opacity:.55;pointer-events:none}.automation-dual-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.automation-list-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.automation-list-title{color:#64748b;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:8px 10px;font-size:12px;font-weight:700;display:block}.automation-user-list{max-height:160px;overflow-y:auto}.automation-user-item{text-align:left;color:#1f2937;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f1f5f9;width:100%;padding:9px 10px;font-size:13px;display:block}.automation-user-item:hover{background:#ed20470f}.automation-list-empty{color:#94a3b8;text-align:center;padding:16px 10px;font-size:12px}@media (width<=640px){.automation-dual-list{grid-template-columns:1fr}}.automation-day-row input[type=number],.automation-day-row input[type=time]{border:2px solid #e5e7eb;border-radius:8px;width:88px;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:600}.automation-day-row input[type=time]{width:auto;min-width:110px}.automation-day-row input[type=number]:disabled,.automation-day-row input[type=time]:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.automation-day-row.is-disabled{opacity:.55}.automation-day-suffix{color:#475569;font-size:13px;font-weight:600}.cron-auto-email-label{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.cron-auto-email-label .switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.cron-auto-email-label .switch input{opacity:0;width:0;height:0;position:absolute}.cron-auto-email-label .slider{cursor:pointer;background:#cbd5e1;border-radius:999px;transition:all .2s;position:absolute;inset:0}.cron-auto-email-label .slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:50%;bottom:auto;left:3px;transform:translateY(-50%);box-shadow:0 1px 3px #0003}.cron-auto-email-label .switch input:checked+.slider{background:linear-gradient(135deg,#ed2047,#f26225)}.cron-auto-email-label .switch input:checked+.slider:before{transform:translate(20px,-50%)}.cron-auto-email-label .switch input:focus-visible+.slider{outline-offset:2px;outline:2px solid #ed2047}.emp-salary-alert{border-radius:10px;margin-bottom:10px;padding:10px 14px;font-size:13px}.emp-salary-alert.success{color:#047857;background:#10b9811a}.emp-salary-alert.error{color:#b91c1c;background:#ef44441a}[data-theme=dark] .employee-salary-page,[data-theme=dark] .emp-salary-modal-overlay{--emp-salary-text:var(--app-text);--emp-salary-muted:var(--app-text-muted);--emp-salary-border:var(--app-border);--emp-salary-card-bg:var(--app-surface);--emp-salary-hover:var(--app-surface-hover);--emp-salary-table-border:var(--app-border)}[data-theme=dark] .employee-salary-page .emp-salary-header-section{background:0 0;border-color:#0000}[data-theme=dark] .employee-salary-page .emp-salary-stat-card,[data-theme=dark] .employee-salary-page .emp-salary-data-card{background:var(--app-surface);border-color:var(--app-border);box-shadow:none}[data-theme=dark] .employee-salary-page .payroll-ready-banner{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .employee-salary-page .payroll-ready-banner strong{color:var(--app-text)}[data-theme=dark] .employee-salary-page .emp-salary-filter-btn{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text);box-shadow:none}[data-theme=dark] .employee-salary-page .emp-salary-btn.ghost,[data-theme=dark] .emp-salary-modal .emp-salary-btn.ghost{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .employee-salary-page .emp-salary-btn.ghost:hover:not(:disabled),[data-theme=dark] .emp-salary-modal .emp-salary-btn.ghost:hover:not(:disabled){background:var(--app-surface-hover)}[data-theme=dark] .employee-salary-page .emp-salary-btn.dark,[data-theme=dark] .emp-salary-modal .emp-salary-btn.dark{background:var(--app-surface-muted);color:var(--app-text);border:1px solid var(--app-border)}[data-theme=dark] .emp-salary-modal .emp-salary-btn.primary{background:linear-gradient(135deg, var(--emp-salary-primary), var(--emp-salary-primary-2));color:#fff;border:none}[data-theme=dark] .employee-salary-page .toolbar-dropdown-menu{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 10px 28px #00000073}[data-theme=dark] .employee-salary-page table.salary-table th,[data-theme=dark] .employee-salary-page table.salary-table th.cell-actions{background:var(--app-surface-muted)}[data-theme=dark] .employee-salary-page table.salary-table td.cell-actions{background:var(--app-surface)}[data-theme=dark] .employee-salary-page table.salary-table tr:hover td,[data-theme=dark] .employee-salary-page table.salary-table tr:hover td.cell-actions{background:var(--app-surface-hover)}[data-theme=dark] .emp-salary-pill.muted{background:var(--app-surface-muted);color:var(--app-text-muted)}[data-theme=dark] .emp-salary-modal{background:var(--app-surface);color:var(--app-text)}[data-theme=dark] .slip-section-title{color:var(--app-text)}[data-theme=dark] .slip-modal-pane--pdf{border-right-color:var(--app-border)}[data-theme=dark] .field input,[data-theme=dark] .field textarea,[data-theme=dark] .automation-day-row input[type=number]{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .field input[readonly],[data-theme=dark] .field input:disabled{background:var(--app-input-bg);color:var(--app-text-muted)}[data-theme=dark] .paid-leave-type-wrap{background:var(--app-input-bg);border-color:var(--app-border)}[data-theme=dark] .versions-list,[data-theme=dark] .send-slips-list-wrap{border-color:var(--app-border)}[data-theme=dark] .versions-list .v-item{border-bottom-color:var(--app-border)}[data-theme=dark] .versions-list .v-item:hover{background:var(--app-surface-hover)}[data-theme=dark] .emp-salary-modal-foot{border-top-color:var(--app-border);background:var(--app-surface)}[data-theme=dark] .slip-delivery-status{color:var(--app-text-muted)}[data-theme=dark] .send-slips-list th{background:var(--app-surface-muted);color:var(--app-text-muted)}[data-theme=dark] .send-slips-list td{border-top-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .automation-field-title{color:var(--app-text)}[data-theme=dark] .automation-field{border-bottom-color:var(--app-border)}[data-theme=dark] .automation-field-hint,[data-theme=dark] .automation-day-suffix,[data-theme=dark] .cron-auto-email-label{color:var(--app-text-muted)}[data-theme=dark] .automation-list-panel{background:var(--app-surface-muted,#1f2937);border-color:var(--app-border)}[data-theme=dark] .automation-list-title{color:var(--app-text-muted);background:var(--app-surface,#111827);border-bottom-color:var(--app-border)}[data-theme=dark] .automation-user-item{color:var(--app-text);border-bottom-color:var(--app-border)}[data-theme=dark] .automation-user-item:hover{background:#ed204729}[data-theme=dark] .automation-user-item:disabled,[data-theme=dark] .automation-list-empty{color:var(--app-text-muted)}[data-theme=dark] .employee-salary-page tr.zero-ctc-row td{background:var(--app-surface-muted)!important}[data-theme=dark] .employee-salary-page tr.zero-ctc-row:hover td{background:var(--app-surface-hover)!important}[data-theme=dark] .employee-salary-page tr.zero-ctc-row td.cell-actions{background:var(--app-surface-muted)!important}[data-theme=dark] .employee-salary-page tr.zero-ctc-row:hover td.cell-actions{background:var(--app-surface-hover)!important}[data-theme=dark] .employee-salary-page .emp-salary-stat-card .stat-sub{color:var(--app-text-muted)}[data-theme=dark] .employee-salary-page .emp-salary-stat-card .v.pending{color:#fbbf24}[data-theme=dark] .employee-salary-page .emp-salary-stat-card .v.muted-stat{color:var(--app-text-muted)}[data-theme=dark] .employee-salary-page .emp-salary-stat-card .v.danger-stat{color:#f87171}[data-theme=dark] .employee-salary-page .emp-salary-stat-card .v.success-stat{color:#4ade80}[data-theme=dark] .employee-salary-page .emp-salary-stat-card .v.info-stat{color:#60a5fa}[data-theme=dark] .employee-salary-page .emp-salary-stat-card .v.zero-ctc-stat{color:#fbbf24}@media screen and (width<=1200px){.employee-salary-page .emp-salary-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:start}.employee-salary-page .emp-salary-stat-card{padding:14px 16px}.employee-salary-page .emp-salary-stat-card .v{font-size:clamp(16px,2.2vw,20px)}}@media screen and (width<=1024px){.employee-salary-page .emp-salary-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:start}.employee-salary-page .emp-salary-stat-card .v{font-size:clamp(15px,2.4vw,18px)}.emp-salary-modal{height:auto;max-height:95vh}.emp-salary-modal-body{grid-template-rows:minmax(200px,42vh) minmax(200px,48vh);grid-template-columns:1fr}.emp-salary-modal.slip-modal--preview-only .emp-salary-modal-body{grid-template-rows:1fr}.slip-modal-pane--pdf{border-bottom:1px solid #eef2f7;border-right:none}.emp-salary-modal-body iframe,.emp-salary-modal-body .slip-pdf-canvas-preview{height:38vh;min-height:220px;max-height:38vh}}@media screen and (width<=768px){.employee-salary-page .emp-salary-main{padding:20px}.employee-salary-page .emp-salary-stat-row{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:10px;margin-bottom:18px;padding-bottom:8px;display:flex;overflow:auto hidden}.employee-salary-page .emp-salary-stat-card{scroll-snap-align:start;flex:0 0 72%;min-width:200px;max-width:260px;padding:12px 14px;overflow:hidden}.employee-salary-page .emp-salary-stat-card .v{overflow-wrap:break-word;word-break:normal;font-size:16px}.employee-salary-page .emp-salary-stat-card label{overflow-wrap:anywhere;word-break:break-word;font-size:10px}.employee-salary-page .emp-salary-header-title-row{flex-wrap:nowrap;align-items:center}.employee-salary-page .emp-salary-header-title-row .app-search-input-wrap{flex:none;width:min(260px,36vw);min-width:160px;max-width:260px;margin-left:auto}.employee-salary-page .emp-salary-filters-aside{flex-direction:column;justify-content:stretch;align-items:stretch;width:100%;margin-left:0}.employee-salary-page .emp-salary-filter-btn,.employee-salary-page .emp-salary-filter-btn--wide{width:100%}.employee-salary-page .toolbar-bulk-wrap .emp-salary-filter-btn--icon{width:42px}}@media screen and (width<=499px){.employee-salary-page .emp-salary-header-title-row{flex-wrap:wrap}.employee-salary-page .emp-salary-header-title-row .app-search-input-wrap{flex:100%;width:100%;min-width:100%;max-width:none;margin-left:0}}@media screen and (width<=480px){.employee-salary-page .emp-salary-main{padding:12px}}@media screen and (width>=500px) and (width<=1100px){.employee-salary-page .emp-salary-header-title-row{flex-wrap:nowrap!important;align-items:center!important;display:flex!important}.employee-salary-page .emp-salary-header-title-row .app-search-input-wrap{flex:0 auto!important;width:min(220px,46%)!important;min-width:140px!important;max-width:220px!important;margin-left:auto!important}}.not-found-page{background:linear-gradient(135deg, var(--app-bg) 0%, var(--app-surface-muted) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.not-found-page .error-container{text-align:center;background:var(--app-surface);border:1px solid var(--app-border-soft);width:100%;max-width:600px;box-shadow:0 10px 40px var(--app-shadow);border-radius:16px;padding:60px 40px}.not-found-page .logo{opacity:.8;height:50px;margin-bottom:30px}.not-found-page .error-icon{color:#ed2047;margin-bottom:30px;font-size:80px;animation:3s ease-in-out infinite not-found-float}@keyframes not-found-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.not-found-page .error-code{background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-5px;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:120px;font-weight:700;line-height:1}.not-found-page h1{color:var(--app-text);margin-bottom:15px;font-size:32px;font-weight:600}.not-found-page .error-message{color:var(--app-text-muted);margin-bottom:40px;font-size:18px;line-height:1.6}.not-found-page .home-button{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border-radius:8px;padding:14px 40px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #ed20474d}.not-found-page .home-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ed204766}.not-found-page .home-button i{margin-right:8px}[data-theme=dark] .not-found-page{background:linear-gradient(135deg, var(--app-bg) 0%, #161b22 50%, var(--app-bg) 100%)}[data-theme=dark] .not-found-page .error-container{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 12px 48px #00000073}[data-theme=dark] .not-found-page .logo{opacity:1}[data-theme=dark] .not-found-page .error-icon{color:#ff6b81;text-shadow:0 0 40px #ed204759}[data-theme=dark] .not-found-page .error-code{background:linear-gradient(135deg,#ff4d6d,#ff8c42);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=dark] .not-found-page h1{color:var(--app-text)}[data-theme=dark] .not-found-page .error-message{color:var(--app-text-muted)}[data-theme=dark] .not-found-page .home-button{box-shadow:0 4px 20px #ed204766}[data-theme=dark] .not-found-page .home-button:hover{box-shadow:0 8px 28px #ed204780}@media (width<=768px){.not-found-page .error-code{letter-spacing:-3px;font-size:80px}.not-found-page .error-icon{font-size:60px}.not-found-page h1{font-size:24px}.not-found-page .error-message{font-size:16px}.not-found-page .error-container{padding:40px 30px}}.maintenance-page{background:linear-gradient(135deg, var(--app-bg) 0%, var(--app-surface-muted) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.maintenance-page--checking{background:var(--app-bg)}.maintenance-container{background:var(--app-surface);text-align:center;width:100%;max-width:600px;box-shadow:0 10px 40px var(--app-shadow);border:1px solid var(--app-border-soft);border-radius:16px;padding:60px 40px;animation:.5s ease-in maintenanceFadeIn}@keyframes maintenanceFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.maintenance-logo{height:48px;margin-bottom:24px}.maintenance-spinner{color:#ed2047;font-size:2rem}.maintenance-icon{background:linear-gradient(135deg,#ed2047,#f26225);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 30px;animation:2s infinite maintenancePulse;display:flex}.maintenance-icon i{color:#fff;font-size:52px}@keyframes maintenancePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.maintenance-page h1{color:var(--app-text);margin-bottom:20px;font-size:32px;font-weight:700}.maintenance-page p{color:var(--app-text-muted);margin-bottom:15px;font-size:18px;line-height:1.6}.maintenance-info-box{background:var(--app-surface-muted);border:1px solid var(--app-border);text-align:left;border-left:4px solid #ed2047;border-radius:8px;margin-top:30px;padding:20px}.maintenance-info-box h2{color:var(--app-text);margin-bottom:10px;font-size:18px}.maintenance-info-box p{color:var(--app-text-muted);margin-bottom:0;font-size:14px}.maintenance-refresh-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:8px;margin-top:30px;padding:12px 30px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ed204740}.maintenance-refresh-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ed204759}.maintenance-refresh-btn:active{transform:translateY(0)}[data-theme=dark] .maintenance-page,[data-theme=dark] .maintenance-page--checking{background:linear-gradient(135deg, var(--app-bg) 0%, #161b22 50%, var(--app-bg) 100%)}[data-theme=dark] .maintenance-container{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 12px 48px #00000073}[data-theme=dark] .maintenance-spinner{color:#ed2047}[data-theme=dark] .maintenance-info-box{background:var(--app-surface-muted);border-color:var(--app-border);border-left-color:#ed2047}[data-theme=dark] .maintenance-refresh-btn{box-shadow:0 4px 20px #ed204759}[data-theme=dark] .maintenance-refresh-btn:hover{box-shadow:0 8px 28px #ed204773}@media (width<=768px){.maintenance-container{padding:40px 24px}.maintenance-page h1{font-size:24px}.maintenance-page p{font-size:16px}.maintenance-icon{width:96px;height:96px}.maintenance-icon i{font-size:40px}}.instance-usage-page{--iu-primary:#ed2047;--iu-accent:#f26225;--iu-gradient:linear-gradient(135deg, #ed2047, #f26225);--iu-success:#10b981;--iu-warning:#f59e0b;--iu-danger:#ef4444;--iu-radius:12px;--iu-radius-lg:16px;--iu-shadow:0 1px 3px #00000014, 0 4px 12px #0000000a;max-width:1280px;color:var(--app-text);margin:0 auto;padding:24px 20px 48px}.iu-page-header{margin-bottom:24px}.iu-page-header h1{color:var(--app-text);align-items:center;gap:10px;margin:0;font-size:1.75rem;font-weight:700;display:flex}.iu-page-header h1 i{background:var(--iu-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.iu-page-header p{color:var(--app-text-muted,#6b7280);margin:6px 0 0;font-size:.9rem;line-height:1.5}.iu-status-grid,.iu-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.iu-status-card,.iu-live-jobs-panel,.iu-section-card,.iu-toolbar{background:var(--app-surface,#fff);border:1px solid var(--app-border,#e5e7eb);border-radius:var(--iu-radius);box-shadow:var(--iu-shadow)}.iu-section-card{border-radius:var(--iu-radius-lg);margin-bottom:20px;padding:22px 24px}.iu-status-card{flex-direction:column;gap:6px;padding:16px 18px;display:flex}.iu-status-card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-muted,#6b7280);font-size:.72rem;font-weight:600}.iu-status-card-value{color:var(--app-text);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.iu-status-card-value--sm{font-size:1rem}.iu-status-card-sub{color:var(--app-text-muted,#6b7280);font-size:.78rem}.iu-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.iu-status-dot.running{background:var(--iu-success);box-shadow:0 0 0 3px #10b98133}.iu-status-dot.stopped{background:var(--iu-danger);box-shadow:0 0 0 3px #ef444426}.iu-status-dot.transition{background:var(--iu-warning);animation:1.2s ease-in-out infinite iu-pulse-dot}@keyframes iu-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.iu-live-jobs-panel{margin-bottom:16px;padding:16px 18px}.iu-live-jobs-header,.iu-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.iu-section-header{margin-bottom:18px}.iu-live-jobs-title,.iu-section-title{color:var(--app-text);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.iu-section-title{font-size:1rem}.iu-live-jobs-title i,.iu-section-title i{color:var(--iu-primary)}.iu-section-desc{color:var(--app-text-muted,#6b7280);margin-top:4px;font-size:.8rem}.iu-live-jobs-count{color:var(--iu-primary);background:#fef2f2;border-radius:99px;padding:3px 10px;font-size:.72rem;font-weight:700}.iu-live-jobs-count.zero{background:var(--app-bg,#f3f4f6);color:var(--app-text-muted,#6b7280)}[data-theme=dark] .iu-live-jobs-count{background:#ed20472e}.iu-live-jobs-list{flex-direction:column;gap:8px;display:flex}.iu-live-job-item{background:var(--app-bg,#f3f4f6);border:1px solid var(--app-border,#e5e7eb);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.iu-live-job-avatar{background:var(--iu-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.iu-live-job-body{flex:1;min-width:0}.iu-live-job-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.iu-live-job-file{color:var(--app-text-muted,#6b7280);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;overflow:hidden}.iu-live-job-file i{opacity:.6;margin-right:4px}.iu-live-job-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.iu-live-job-status{text-transform:uppercase;letter-spacing:.03em;color:#1d4ed8;background:#eff6ff;border-radius:99px;padding:3px 8px;font-size:.68rem;font-weight:700}.iu-live-job-status.queued{color:#4b5563;background:#f3f4f6}.iu-live-job-status.starting_instance{color:#b45309;background:#fffbeb}.iu-live-job-status.transcribing{color:#1d4ed8;background:#eff6ff}.iu-live-job-status.processing{color:#047857;background:#f0fdf4}.iu-live-job-elapsed{color:var(--app-text-muted,#6b7280);font-variant-numeric:tabular-nums;font-size:.7rem}.iu-live-jobs-empty{color:var(--app-text-muted,#6b7280);text-align:center;background:var(--app-bg,#f3f4f6);border-radius:8px;padding:12px;font-size:.82rem}.iu-live-jobs-empty i{color:var(--iu-success);margin-right:6px}.iu-live-job-progress{background:var(--app-border,#e5e7eb);border-radius:99px;height:3px;margin-top:6px;overflow:hidden}.iu-live-job-progress-fill{background:var(--iu-gradient);border-radius:99px;height:100%;transition:width .4s}.iu-idle-banner{border-radius:var(--iu-radius);background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fdba74;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;padding:16px 20px;display:flex}.iu-idle-banner.urgent{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}[data-theme=dark] .iu-idle-banner{background:linear-gradient(135deg,#fb923c26,#f973161a);border-color:#fb923c66}[data-theme=dark] .iu-idle-banner.urgent{background:linear-gradient(135deg,#ef44442e,#dc26261a);border-color:#f8717173}.iu-idle-banner-icon{width:44px;height:44px;color:var(--iu-primary);background:#ed20471a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.iu-idle-banner-body{flex:1;min-width:180px}.iu-idle-banner-title{color:#9a3412;margin-bottom:4px;font-size:.85rem;font-weight:600}.iu-idle-banner-countdown{color:var(--iu-primary);font-variant-numeric:tabular-nums;margin:0;font-size:2rem;font-weight:800;line-height:1}.iu-idle-banner-sub{color:#c2410c;margin-top:4px;font-size:.78rem}.iu-idle-bar-wrap{flex:1;min-width:140px;max-width:280px}.iu-idle-bar-label{color:#9a3412;margin-bottom:4px;font-size:.72rem;font-weight:600}.iu-idle-bar-track{background:#ed204726;border-radius:99px;height:8px;margin-top:8px;overflow:hidden}.iu-idle-bar-fill{background:var(--iu-gradient);border-radius:99px;height:100%;transition:width 1s linear}.iu-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.iu-filter-group{flex-direction:column;gap:4px;display:flex}.iu-filter-group label{color:var(--app-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.iu-filter-group select,.iu-filter-group input{border:1px solid var(--app-border,#e5e7eb);background:var(--app-surface,#fff);min-width:130px;color:var(--app-text);border-radius:8px;padding:8px 12px;font-size:.875rem}.iu-filter-group select:focus,.iu-filter-group input:focus{border-color:var(--iu-primary);outline:none;box-shadow:0 0 0 3px #ed20471f}.iu-btn{background:var(--iu-gradient);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.iu-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ed20474d}.iu-badge-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.iu-badge{border:1px solid var(--app-border,#e5e7eb);background:var(--app-bg,#f3f4f6);color:var(--app-text-muted,#6b7280);border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.iu-badge.ok{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.iu-badge.warn{color:#b45309;background:#fffbeb;border-color:#fde68a}[data-theme=dark] .iu-badge.ok{color:#6ee7b7;background:#10b98126;border-color:#10b98159}[data-theme=dark] .iu-badge.warn{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b59}.iu-alert-box,.iu-error-box{border-radius:var(--iu-radius);margin-bottom:12px;padding:12px 14px;font-size:.82rem;line-height:1.5}.iu-alert-box{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.iu-error-box{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;align-items:flex-start;gap:8px;display:flex}[data-theme=dark] .iu-alert-box{color:#fcd34d;background:#f59e0b1f;border-color:#fbbf2459}[data-theme=dark] .iu-error-box{color:#fca5a5;background:#ef44441f;border-color:#f8717159}.iu-alert-box ul{margin:8px 0 0;padding-left:18px}.iu-table-wrap{border:1px solid var(--app-border,#e5e7eb);border-radius:var(--iu-radius);overflow-x:auto}.iu-data-table{border-collapse:collapse;width:100%;font-size:.82rem}.iu-data-table th,.iu-data-table td{text-align:right;border-bottom:1px solid var(--app-border,#e5e7eb);padding:11px 12px}.iu-data-table th:first-child,.iu-data-table td:first-child{text-align:left}.iu-data-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--app-text-muted,#6b7280);background:var(--app-bg,#f3f4f6);white-space:nowrap;font-size:.72rem;font-weight:600}.iu-data-table tr:last-child td{border-bottom:none}.iu-data-table tbody tr:hover td{background:#fafafa}[data-theme=dark] .iu-data-table tbody tr:hover td{background:#ffffff08}.iu-data-table tr.row-today td{background:#fff7f7;font-weight:600}[data-theme=dark] .iu-data-table tr.row-today td{background:#ed204714}.iu-source-tag{background:var(--app-bg,#f3f4f6);color:var(--app-text-muted,#6b7280);border-radius:4px;padding:2px 6px;font-size:.7rem}.iu-delta-pill{border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.iu-delta-pill.good{color:#047857;background:#ecfdf5}.iu-delta-pill.bad{color:#b91c1c;background:#fef2f2}.iu-delta-pill.neutral{background:var(--app-bg,#f3f4f6);color:var(--app-text-muted,#6b7280)}.iu-sessions-list{border-top:1px solid var(--app-border,#e5e7eb);margin-top:14px;padding-top:14px}.iu-sessions-list summary{color:var(--app-text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.82rem;font-weight:600;list-style:none;display:flex}.iu-sessions-list summary::-webkit-details-marker{display:none}.iu-sessions-list summary i{font-size:.7rem;transition:transform .15s;display:inline-block}.iu-sessions-list[open] summary i{transform:rotate(90deg)}.iu-sessions-list ul{margin:10px 0 0;padding:0;list-style:none}.iu-sessions-list li{color:var(--app-text-muted,#6b7280);background:var(--app-bg,#f3f4f6);border-radius:6px;margin-bottom:4px;padding:6px 10px;font-size:.78rem}.iu-aws-meta{color:var(--app-text-muted,#6b7280);flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;font-size:.78rem;display:flex}.iu-aws-meta code{background:var(--app-bg,#f3f4f6);border-radius:4px;padding:2px 6px;font-size:.72rem}.iu-stats-grid{margin-bottom:20px}.iu-stat-card{background:var(--app-bg,#f3f4f6);border:1px solid var(--app-border,#e5e7eb);border-radius:var(--iu-radius);text-align:center;box-shadow:none;padding:18px}.iu-stat-value{background:var(--iu-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:1.75rem;font-weight:800;line-height:1.2}.iu-stat-label{color:var(--app-text-muted,#6b7280);text-transform:none;letter-spacing:normal;font-size:.78rem;font-weight:500}.iu-charts-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;margin-bottom:4px;display:grid}.iu-chart-box{background:var(--app-bg,#f3f4f6);border:1px solid var(--app-border,#e5e7eb);border-radius:var(--iu-radius);box-shadow:none;padding:18px}.iu-chart-title{color:var(--app-text);margin-bottom:14px;font-size:.875rem;font-weight:600}.iu-user-name{font-size:.875rem;font-weight:600}.iu-user-email,.iu-muted{color:var(--app-text-muted,#6b7280);font-size:.75rem}.iu-cost{color:var(--iu-primary);font-weight:600}.iu-loading{text-align:center;color:var(--app-text-muted,#6b7280);padding:32px;font-size:.875rem}.iu-loading--inline{padding:8px 0 12px}.iu-error-inline{color:var(--iu-danger);font-size:.875rem}@media (width<=1024px){.iu-status-grid,.iu-stats-grid,.iu-charts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.instance-usage-page{padding:16px 12px 32px}.iu-status-grid,.iu-stats-grid{grid-template-columns:1fr 1fr}.iu-charts-grid{grid-template-columns:1fr}.iu-toolbar{flex-direction:column;align-items:stretch}.iu-filter-group select,.iu-filter-group input{width:100%}.iu-btn{justify-content:center}.iu-idle-banner{flex-direction:column;align-items:flex-start}.iu-idle-bar-wrap{width:100%;max-width:100%}.iu-section-card{padding:16px 14px}}.maintenance-admin-page{min-height:100vh;color:var(--app-text);background:linear-gradient(135deg, var(--app-bg) 0%, var(--app-surface-muted) 100%);padding:1.5rem}.maintenance-admin-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto 1rem;display:flex}.maintenance-admin-back{color:var(--app-text-muted);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.maintenance-admin-back:hover{color:var(--app-text)}.maintenance-admin-theme-toggle{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;transition:background .2s,border-color .2s;display:inline-flex}.maintenance-admin-theme-toggle:hover{background:var(--app-surface-muted);border-color:var(--app-text-muted)}.maintenance-admin-container{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.maintenance-admin-header{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 4px 16px var(--app-shadow);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.75rem;display:flex}.maintenance-admin-header h1{color:var(--app-text);align-items:center;gap:.625rem;margin:0 0 .5rem;font-size:1.75rem;font-weight:700;display:flex}.maintenance-admin-header h1 i{color:#ed2047}.maintenance-admin-subtitle{color:var(--app-text-muted);margin:0;font-size:.95rem}.maintenance-admin-user{color:var(--app-text-muted);white-space:nowrap;font-size:.875rem}.maintenance-admin-section{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 4px 16px var(--app-shadow);border-radius:12px;padding:1.75rem}.maintenance-admin-section-title{color:var(--app-text);align-items:center;gap:.625rem;margin:0 0 1.25rem;font-size:1.375rem;font-weight:600;display:flex}.maintenance-admin-section-title i{color:#ed2047}.maintenance-admin-toggle-row{background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:8px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.25rem;display:flex}.maintenance-admin-toggle{background:var(--app-border);cursor:pointer;border:none;border-radius:15px;flex-shrink:0;width:60px;height:30px;padding:0;transition:background .3s;position:relative}.maintenance-admin-toggle:disabled{opacity:.6;cursor:not-allowed}.maintenance-admin-toggle.is-on{background:linear-gradient(135deg,#ed2047,#f26225)}.maintenance-admin-toggle-knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.maintenance-admin-toggle.is-on .maintenance-admin-toggle-knob{transform:translate(30px)}.maintenance-admin-status{color:var(--app-text);font-size:1rem;font-weight:500}.maintenance-admin-status--on{color:#d32f2f}[data-theme=dark] .maintenance-admin-status--on{color:#ff6b6b}.maintenance-admin-status--off{color:#4caf50}[data-theme=dark] .maintenance-admin-status--off{color:#69db7c}.maintenance-admin-help{color:var(--app-text-muted);margin:0;font-size:.875rem;line-height:1.6}.maintenance-admin-warning{color:#d32f2f;margin:.75rem 0 0;font-size:.8125rem;line-height:1.6}[data-theme=dark] .maintenance-admin-warning{color:#ff8787}.maintenance-admin-warning code{background:var(--app-surface-muted);border-radius:4px;padding:.125rem .375rem;font-size:.75rem}.maintenance-admin-warning a{color:inherit;text-decoration:underline}.maintenance-admin-ip-form{flex-wrap:wrap;gap:.625rem;margin-bottom:1.25rem;display:flex}.maintenance-admin-ip-form input{border:1px solid var(--app-border);background:var(--app-input-bg);min-width:0;color:var(--app-text);border-radius:8px;flex:200px;padding:.75rem;font-size:.875rem}.maintenance-admin-ip-form input:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed204726}.maintenance-admin-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.maintenance-admin-btn:disabled{opacity:.65;cursor:not-allowed}.maintenance-admin-btn--primary{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225)}.maintenance-admin-btn--primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #ed204759}.maintenance-admin-btn--danger{color:#fff;background:#d32f2f}.maintenance-admin-btn--danger:not(:disabled):hover{background:#b71c1c}.maintenance-admin-btn--success{color:#fff;background:#4caf50}.maintenance-admin-btn--success:not(:disabled):hover{background:#388e3c}.maintenance-admin-btn--info{color:#fff;background:#2196f3}.maintenance-admin-btn--info:not(:disabled):hover{background:#1976d2}.maintenance-admin-btn--small{padding:.5rem .875rem;font-size:.8125rem}.maintenance-admin-table-wrap{overflow-x:auto}.maintenance-admin-table{border-collapse:collapse;width:100%}.maintenance-admin-table th,.maintenance-admin-table td{text-align:left;border-bottom:1px solid var(--app-border);color:var(--app-text);padding:.75rem}.maintenance-admin-table th{background:var(--app-surface-muted);color:var(--app-text);font-weight:600}.maintenance-admin-table tbody tr:hover{background:var(--app-surface-muted)}.maintenance-admin-empty{text-align:center;color:var(--app-text-muted);padding:2.5rem 1rem}.maintenance-admin-current-branch{background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:8px;margin-bottom:1.25rem;padding:1.25rem}.maintenance-admin-current-branch h3,.maintenance-admin-branches-header h3,.maintenance-admin-form-card h3{color:var(--app-text);margin:0 0 .75rem;font-size:1.125rem}.maintenance-admin-current-branch-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.maintenance-admin-branch-name{color:#ed2047;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.maintenance-admin-branch-meta{color:var(--app-text-muted);margin-top:.25rem;font-size:.875rem}.maintenance-admin-live-badge,.maintenance-admin-active-pill{color:#fff;background:#4caf50;border-radius:20px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.maintenance-admin-branches-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.maintenance-admin-branches-header h3{margin:0}.maintenance-admin-branches-list{flex-direction:column;gap:.75rem;max-height:500px;display:flex;overflow-y:auto}.maintenance-admin-branch-item{border:1px solid var(--app-border);background:var(--app-surface-muted);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.maintenance-admin-branch-item.is-current{background:#4caf5014;border-color:#4caf5080}[data-theme=dark] .maintenance-admin-branch-item.is-current{background:#4caf501f}.maintenance-admin-branch-badges{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.maintenance-admin-badge{border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.maintenance-admin-badge--current{color:#ed2047;background:#ed204726}.maintenance-admin-badge--local{color:#2196f3;background:#2196f326}.maintenance-admin-badge--remote{color:#9c27b0;background:#9c27b026}.maintenance-admin-branch-actions{flex-wrap:wrap;gap:.5rem;display:flex}.maintenance-admin-info-box{background:#2196f31a;border-left:4px solid #2196f3;border-radius:8px;margin-bottom:1.25rem;padding:1rem}[data-theme=dark] .maintenance-admin-info-box{background:#2196f326}.maintenance-admin-info-box p{color:var(--app-text);margin:0 0 .75rem;font-size:.875rem;line-height:1.5}.maintenance-admin-help-panel{background:var(--app-surface);border:1px solid var(--app-border);border-radius:8px;margin-top:1rem;padding:1rem}.maintenance-admin-help-panel h4{color:#2196f3;margin:0 0 .5rem;font-size:.95rem}.maintenance-admin-help-panel ol{color:var(--app-text);margin:0 0 1rem 1.25rem;padding:0;font-size:.8125rem;line-height:1.8}.maintenance-admin-help-panel a{color:#2196f3}.maintenance-admin-form-card{background:var(--app-surface-muted);border:1px solid var(--app-border);border-radius:8px;margin-bottom:1.25rem;padding:1.25rem}.maintenance-admin-field{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.maintenance-admin-field:last-child{margin-bottom:0}.maintenance-admin-field label{color:var(--app-text);font-size:.875rem;font-weight:500}.maintenance-admin-field input{border:1px solid var(--app-border);background:var(--app-input-bg);width:100%;color:var(--app-text);border-radius:8px;padding:.75rem;font-size:.875rem}.maintenance-admin-field input:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed204726}.maintenance-admin-field input[readonly]{background:var(--app-surface-muted);opacity:.9}.maintenance-admin-field small{color:var(--app-text-muted);font-size:.75rem}.maintenance-admin-subdomain-row{flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:1rem;display:flex}.maintenance-admin-subdomain-row input{border:1px solid var(--app-border);background:var(--app-input-bg);min-width:0;color:var(--app-text);border-radius:8px;flex:200px;padding:.75rem;font-size:.875rem}.maintenance-admin-domain-suffix{color:var(--app-text-muted);font-size:.875rem}.maintenance-admin-dns-status{margin-top:.5rem}.maintenance-admin-alert{border-radius:8px;padding:1rem;font-size:.875rem;line-height:1.6}.maintenance-admin-alert strong{margin-bottom:.5rem;display:block}.maintenance-admin-alert--success{color:#2e7d32;background:#4caf5026;border:1px solid #4caf5066}[data-theme=dark] .maintenance-admin-alert--success{color:#69db7c}.maintenance-admin-alert--error{color:#c62828;background:#d32f2f1f;border:1px solid #d32f2f59}[data-theme=dark] .maintenance-admin-alert--error{color:#ff8787}.maintenance-admin-toast{z-index:10000;box-shadow:0 4px 16px var(--app-shadow);border-radius:8px;max-width:min(420px,100vw - 2rem);padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;animation:.3s maintenanceAdminToastIn;position:fixed;top:1.25rem;right:1.25rem}.maintenance-admin-toast--success{color:#fff;background:#4caf50}.maintenance-admin-toast--error{color:#fff;background:#d32f2f}@keyframes maintenanceAdminToastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.maintenance-admin-page{padding:1rem}.maintenance-admin-header,.maintenance-admin-section{padding:1.25rem}.maintenance-admin-header h1{font-size:1.375rem}.maintenance-admin-ip-form{flex-direction:column}.maintenance-admin-table thead{display:none}.maintenance-admin-table tr{border:1px solid var(--app-border);border-radius:8px;margin-bottom:1rem;display:block;overflow:hidden}.maintenance-admin-table td{border-bottom:1px solid var(--app-border);justify-content:space-between;gap:1rem;display:flex}.maintenance-admin-table td:last-child{border-bottom:none}.maintenance-admin-table td:before{content:attr(data-label);color:var(--app-text-muted);flex-shrink:0;font-weight:600}.maintenance-admin-branch-item{flex-direction:column;align-items:stretch}.maintenance-admin-branch-actions{width:100%}.maintenance-admin-branch-actions .maintenance-admin-btn{flex:1}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-color:var(--app-bg);color:var(--app-text);font-family:Inter,Roboto,sans-serif}html.theme-transition{transition:--app-bg .65s cubic-bezier(.4,0,.2,1),--app-surface .65s cubic-bezier(.4,0,.2,1),--app-surface-muted .65s cubic-bezier(.4,0,.2,1),--app-surface-hover .65s cubic-bezier(.4,0,.2,1),--app-text .65s cubic-bezier(.4,0,.2,1),--app-text-muted .65s cubic-bezier(.4,0,.2,1),--app-border .65s cubic-bezier(.4,0,.2,1),--app-input-bg .65s cubic-bezier(.4,0,.2,1)!important}html.theme-transition .project-page,html.theme-transition .project-page *,html.theme-transition .project-page :before,html.theme-transition .project-page :after{transition:none!important;animation:none!important}html.theme-transition .theme-switch-knob,html.theme-transition .theme-switch--neumorphic.is-light .theme-switch-knob,html.theme-transition .theme-switch--neumorphic.is-dark .theme-switch-knob{transition:left .65s cubic-bezier(.4,0,.2,1),background .65s cubic-bezier(.4,0,.2,1),box-shadow .65s cubic-bezier(.4,0,.2,1)!important}html.theme-transition .theme-switch-label{transition:color .65s cubic-bezier(.4,0,.2,1),padding .65s cubic-bezier(.4,0,.2,1)!important}html.theme-transition .theme-switch-sun-icon,html.theme-transition .theme-switch-moon-icon{transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)!important}html.theme-transition .theme-switch-track,html.theme-transition .theme-switch--neumorphic{transition:background .65s cubic-bezier(.4,0,.2,1),box-shadow .65s cubic-bezier(.4,0,.2,1)!important}html.theme-transition .app-logo-flip--motion .app-logo-flip__track{transition:transform .65s cubic-bezier(.4,0,.2,1)!important}@media (prefers-reduced-motion:reduce){html.theme-transition{transition:none!important}}a{color:inherit}.placeholder-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}@property --app-bg{syntax:"<color>";inherits:true;initial-value:#f9f9f9}@property --app-surface{syntax:"<color>";inherits:true;initial-value:#fff}@property --app-surface-muted{syntax:"<color>";inherits:true;initial-value:#f3f4f6}@property --app-surface-hover{syntax:"<color>";inherits:true;initial-value:#e5e7eb}@property --app-text{syntax:"<color>";inherits:true;initial-value:#333}@property --app-text-muted{syntax:"<color>";inherits:true;initial-value:#6b7280}@property --app-border{syntax:"<color>";inherits:true;initial-value:#e5e7eb}@property --app-input-bg{syntax:"<color>";inherits:true;initial-value:#fff}:root{--app-bg:#f9f9f9;--app-surface:#fff;--app-surface-muted:#f3f4f6;--app-surface-hover:#e5e7eb;--app-text:#333;--app-text-muted:#6b7280;--app-border:#e5e7eb;--app-border-soft:#ed20471a;--app-input-bg:#fff;--app-shadow:#00000014;--app-overlay:#0f172a8c;--app-scrollbar-track:transparent;--app-scrollbar-thumb:#78808c6b;--app-scrollbar-thumb-hover:#5a626e9e;--app-warning-bg:#fffbeb;--app-warning-text:#92400e;--app-warning-border:#f59e0b;--app-danger-soft:#ef44441a;--app-danger-soft-hover:#fee2e2}.user-details-modal-overlay,.salary-detail-modal-overlay,.low-score-modal-overlay,.holiday-modal-overlay,.doc-ack-modal-overlay,.transcription-options-overlay,.appreciation-modal-overlay,.attendance-rule-modal-overlay,.month-week-offs-modal-overlay,.ticket-overlay,.ticket-status-overlay,.bug-overlay,.bug-detail-overlay,.ticket-details-overlay,.inbox-history-overlay,.low-score-details-overlay,.share-resource-modal.is-open,.own-slip-modal-overlay,.otp-modal-overlay,.app-dialog-overlay{background:var(--app-overlay);-webkit-backdrop-filter:blur(2px)}[data-theme=dark]{--app-bg:#0d1117;--app-surface:#161b22;--app-surface-muted:#1c2128;--app-surface-hover:#21262d;--app-text:#e6edf3;--app-text-muted:#8b949e;--app-border:#30363d;--app-border-soft:#ed204733;--app-input-bg:#0d1117;--app-shadow:#00000059;--app-scrollbar-track:#30363d8c;--app-scrollbar-thumb:#8b949eb8;--app-scrollbar-thumb-hover:#c9d1d9e0;--app-overlay:#0f172ab8;--app-warning-bg:#f59e0b1f;--app-warning-text:#fbbf24;--app-warning-border:#d97706;--app-danger-soft:#ef444426;--app-danger-soft-hover:#ef444438;--gray-50:#0d1117;--gray-100:#161b22;--gray-200:#30363d;--gray-300:#484f58;--gray-400:#6e7681;--gray-500:#8b949e;--gray-600:#b1bac4;--gray-700:#c9d1d9;--gray-800:#e6edf3;--gray-900:#f0f6fc;--white:#161b22}[data-theme=dark] body{background-color:var(--app-bg);color:var(--app-text)}[data-theme=dark] .app-shell,[data-theme=dark] .shell-main-content,[data-theme=dark] .main-frame{background:var(--app-bg)}[data-theme=dark] .sidebar{background:var(--app-surface);border-right-color:var(--app-border)}[data-theme=dark] .sidebar-header,[data-theme=dark] .sidebar .bottom{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .nav-item{color:var(--app-text-muted)}[data-theme=dark] .nav-item:hover{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .nav-item.active{color:#fff;background:linear-gradient(135deg,#ed20472e,#f2622524);border-color:#ed204740}[data-theme=dark] .bottom{color:var(--app-text)}[data-theme=dark] .floating-menu{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 8px 24px #0006}[data-theme=dark] .floating-menu-item{color:var(--app-text)}[data-theme=dark] .floating-menu-item:hover{color:#ed2047;background:linear-gradient(135deg,#ed20472e,#f2622524)}[data-theme=dark] .mobile-header,[data-theme=dark] .mobile-bottom-nav,[data-theme=dark] .mobile-slide-menu{background:var(--app-surface);color:var(--app-text);border-color:var(--app-border)}[data-theme=dark] .mobile-menu-btn,[data-theme=dark] .mobile-slide-menu-close,[data-theme=dark] .mobile-slide-menu-item,[data-theme=dark] .mobile-nav-item{color:var(--app-text-muted)}[data-theme=dark] .mobile-slide-menu-header{background:var(--app-surface-muted);border-bottom-color:var(--app-border)}[data-theme=dark] .dashboard-page{--gray-50:#0d1117;--gray-100:#161b22;--gray-200:#30363d;--gray-300:#484f58;--gray-400:#6e7681;--gray-500:#8b949e;--gray-600:#b1bac4;--gray-700:#c9d1d9;--gray-800:#e6edf3;--gray-900:#f0f6fc;--white:#161b22}[data-theme=dark] .dashboard-page,[data-theme=dark] .dashboard-page .main{background:var(--app-bg)}[data-theme=dark] .dashboard-card,[data-theme=dark] .inbox-panel,[data-theme=dark] .assignments-panel,[data-theme=dark] .custom-lists-panel,[data-theme=dark] .status-section,[data-theme=dark] .stat-card,[data-theme=dark] .unacknowledged-notification,[data-theme=dark] .cashin-notifications{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .welcome-section{box-shadow:none;background:0 0;border-color:#0000}[data-theme=dark] .dashboard-card h3,[data-theme=dark] .welcome-section h1,[data-theme=dark] .welcome-section h2,[data-theme=dark] .welcome-section p,[data-theme=dark] .status-section h3,[data-theme=dark] .stat-number,[data-theme=dark] .stat-label,[data-theme=dark] .gtg-user-details h4,[data-theme=dark] .user-details h4,[data-theme=dark] .gtg-user-details p,[data-theme=dark] .document-info h4,[data-theme=dark] .document-info p,[data-theme=dark] .notification-header span{color:var(--app-text)}[data-theme=dark] .stat-label,[data-theme=dark] .gtg-user-details p,[data-theme=dark] .user-details p,[data-theme=dark] .document-info p,[data-theme=dark] .no-data p{color:var(--app-text-muted)}[data-theme=dark] .status-info{background:linear-gradient(135deg, var(--app-surface-muted), var(--app-surface));border-color:var(--app-border)}[data-theme=dark] .status-info span{color:var(--app-text)}[data-theme=dark] .status-info strong{color:#fbbf24}[data-theme=dark] .dashboard-page .clock-btn,[data-theme=dark] .attendance-page .clock-btn{color:#fff}[data-theme=dark] .dashboard-page .break-btn,[data-theme=dark] .attendance-page .break-btn{color:#1c1917}[data-theme=dark] .dashboard-page .clockout-btn,[data-theme=dark] .attendance-page .clockout-btn{background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 4px 16px #fb718559}[data-theme=dark] .dashboard-page .break-btn,[data-theme=dark] .attendance-page .break-btn{background:linear-gradient(135deg,#fcd34d,#f59e0b);box-shadow:0 4px 16px #fcd34d4d}[data-theme=dark] .dashboard-page .clockin-btn,[data-theme=dark] .attendance-page .clockin-btn{background:linear-gradient(135deg,#4ade80,#059669);box-shadow:0 4px 16px #4ade804d}[data-theme=dark] .dashboard-page .start-again-btn,[data-theme=dark] .attendance-page .start-again-btn{background:linear-gradient(135deg,#f43f5e,#f26225);box-shadow:0 4px 16px #f43f5e61}[data-theme=dark] .attendance-page .current-status{background:linear-gradient(135deg,#ed20471a,#f262250f);border-color:#ed204747;box-shadow:0 4px 20px #00000040}[data-theme=dark] .dashboard-page .status-section{box-shadow:0 4px 20px #00000038}[data-theme=dark] .action-btn.secondary,[data-theme=dark] .dismiss-btn{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .action-btn.secondary:hover{background:var(--app-surface-hover)}[data-theme=dark] .task-item,[data-theme=dark] .assignment-item,[data-theme=dark] .inbox-item,[data-theme=dark] .gtg-item,[data-theme=dark] .user-item,[data-theme=dark] .attendance-item,[data-theme=dark] .unacknowledged-document,[data-theme=dark] .cashin-notification-item{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .gtg-item:hover,[data-theme=dark] .user-item:hover,[data-theme=dark] .attendance-item:hover,[data-theme=dark] .unacknowledged-document:hover{background:var(--app-surface-hover)}[data-theme=dark] .notification-header,[data-theme=dark] .inbox-history-header{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .inbox-history-modal{background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-border);box-shadow:0 20px 50px #0000008c}[data-theme=dark] .inbox-history-header h3{color:var(--app-text)}[data-theme=dark] .inbox-history-header h3 i{color:#ed2047}[data-theme=dark] .inbox-history-close{color:var(--app-text-muted)}[data-theme=dark] .inbox-history-close:hover{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .inbox-history-filters{background:var(--app-surface);border-bottom-color:var(--app-border)}[data-theme=dark] .inbox-history-filter-group label,[data-theme=dark] .inbox-history-filter-group .inbox-history-app-select>label{color:var(--app-text-muted)}[data-theme=dark] .inbox-history-filter-group select,[data-theme=dark] .inbox-history-filter-group input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--app-input-bg);color:var(--app-text);border-color:var(--app-border)}[data-theme=dark] .inbox-history-filter-group select option,[data-theme=dark] .inbox-history-filter-group select optgroup{background:var(--app-surface);color:var(--app-text)}[data-theme=dark] .inbox-history-filter-group select:focus,[data-theme=dark] .inbox-history-filter-group input[type=date]:focus{border-color:#ed204773;outline:none;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .inbox-history-content{background:var(--app-surface);scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track)}[data-theme=dark] .inbox-history-loading,[data-theme=dark] .inbox-history-empty,[data-theme=dark] .inbox-history-error{color:var(--app-text-muted)}[data-theme=dark] .inbox-history-item{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .inbox-history-item:hover{background:var(--app-surface-hover);box-shadow:0 8px 20px #00000059}[data-theme=dark] .inbox-history-item.read{opacity:.65}[data-theme=dark] .inbox-history-item-title,[data-theme=dark] .inbox-history-item-body{color:var(--app-text)}[data-theme=dark] .inbox-history-item-meta,[data-theme=dark] .inbox-history-item-message,[data-theme=dark] .inbox-history-item-time{color:var(--app-text-muted)}[data-theme=dark] .inbox-history-type-badge{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .inbox-history-content .dashboard-card{box-shadow:none;background:0 0;border:none}[data-theme=dark] .inbox-history-content .dashboard-card>h3{color:var(--app-text);border-bottom-color:var(--app-border)}[data-theme=dark] .inbox-history-content .inbox-item-title,[data-theme=dark] .inbox-history-content .inbox-text{color:var(--app-text)}[data-theme=dark] .inbox-history-content .inbox-item-message,[data-theme=dark] .inbox-history-content .inbox-item-meta,[data-theme=dark] .inbox-history-content .inbox-item-time,[data-theme=dark] .inbox-history-content .no-data,[data-theme=dark] .inbox-history-content .loading{color:var(--app-text-muted)}[data-theme=dark] .inbox-history-content .mark-all-read-btn{color:var(--app-text);background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .inbox-history-mark-all-btn{color:#fff;background:linear-gradient(135deg,#059669,#047857)}[data-theme=dark] .inbox-history-mark-read{color:#ff6b81;background:#ed20472e}[data-theme=dark] .inbox-history-mark-read:hover{background:#ed204747}[data-theme=dark] .inbox-history-load-more{color:var(--app-text-muted)}[data-theme=dark] .notification-content{background:var(--app-surface)}[data-theme=dark] .dashboard-page .main::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}[data-theme=dark] .dashboard-page .main-content::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}[data-theme=dark] .ticket-modal-fields::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}[data-theme=dark] .raise-ticket-form-fields::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}[data-theme=dark] .ticket-custom-dropdown::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}[data-theme=dark] .dashboard-page .main::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb)}[data-theme=dark] .dashboard-page .main-content::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb)}[data-theme=dark] .ticket-modal-fields::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb)}[data-theme=dark] .raise-ticket-form-fields::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb)}[data-theme=dark] .ticket-custom-dropdown::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb)}[data-theme=dark] .dashboard-page .main::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}[data-theme=dark] .dashboard-page .main-content::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}[data-theme=dark] .ticket-modal-fields::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}[data-theme=dark] .raise-ticket-form-fields::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}[data-theme=dark] .ticket-custom-dropdown::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}[data-theme=dark] .profile-page{background:var(--app-bg)}[data-theme=dark] .profile-page .profile-header,[data-theme=dark] .profile-page .profile-container,[data-theme=dark] .profile-page .profile-image-section,[data-theme=dark] .profile-page .form-section,[data-theme=dark] .profile-page .profile-form-footer{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .profile-page .profile-header h1,[data-theme=dark] .profile-page .profile-header p,[data-theme=dark] .profile-page .section-title,[data-theme=dark] .profile-page .input-group label,[data-theme=dark] .profile-page .profile-salary-title{color:var(--app-text)}[data-theme=dark] .profile-page .profile-salary-subtitle,[data-theme=dark] .profile-page .profile-loading{color:var(--app-text-muted)}[data-theme=dark] .profile-page .profile-salary-empty{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text-muted)}[data-theme=dark] .profile-page .profile-salary-empty i{color:var(--app-text-muted)}[data-theme=dark] .profile-page .profile-salary-alert{color:#ff7b72;background:#ef444426}[data-theme=dark] .profile-page .ownslip-card{background:var(--app-surface-muted);border-color:var(--app-border);box-shadow:none}[data-theme=dark] .profile-page .ownslip-card .label{color:var(--app-text-muted)}[data-theme=dark] .profile-page .ownslip-card .v{color:var(--app-text)}[data-theme=dark] .profile-page .ownslip-meta{color:var(--app-text-muted)}[data-theme=dark] .profile-page .ownslip-pill.success{color:#34d399;background:#10b98133}[data-theme=dark] .profile-page .ownslip-pill.muted{background:var(--app-surface-hover);color:var(--app-text-muted)}[data-theme=dark] .profile-page .ownslip-actions button.ghost{color:#f87171;background:0 0;border-color:#ed204773}[data-theme=dark] .profile-page .ownslip-pill.danger{color:#ff7b72;background:#ef444433}[data-theme=dark] .profile-page .ownslip-unapproved-note{color:#ff7b72}[data-theme=dark] .profile-page .ownslip-actions button.unapprove-btn,[data-theme=dark] .own-slip-approval-actions button.unapprove-btn{color:#ff7b72;background:0 0;border-color:#f871718c}[data-theme=dark] .own-slip-modal{background:var(--app-surface);color:var(--app-text)}[data-theme=dark] .own-slip-frame-wrap,[data-theme=dark] .own-slip-summary{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .pdf-canvas-preview,[data-theme=dark] .pdf-canvas-preview-status,[data-theme=dark] .own-slip-frame,[data-theme=dark] .slip-pdf-canvas-preview{background:var(--app-surface-muted)}[data-theme=dark] .pdf-canvas-preview-status{color:var(--app-muted)}[data-theme=dark] .own-slip-summary-label,[data-theme=dark] .own-slip-download-hint{color:var(--app-text-muted)}[data-theme=dark] .own-slip-payable,[data-theme=dark] .own-slip-modal-footer{border-top-color:var(--app-border)}[data-theme=dark] .own-slip-download{color:#f87171;background:0 0;border-color:#ed204773}[data-theme=dark] .otp-modal-overlay .otp-popup-content{background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-border);box-shadow:0 20px 40px var(--app-shadow)}[data-theme=dark] .otp-modal-overlay h3{color:var(--app-text)}[data-theme=dark] .otp-modal-overlay .otp-helper-text{color:var(--app-text-muted)}[data-theme=dark] .otp-modal-overlay .input-container input{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .otp-modal-overlay .input-container input::placeholder{color:var(--app-text-muted);letter-spacing:.5rem}[data-theme=dark] .otp-modal-overlay .input-container input:focus{border-color:#ed2047;box-shadow:0 0 0 3px #ed204738}[data-theme=dark] .otp-modal-overlay .input-container i.fa-key{color:var(--app-text-muted)}[data-theme=dark] .otp-modal-overlay .button-row>button:disabled{color:#c9d1d9;background:#484f58}[data-theme=dark] .otp-modal-overlay .button-row>button.otp-resend-btn{background:var(--app-surface-muted);color:#ff7b72;border-color:#ed20478c}[data-theme=dark] .otp-modal-overlay .button-row>button.otp-resend-btn:hover:not(:disabled){background:var(--app-surface-hover)}[data-theme=dark] .otp-modal-overlay .button-row>button.otp-resend-btn:disabled{background:var(--app-surface-muted);color:var(--app-text-muted);border-color:var(--app-border)}[data-theme=dark] .otp-modal-overlay .otp-resend-row,[data-theme=dark] .otp-modal-overlay .timer,[data-theme=dark] .otp-modal-overlay .otp-resend-link:disabled{color:var(--app-text-muted)}[data-theme=dark] .otp-modal-overlay .error{color:#ff7b72;background:#f851491f;border-color:#f8514966}[data-theme=dark] .otp-modal-overlay .success{color:#3fb950;background:#2ea0431f;border-color:#2ea04366}[data-theme=dark] .otp-modal-overlay .otp-cancel-link{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .otp-modal-overlay .otp-cancel-link:hover{background:var(--app-surface-hover);color:#ff7b72;border-color:#ed20478c}[data-theme=dark] .profile-page .form-control,[data-theme=dark] .profile-page .input-container input{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .profile-page .form-control[readonly]{background:var(--app-surface-muted);color:var(--app-text-muted)}[data-theme=dark] .clients-page{background:var(--app-bg)}[data-theme=dark] .clients-header-section,[data-theme=dark] .clients-filter-section{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .clients-search-section label,[data-theme=dark] .clients-filter-group label{color:var(--app-text-muted)}[data-theme=dark] .clients-search-section input,[data-theme=dark] .clients-filter-group select{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text);box-shadow:none}[data-theme=dark] .clients-search-section input:focus,[data-theme=dark] .clients-filter-group select:focus{border-color:#ed204773;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .clients-table{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .clients-table th,[data-theme=dark] .clients-table td{color:var(--app-text);border-color:var(--app-border)}[data-theme=dark] .clients-table th{background:var(--app-surface-muted)}[data-theme=dark] .clients-table tbody tr:hover{background:var(--app-surface-hover)}[data-theme=dark] .client-name-cell{color:var(--app-text)}[data-theme=dark] .clients-table-message{color:var(--app-text-muted)}[data-theme=dark] .clients-table-message--error{color:#ff7b72}[data-theme=dark] .documents-page{background:0 0}[data-theme=dark] .documents-header-section,[data-theme=dark] .document-viewer,[data-theme=dark] .acknowledgment-section,[data-theme=dark] .document-info-card,[data-theme=dark] .add-documents-page .upload-section,[data-theme=dark] .add-documents-page .file-preview-section,[data-theme=dark] .upload-form,[data-theme=dark] .access-denied-card{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .documents-header-back-btn{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .document-viewer h3,[data-theme=dark] .acknowledgment-section h3,[data-theme=dark] .document-info-card h3,[data-theme=dark] .document-title,[data-theme=dark] .no-documents h3{color:var(--app-text)}[data-theme=dark] .document-info,[data-theme=dark] .info-value,[data-theme=dark] .documents-loading,[data-theme=dark] .no-documents,[data-theme=dark] .file-preview-placeholder,[data-theme=dark] .file-input-display{color:var(--app-text-muted)}[data-theme=dark] .file-input-group input[type=text],[data-theme=dark] .file-input-display,[data-theme=dark] .checkbox-group,[data-theme=dark] .document-preview,[data-theme=dark] .file-preview-container,[data-theme=dark] .pdf-preview-header,[data-theme=dark] .pdf-preview-iframe-container{background:var(--app-input-bg);border-color:var(--app-border)}[data-theme=dark] .pdf-preview-info h3{color:var(--app-text)}[data-theme=dark] .preview-btn.secondary{background:var(--app-surface);color:var(--app-text);border-color:var(--app-border)}[data-theme=dark] .meta-tag{background:var(--app-surface-muted);color:var(--app-text);border:1px solid var(--app-border)}[data-theme=dark] .document-card{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .info-item{border-bottom-color:var(--app-border)}[data-theme=dark] .info-label,[data-theme=dark] .checkbox-group label,[data-theme=dark] .checkbox-group span{color:var(--app-text)}[data-theme=dark] .checkbox-group{background:#10b98114;border-color:#10b98173}[data-theme=dark] .checkbox-group.is-checked{background:#10b9812e;border-color:#10b981}[data-theme=dark] .checkbox-group input[type=checkbox]{background:0 0;border-color:#0000}[data-theme=dark] .checkbox-mark{color:#065f46;background:#ecfdf5;border-color:#34d399}[data-theme=dark] .checkbox-group.is-checked .checkbox-mark,[data-theme=dark] .checkbox-group input[type=checkbox]:checked+.checkbox-mark{color:#fff;background:#10b981;border-color:#6ee7b7}[data-theme=dark] .refresh-btn{background:var(--app-surface-muted);color:var(--app-text);border-color:var(--app-border)}[data-theme=dark] .document-preview .document-iframe,[data-theme=dark] .pdf-preview-iframe{background:var(--app-surface)}[data-theme=dark] .raise-bugs-page{background:var(--app-bg)}[data-theme=dark] .raise-bugs-page .header-section,[data-theme=dark] .raise-bugs-page .filter-section{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .raise-bugs-page .search-section label,[data-theme=dark] .raise-bugs-page .filter-section label,[data-theme=dark] .raise-bugs-page .filter-group label{color:var(--app-text-muted)}[data-theme=dark] .raise-bugs-page .search-section input,[data-theme=dark] .raise-bugs-page .filter-section select,[data-theme=dark] .raise-bugs-page .filter-section input[type=date]{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text);box-shadow:none}[data-theme=dark] .raise-bugs-page .search-section input:focus,[data-theme=dark] .raise-bugs-page .filter-section select:focus,[data-theme=dark] .raise-bugs-page .filter-section input[type=date]:focus{border-color:#ed204773;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .raise-bugs-page .date-range-container{background:var(--app-surface-muted);border-top-color:#ed204759}[data-theme=dark] .raise-bugs-page .filter-controls{border-left-color:var(--primary-color,#ed2047)}[data-theme=dark] .raise-bugs-page .tickets-table{background:var(--app-surface);box-shadow:none;border-color:#0000}[data-theme=dark] .raise-bugs-page .tickets-table-scroll-wrapper{background:var(--app-surface);border-color:var(--app-border);box-shadow:none}[data-theme=dark] .raise-bugs-page .tickets-table th,[data-theme=dark] .raise-bugs-page .tickets-table td{border-bottom-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .raise-bugs-page .tickets-table th{background:var(--app-surface-muted);color:var(--app-text-muted)}[data-theme=dark] .raise-bugs-page .tickets-table tr:hover{background:#ed204714}[data-theme=dark] .raise-bugs-page .no-tickets,[data-theme=dark] .raise-bugs-page .load-more-row{color:var(--app-text-muted)}[data-theme=dark] .raise-bugs-page .error-message{color:#ff7b72}[data-theme=dark] .raise-bugs-page .filter-toggle-btn{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .raise-bugs-page .btn-raise,[data-theme=dark] .raise-bugs-page .view-btn{color:#fff}[data-theme=dark] .raise-bugs-page .fine-rules-section{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 4px 20px #00000040}[data-theme=dark] .raise-bugs-page .fine-rules-card{background:var(--app-input-bg);border-color:var(--app-border)}[data-theme=dark] .raise-bugs-page .fine-rules-card--period{border-left-color:#60a5fa}[data-theme=dark] .raise-bugs-page .fine-rules-form{background:var(--app-input-bg);border-color:var(--app-border)}[data-theme=dark] .raise-bugs-page .fine-rules-form-grid input,[data-theme=dark] .raise-bugs-page .fine-rules-form-grid select{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .raise-bugs-page .fine-rules-form-grid select option,[data-theme=dark] .raise-bugs-page .fine-rules-form-grid select optgroup{background:var(--app-surface);color:var(--app-text)}[data-theme=dark] .raise-bugs-page .fine-rules-form-grid .fine-rules-reset-select .app-select-trigger{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .raise-bugs-page .employee-selector{background:var(--app-input-bg);border-color:var(--app-border)}[data-theme=dark] .raise-bugs-page .filter-controls{background:var(--app-surface-muted)}[data-theme=dark] .raise-bugs-page .date-range-container{background:var(--app-input-bg);border-color:var(--app-border);border-left-color:#ed2047;border-right-color:#ed2047}[data-theme=dark] .raise-bugs-page .date-range-container label{color:var(--app-text-muted)}[data-theme=dark] .raise-bugs-page .admin-filter-section{background:var(--app-surface)}[data-theme=dark] .bug-modal,[data-theme=dark] .bug-detail-modal,[data-theme=dark] .bug-success-modal{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 20px 40px #00000080}[data-theme=dark] .bug-modal-header,[data-theme=dark] .bug-detail-header{background:var(--app-surface-muted);border-bottom-color:var(--app-border)}[data-theme=dark] .bug-modal h3.bug-header,[data-theme=dark] .bug-detail-title,[data-theme=dark] .bug-success-message{color:var(--app-text)}[data-theme=dark] .bug-modal-close,[data-theme=dark] .bug-detail-close{color:var(--app-text-muted)}[data-theme=dark] .bug-modal-close:hover,[data-theme=dark] .bug-detail-close:hover{color:#ff7b72;background:#f8514926}[data-theme=dark] .bug-modal label,[data-theme=dark] .bug-detail-field label{color:var(--app-text)}[data-theme=dark] .bug-modal textarea,[data-theme=dark] .bug-detail-field .value{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .bug-modal textarea:focus{border-color:#ed204773;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .bug-modal .actions,[data-theme=dark] .bug-detail-actions{background:var(--app-surface-muted);border-top-color:var(--app-border)}[data-theme=dark] .bug-modal .btn.secondary{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .bug-modal .btn.secondary:hover{background:var(--app-surface-hover)}[data-theme=dark] .bug-modal .btn.primary,[data-theme=dark] .bug-success-ok-btn{color:#fff}[data-theme=dark] .bug-dropzone{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .bug-dropzone.dragover{background:#ed20471a;border-color:#ed204773}[data-theme=dark] .bug-dropzone-message,[data-theme=dark] .bug-dropzone-hint{color:var(--app-text-muted)}[data-theme=dark] .bug-dropzone-message strong{color:var(--app-text)}[data-theme=dark] .bug-browse-btn{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .bug-browse-btn:hover{background:var(--app-surface-hover);border-color:var(--app-border)}[data-theme=dark] .bug-file-item{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .bug-file-item.pending-upload{background:#ed20471a}[data-theme=dark] .bug-file-name{color:var(--app-text)}[data-theme=dark] .bug-file-info{color:var(--app-text-muted)}[data-theme=dark] .bug-detail-attachment-item{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .bug-detail-attachment-item:hover{border-color:#ed204773;box-shadow:0 4px 12px #00000059}[data-theme=dark] .bug-detail-content::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}[data-theme=dark] .bug-modal-fields::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}[data-theme=dark] .bug-detail-content::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb)}[data-theme=dark] .bug-modal-fields::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb)}[data-theme=dark] .bug-detail-content,[data-theme=dark] .bug-modal-fields{scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track)}[data-theme=dark] .bug-detail-content>p,[data-theme=dark] .bug-detail-field.full-width>p{color:var(--app-text-muted)}[data-theme=dark] .bug-detail-content .error-message{color:#ff7b72}[data-theme=dark] .project-page{--primary-color:#ed2047;--primary-dark:#f26225}[data-theme=dark] .project-page .task-interface,[data-theme=dark] .project-page .task-content,[data-theme=dark] .project-page .project-main-content-area{background:var(--app-bg)}[data-theme=dark] .project-page .main-header{background:var(--app-surface);border-bottom-color:var(--app-border)}[data-theme=dark] .project-page .main-title{color:var(--app-text)}[data-theme=dark] .project-page .breadcrumb-nav{color:var(--app-text-muted)}[data-theme=dark] .project-page .breadcrumb-item:hover{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .project-page .breadcrumb-item--current{color:var(--app-text)}[data-theme=dark] .project-page .breadcrumb-separator{color:var(--app-text-muted)}[data-theme=dark] .project-page .view-tab:not(.active){background:var(--app-surface);border-color:var(--app-border);color:var(--app-text-muted)}[data-theme=dark] .project-page .view-tab:not(.active):hover{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .project-page .header-btn:not(.primary-btn),[data-theme=dark] .project-page .filter-toggle-btn:not(.active):not(:hover),[data-theme=dark] .project-page .filter-reset-btn,[data-theme=dark] .project-page .task-view-toggle{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .project-page .header-btn:hover:not(:disabled):not(.primary-btn),[data-theme=dark] .project-page .filter-reset-btn:hover{background:var(--app-surface-hover);border-color:var(--app-border)}[data-theme=dark] .project-page .header-btn.primary-btn,[data-theme=dark] .project-page .primary-btn.header-btn,[data-theme=dark] .project-page .header-btn.primary-btn:hover:not(:disabled),[data-theme=dark] .project-page .primary-btn.header-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-color,#ed2047), var(--primary-dark,#f26225));color:#fff;border:none}[data-theme=dark] .project-page .filter-toggle-btn.active,[data-theme=dark] .project-page .filter-toggle-btn:hover{color:#ff8fa3;background:#ed204726;border-color:#ed204759}[data-theme=dark] .project-page .task-view-toggle .toggle-label{color:var(--app-text-muted)}[data-theme=dark] .project-page .task-view-toggle .toggle-label.active{color:var(--app-text)}[data-theme=dark] .project-page .task-view-toggle .slider{background:var(--app-border)}[data-theme=dark] .project-page .task-view-toggle .slider:before{background:var(--app-text)}[data-theme=dark] .project-page .primary-btn:hover{color:#fff}[data-theme=dark] .project-page .task-filters{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .project-page .filter-group label,[data-theme=dark] .project-page .filter-checkbox,[data-theme=dark] .project-page .filter-radio{color:var(--app-text)}[data-theme=dark] .project-page .filter-group select,[data-theme=dark] .project-page .deadline-date-range input[type=date]{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .project-page .task-section{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .project-page .task-section:hover{border-color:var(--app-border)}[data-theme=dark] .project-page .section-header{border-bottom-color:var(--app-border)}[data-theme=dark] .project-page .section-title,[data-theme=dark] .project-page .section-header-left{color:var(--app-text)}[data-theme=dark] .project-page .section-count{background:var(--app-surface);color:var(--primary-color,#ed2047);border-color:#ed204733}[data-theme=dark] .project-page .section-add-btn{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text-muted)}[data-theme=dark] .project-page .section-add-btn:hover{color:#ff8fa3;background:#ed20471f;border-color:#ed204759}[data-theme=dark] .project-page .section-header-toggle{color:var(--app-text-muted)}[data-theme=dark] .project-page .section-header-toggle:hover{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .project-page .task-table{background:var(--app-surface);border-bottom-color:var(--app-border)}[data-theme=dark] .project-page .task-table-header{background:var(--app-surface-muted)!important;border-bottom-color:var(--app-border)!important}[data-theme=dark] .project-page .task-table-header .task-cell{color:var(--app-text-muted)!important}[data-theme=dark] .project-page .task-table-header .task-cell.name{background:inherit!important}[data-theme=dark] .project-page .task-row{background:var(--app-surface-muted)!important;border-bottom-color:var(--app-border)!important}[data-theme=dark] .project-page .task-row:hover{background:color-mix(in srgb, #ed2047 8%, var(--app-surface-muted,#161b22))!important}[data-theme=dark] .project-page .task-cell.name{color:var(--app-text)!important;background:inherit!important}[data-theme=dark] .project-page .task-name{color:var(--app-text)!important;background:0 0!important}[data-theme=dark] .project-page .task-row-subtasks .task-row .task-cell.name,[data-theme=dark] .project-page .task-row:hover .task-cell.name{background:inherit!important}[data-theme=dark] .project-page .task-row.add-row,[data-theme=dark] .project-page .task-row.add-row .task-cell.name{color:#ff8fa3!important;background:#ed20470f!important}[data-theme=dark] .project-page .task-row.add-row:hover,[data-theme=dark] .project-page .task-row.add-row:hover .task-cell.name{background:#ed20471f!important}[data-theme=dark] .project-page .task-row-subtasks .task-row{background:var(--app-surface-muted)!important;border-color:var(--app-border)!important}[data-theme=dark] .project-page .task-row-subtasks .task-row:hover{background:color-mix(in srgb, #ed2047 8%, var(--app-surface-muted,#161b22))!important}[data-theme=dark] .project-page .task-row-subtasks .task-row:hover .task-cell.name{background:inherit!important}[data-theme=dark] .project-page .task-subtask-toggle{color:var(--app-text-muted)}[data-theme=dark] .project-page .subtask-create-btn{color:#aea6a6}[data-theme=dark] .project-page .task-subtask-toggle:hover{color:var(--app-text)}[data-theme=dark] .project-page .subtask-create-btn:hover:not(:disabled){color:#f87171;background:#ed204724;border-radius:6px}[data-theme=dark] .project-page .task-empty,[data-theme=dark] .project-page .table-collapse-toggle,[data-theme=dark] .project-page .row-action-btn{color:var(--app-text-muted)}[data-theme=dark] .project-page .table-collapse-toggle:hover,[data-theme=dark] .project-page .row-action-btn:hover{color:var(--app-text);background:var(--app-surface-hover)}[data-theme=dark] .project-page .assignee-avatar.empty{border-color:var(--app-border);color:var(--app-text-muted);background:#505966}[data-theme=dark] .project-page .project-empty-state{border-color:var(--app-border);background:#0d1117}[data-theme=dark] .project-page .project-empty-state__title{color:var(--app-text)}[data-theme=dark] .project-page .project-empty-state__description,[data-theme=dark] .project-page .project-empty-state__icon{color:var(--app-text-muted)}[data-theme=dark] .project-page .project-task-placeholder,[data-theme=dark] .project-page .project-list-subtask-mode-note{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text-muted)}[data-theme=dark] .project-page .project-task-placeholder h2{color:var(--app-text)}[data-theme=dark] .project-page .spaces-sidebar{background:var(--app-surface)}[data-theme=dark] .project-page .spaces-sidebar-shell.is-collapsed .spaces-sidebar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none}[data-theme=dark] .project-page .spaces-header{background:var(--app-surface);border-bottom-color:var(--app-border)}[data-theme=dark] .project-page .spaces-title{color:var(--app-text)}[data-theme=dark] .project-page .spaces-content{background:var(--app-bg)}[data-theme=dark] .project-page .add-btn{background:var(--app-surface-muted);color:var(--app-text-muted)}[data-theme=dark] .project-page .add-btn:hover,[data-theme=dark] .project-page .add-btn.active{background:var(--primary-color,#ed2047);color:#fff}[data-theme=dark] .project-page .spaces-search-wrapper{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .project-page .spaces-search-input,[data-theme=dark] .project-page .spaces-tree-node-name{color:var(--app-text)}[data-theme=dark] .project-page .spaces-tree-node-kind{color:var(--app-text-muted)}[data-theme=dark] .project-page .spaces-tree-item:before,[data-theme=dark] .project-page .spaces-tree-item:after{background:#484f58}[data-theme=dark] .project-page .spaces-tree-list.space-children,[data-theme=dark] .project-page .spaces-tree-list.folder-children{--tree-line:#484f58}[data-theme=dark] .project-page .spaces-tree-node--space:hover:not(.is-active){background:var(--app-surface-hover);border-color:#0000}[data-theme=dark] .project-page .spaces-tree-node--space .spaces-tree-node-name,[data-theme=dark] .project-page .spaces-tree-node--space .space-name,[data-theme=dark] .project-page .spaces-tree-node--space:hover:not(.is-active) .spaces-tree-node-name,[data-theme=dark] .project-page .spaces-tree-node--space:hover:not(.is-active) .space-name{color:var(--app-text)}[data-theme=dark] .project-page .spaces-tree-node--folder:hover:not(.is-active),[data-theme=dark] .project-page .spaces-tree-node--list:hover:not(.is-active),[data-theme=dark] .project-page .spaces-tree-node--sheet:hover:not(.is-active),[data-theme=dark] .project-page .spaces-tree-node--space.is-active{background:var(--app-surface-hover);border-color:#0000}[data-theme=dark] .project-page .spaces-tree-node--space.is-active .spaces-tree-node-kind{color:var(--app-text-muted)}[data-theme=dark] .project-page .spaces-tree-node--space.is-active .spaces-tree-node-name{color:var(--app-text);font-weight:700}[data-theme=dark] .project-page .spaces-tree-node--space.is-active .spaces-tree-node-icon--space{box-shadow:0 0 0 2px #f8717159}[data-theme=dark] .project-page .spaces-tree-node--space.is-active .space-action-btn{color:var(--app-text-muted)}[data-theme=dark] .project-page .spaces-tree-node--space.is-active .space-action-btn:hover{color:var(--app-text);background:#ffffff14}[data-theme=dark] .project-page .spaces-tree-node--folder.is-active,[data-theme=dark] .project-page .spaces-tree-node--list.is-active,[data-theme=dark] .project-page .spaces-tree-node--sheet.is-active{background:#6366f124;border-color:#0000}[data-theme=dark] .project-page .spaces-tree-node--folder.is-active .spaces-tree-node-name,[data-theme=dark] .project-page .spaces-tree-node--list.is-active .spaces-tree-node-name,[data-theme=dark] .project-page .spaces-tree-node--sheet.is-active .spaces-tree-node-name{color:var(--app-text)}[data-theme=dark] .project-page .spaces-tree-node--space.is-active .space-toggle{color:var(--app-text-muted)}[data-theme=dark] .project-page .spaces-tree-node-icon--folder,[data-theme=dark] .project-page .spaces-tree-node-icon--list,[data-theme=dark] .project-page .spaces-tree-node-icon--sheet{color:var(--app-text-muted);background:0 0}[data-theme=dark] .project-page .spaces-empty{color:var(--app-text-muted)}[data-theme=dark] .project-page .space-create-menu,[data-theme=dark] .project-page .folder-create-menu,[data-theme=dark] .project-page .list-create-menu,[data-theme=dark] .project-page .context-menu,[data-theme=dark] .project-page .pseudo-lists-section .pseudo-list-menu,[data-theme=dark] .spaces-portal-menu.space-create-menu,[data-theme=dark] .spaces-portal-menu.folder-create-menu,[data-theme=dark] .spaces-portal-menu.list-create-menu,[data-theme=dark] .spaces-portal-menu.context-menu,[data-theme=dark] .spaces-portal-menu.pseudo-list-menu{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .project-page .context-menu-item,[data-theme=dark] .project-page .create-menu-item,[data-theme=dark] .spaces-portal-menu .context-menu-item,[data-theme=dark] .spaces-portal-menu .create-menu-item{color:var(--app-text)}[data-theme=dark] .project-page .context-menu-item:hover,[data-theme=dark] .project-page .create-menu-item:hover,[data-theme=dark] .spaces-portal-menu .context-menu-item:hover,[data-theme=dark] .spaces-portal-menu .create-menu-item:hover{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .task-action-menu{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 16px 40px #00000080}[data-theme=dark] .task-action-menu button{color:var(--app-text)}[data-theme=dark] .task-action-menu button i{color:var(--app-text-muted)}[data-theme=dark] .task-action-menu button:hover{background:var(--app-surface-hover);color:var(--app-text)}[data-theme=dark] .task-action-menu button:hover i{color:var(--app-text)}[data-theme=dark] .task-action-menu button.danger,[data-theme=dark] .task-action-menu button.danger i{color:#f87171}[data-theme=dark] .task-action-menu button.danger:hover{color:#fca5a5;background:#ef44442e}[data-theme=dark] .task-action-menu button.danger:hover i{color:#fca5a5}[data-theme=dark] .task-action-menu-note,[data-theme=dark] .task-action-menu-note i{color:var(--app-text-muted)}[data-theme=dark] .project-page .pseudo-lists-section .spaces-tree-node--pseudo:hover:not(.is-active){background:var(--app-surface-hover);border-color:#0000}[data-theme=dark] .project-page .pseudo-lists-section .spaces-tree-node--pseudo .spaces-tree-node-name,[data-theme=dark] .project-page .pseudo-lists-section .spaces-tree-node--pseudo:hover:not(.is-active) .spaces-tree-node-name{color:var(--app-text)}[data-theme=dark] .project-page .pseudo-lists-section .spaces-tree-node--pseudo-list:hover:not(.is-active){background:var(--app-surface-hover);border-color:#0000}[data-theme=dark] .project-page .pseudo-lists-section .spaces-tree-node--pseudo-list.is-active{background:#8b5cf61f;border-color:#8b5cf659}[data-theme=dark] .project-page .pseudo-lists-section .spaces-tree-node--pseudo-list.is-active .spaces-tree-node-name{color:#c4b5fd}[data-theme=dark] .project-page .pseudo-lists-section .pseudo-list-empty-note,[data-theme=dark] .project-page .pseudo-lists-section .pseudo-list-footnote{color:var(--app-text-muted)}[data-theme=dark] .project-page .form-control,[data-theme=dark] .project-page input:not([type=checkbox]):not([type=radio]),[data-theme=dark] .project-page select,[data-theme=dark] .project-page textarea{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .project-page .project-loading,[data-theme=dark] .project-page .project-error,[data-theme=dark] .project-page .project-list-loading,[data-theme=dark] .project-page .project-list-error{color:var(--app-text-muted)}[data-theme=dark] .project-page .explorer-card{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .project-page .explorer-card:hover{border-color:#ed204766}[data-theme=dark] .project-page .explorer-card-title{color:var(--app-text)}[data-theme=dark] .project-page .explorer-card-description,[data-theme=dark] .project-page .explorer-card-meta{color:var(--app-text-muted)}[data-theme=dark] .project-page .explorer-card-info-btn{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text-muted)}[data-theme=dark] .google-sheet-view{background:0 0}[data-theme=dark] .google-sheet-view .google-sheet-header-actions .header-btn{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .google-sheet-view .google-sheet-header-actions .header-btn:hover{background:var(--app-surface-hover);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .google-sheet-frame-empty{color:var(--app-text-muted);background:var(--app-surface-muted)}[data-theme=dark] .sheet-comments-left{background:var(--app-bg);border-right-color:var(--app-border)}[data-theme=dark] .sheet-comments-iframe{background:var(--app-bg,#0d1117);filter:invert(.9)hue-rotate(180deg)brightness(.95)contrast(.92)}@media (width<=1024px){[data-theme=dark] .project-page .filter-toggle-btn:not(.active){color:var(--app-text);box-shadow:none!important;background:0 0!important;border:none!important}[data-theme=dark] .project-page .filter-toggle-btn.active,[data-theme=dark] .project-page .filter-toggle-btn.active:hover{color:var(--primary-color,#ed2047);background:0 0!important;border:none!important}[data-theme=dark] .project-page .filter-toggle-btn:hover:not(.active){color:var(--app-text);background:0 0!important;border:none!important}[data-theme=dark] .project-page .spaces-sidebar{box-shadow:-4px 0 20px #00000073}[data-theme=dark] .project-page .spaces-sidebar-toggle-btn{color:#fff;border-color:#ed204759}[data-theme=dark] .project-page .spaces-sidebar-toggle-btn:hover{color:#fff}}@media (width>=769px) and (width<=1024px){[data-theme=dark] .project-page .spaces-sidebar{box-shadow:-4px 0 24px #00000080}}@media (width<=400px){[data-theme=dark] .project-page .main-header .header-btn{min-width:40px;min-height:40px}[data-theme=dark] .project-page .spaces-sidebar{width:min(320px,100vw)}}[data-theme=dark] .holiday-page-tabs-wrapper{background:var(--app-surface-muted);--holiday-tab-bg:var(--app-surface-muted);--holiday-tab-bg-hover:var(--app-surface-hover);--holiday-tab-curve-bg:var(--holiday-tab-bg);--holiday-tab-hover-pill:linear-gradient(135deg, #ed204757, #7812267a);border-bottom-color:#ed2047}[data-theme=dark] .holiday-page-tab:not(.active){background:var(--holiday-tab-bg);color:var(--app-text-muted);box-shadow:none}[data-theme=dark] .holiday-page-tab:not(:last-child):not(.active):not(:has(+.holiday-page-tab.active)):after{background:#ffffff47}[data-theme=dark] .holiday-page-tab:not(.active):hover{color:#f87171;background:0 0}[data-theme=dark] .holiday-page-tab:not(.active):hover:before{background:var(--holiday-tab-hover-pill);box-shadow:var(--holiday-tab-hover-shadow)}[data-theme=dark] .holiday-page-tab:not(.active):hover i{color:#f87171}[data-theme=dark] .holiday-page-tab.active{color:#fff}[data-theme=dark] .team-tabs-wrapper{background:var(--app-bg);border-bottom-color:var(--app-border)}[data-theme=dark] .team-tab:not(.active){color:var(--app-text-muted)}[data-theme=dark] .team-tab:not(.active):hover{color:var(--app-text);background:var(--app-surface-hover);border-color:var(--app-border)}[data-theme=dark] .holidays-year-filter,[data-theme=dark] .holidays-table,[data-theme=dark] .calendar-container,[data-theme=dark] .upcoming-holiday-item,[data-theme=dark] .holiday-modal-content{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .holidays-page-title,[data-theme=dark] .calendar-month-year,[data-theme=dark] .upcoming-holidays-title,[data-theme=dark] .upcoming-holiday-name{color:var(--app-text)}[data-theme=dark] .holidays-year-filter label,[data-theme=dark] .holidays-view-tab,[data-theme=dark] .upcoming-holiday-type,[data-theme=dark] .holidays-loading,[data-theme=dark] .holidays-empty-state{color:var(--app-text-muted)}[data-theme=dark] .calendar-day{background:var(--app-input-bg);border-color:var(--app-border)}[data-theme=dark] .calendar-day.today{background:#ed20472e;border-color:#ed2047}[data-theme=dark] .calendar-day.other-month{background:var(--app-surface-muted)}[data-theme=dark] .calendar-day.today .calendar-day-number{color:#fff;background:#ed2047}[data-theme=dark] .calendar-day.week-off:not(.today) .calendar-day-number{color:#111827;background:#ffc107}[data-theme=dark] .manage-holidays-header{border-color:var(--app-border);background:#ed204714}[data-theme=dark] .holidays-btn-secondary{background:var(--app-surface);color:#ed2047}[data-theme=dark] .holidays-btn-secondary:hover{color:#fff;background:#ed2047}[data-theme=dark] .month-week-offs-modal-content{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 16px 48px #00000073}[data-theme=dark] .month-week-offs-modal-overlay{background:#000000b8}[data-theme=dark] .mwo-note{color:var(--app-text-muted);background:#ed20471f;border-color:#ed204738}[data-theme=dark] .mwo-weekend-container{background:var(--app-input-bg);border-color:var(--app-border)}[data-theme=dark] .mwo-weekend-option{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .mwo-weekend-option:hover{background:var(--app-surface-hover);border-color:#ed204766}[data-theme=dark] .mwo-selected-weekend-offs{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .mwo-btn-outline-danger{color:#f85149;background:0 0;border-color:#f85149}[data-theme=dark] .mwo-btn-outline-danger:hover{color:#ff7b72;background:#f8514926}[data-theme=dark] .mwo-btn-cancel{background:var(--app-surface-muted);color:var(--app-text);border-color:var(--app-border)}[data-theme=dark] .mwo-btn-cancel:hover{background:var(--app-surface-hover)}[data-theme=dark] .employees-page .employees-header-section,[data-theme=dark] .employees-page .employees-filter-section,[data-theme=dark] .gtg-member-page .header-section,[data-theme=dark] .gtg-member-page .filter-section{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .employees-page .employees-search-section input,[data-theme=dark] .employees-page .employees-filter-section select,[data-theme=dark] .gtg-member-page .search-section input,[data-theme=dark] .gtg-member-page .filter-section select,[data-theme=dark] .gtg-member-page .filter-section input[type=date],[data-theme=dark] .gtg-member-page .custom-select{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text);box-shadow:0 2px 6px var(--app-shadow)}[data-theme=dark] .gtg-member-page .custom-select.open{border-color:#ed20478c;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .gtg-member-page .custom-dropdown{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 16px 40px #00000073}[data-theme=dark] .team-table-wrapper,[data-theme=dark] .team-table,[data-theme=dark] .gtg-table{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .team-table th,[data-theme=dark] .team-table thead th,[data-theme=dark] .gtg-table th{background:var(--app-surface-muted);color:var(--app-text-muted)}[data-theme=dark] .team-table td,[data-theme=dark] .gtg-table td{background:var(--app-surface);color:var(--app-text);border-bottom-color:var(--app-border)}[data-theme=dark] .team-table tbody tr:hover td{background:var(--app-surface-hover,var(--app-surface-muted))}[data-theme=dark] .gtg-member-page .employee-selector,[data-theme=dark] .gtg-member-page .date-range-container,[data-theme=dark] .gtg-member-page .filter-controls{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .gtg-member-page .search-section label,[data-theme=dark] .gtg-member-page .filter-section label,[data-theme=dark] .gtg-member-page .employee-selector label{color:var(--app-text-muted)}[data-theme=dark] .attendance-page .attendance-title-card{border-color:var(--app-border);background:linear-gradient(135deg,#ed20470f,#f262250a)}[data-theme=dark] .attendance-page .filter-section{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .attendance-page .search-section input,[data-theme=dark] .attendance-page .filter-section select,[data-theme=dark] .attendance-page .filter-section input[type=date]{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .attendance-page .filter-controls,[data-theme=dark] .attendance-page .date-range-container{background:var(--app-surface-muted)}[data-theme=dark] .attendance-page .search-section label,[data-theme=dark] .attendance-page .filter-section label{color:var(--app-text-muted)}[data-theme=dark] .attendance-page .attendance-table{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .attendance-page .attendance-table th{background:var(--app-surface-muted);color:var(--app-text-muted)}[data-theme=dark] .attendance-page .attendance-table td{color:var(--app-text);border-bottom-color:var(--app-border)}[data-theme=dark] .attendance-page .attendance-table tr:hover{background:var(--app-surface-hover)}[data-theme=dark] .attendance-page .attendance-loading-row,[data-theme=dark] .attendance-page .attendance-error-row,[data-theme=dark] .attendance-page .no-attendance-records{color:var(--app-text-muted)}[data-theme=dark] .team-attendance-page .attendance-table{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .team-attendance-page .attendance-table th{background:var(--app-surface-muted);color:var(--app-text-muted)}[data-theme=dark] .team-attendance-page .attendance-table td{color:var(--app-text);border-bottom-color:var(--app-border)}[data-theme=dark] .team-attendance-page .attendance-table tr:hover{background:var(--app-surface-hover)}[data-theme=dark] .team-attendance-page .header-section,[data-theme=dark] .team-attendance-page .filter-section{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .team-attendance-page .search-section input,[data-theme=dark] .team-attendance-page .filter-section select,[data-theme=dark] .team-attendance-page .filter-section input[type=date]{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .team-attendance-page .filter-controls,[data-theme=dark] .team-attendance-page .date-range-container{background:var(--app-surface-muted)}[data-theme=dark] .team-actions-menu{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .team-actions-menu-item{color:var(--app-text)}[data-theme=dark] select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--app-input-bg);color:var(--app-text);border-color:var(--app-border)}[data-theme=dark] select option,[data-theme=dark] select optgroup{background-color:var(--app-surface);color:var(--app-text)}[data-theme=dark] select:focus{border-color:#ed204773;outline:none;box-shadow:0 0 0 3px #ed204726}[data-theme=dark] .performance-page{background:var(--app-bg)}[data-theme=dark] .perf-title-card,[data-theme=dark] .perf-table-card,[data-theme=dark] .perf-filter-card,[data-theme=dark] .task-graph-controls-section,[data-theme=dark] .task-graph-card{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 2px 12px #00000059}[data-theme=dark] .perf-filter-card{background:var(--app-surface-muted)}[data-theme=dark] .perf-page-subtitle,[data-theme=dark] .perf-filter-toggle-btn,[data-theme=dark] .task-graph-controls-toggle-btn,[data-theme=dark] .perf-chip,[data-theme=dark] .perf-employee-selector label,[data-theme=dark] .perf-search-field>label,[data-theme=dark] .perf-date-range label,[data-theme=dark] .task-control-label,[data-theme=dark] .task-graph-control label,[data-theme=dark] .task-graph-header-title,[data-theme=dark] .task-graph-note,[data-theme=dark] .task-graph-range-inputs span{color:var(--app-text-muted)}[data-theme=dark] .perf-score-summary{color:var(--app-text)}[data-theme=dark] .perf-data-table th{background:var(--app-surface-muted);color:var(--app-text);border-color:var(--app-border)}[data-theme=dark] .leaderboard-board-header{background:var(--app-surface-muted);color:var(--app-text);box-shadow:0 1px 0 var(--app-border)}[data-theme=dark] .leaderboard-bar-bg{background:var(--app-surface-hover)}[data-theme=dark] .leaderboard-bar-points--track,[data-theme=dark] .leaderboard-bar-points.is-zero,[data-theme=dark] .leaderboard-member-name-wrap,[data-theme=dark] .leaderboard-member{color:var(--app-text)}[data-theme=dark] .perf-data-table td{color:var(--app-text);border-color:var(--app-border)}[data-theme=dark] .perf-data-table tr:hover td{background:var(--app-surface-hover)}[data-theme=dark] .perf-loading-overlay{color:var(--app-text-muted);background:#0d1117d9}[data-theme=dark] .perf-number-stepper{border-color:var(--app-border);background:var(--app-input-bg)}[data-theme=dark] .perf-number-stepper button{color:var(--app-text);background:red}[data-theme=dark] .perf-chip select,[data-theme=dark] .perf-date-range input,[data-theme=dark] .perf-search-input-wrap input,[data-theme=dark] .task-graph-control input[type=date],[data-theme=dark] .leaderboard-min-input{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .performance-page .app-select-wrap>label{color:var(--app-text-muted)}[data-theme=dark] .perf-custom-dropdown,[data-theme=dark] .app-select-menu,[data-theme=dark] .ticket-custom-dropdown,[data-theme=dark] .appreciation-custom-dropdown,[data-theme=dark] .gtg-member-page .custom-dropdown{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 16px 40px #00000073}[data-theme=dark] .perf-dropdown-option,[data-theme=dark] .ticket-dropdown-option,[data-theme=dark] .appreciation-dropdown-option,[data-theme=dark] .gtg-member-page .dropdown-option{color:var(--app-text)}[data-theme=dark] .perf-dropdown-option:hover,[data-theme=dark] .ticket-dropdown-option:hover,[data-theme=dark] .appreciation-dropdown-option:hover,[data-theme=dark] .gtg-member-page .dropdown-option:hover{background:var(--app-surface-hover)}[data-theme=dark] .perf-custom-select,[data-theme=dark] .ticket-custom-select,[data-theme=dark] .appreciation-custom-select,[data-theme=dark] .app-select-trigger{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .filter-controls .app-select-wrap,[data-theme=dark] .clients-filter-section .app-select-wrap,[data-theme=dark] .employees-filter-section .app-select-wrap{gap:10px}[data-theme=dark] .transcribe-main-card,[data-theme=dark] .transcribe-plugin-card,[data-theme=dark] .transcribe-plugin-help,[data-theme=dark] .audio-enhance-main-card,[data-theme=dark] .audio-enhance-side-card,[data-theme=dark] .audio-enhance-help,[data-theme=dark] .tool-card{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 10px 30px #00000059}[data-theme=dark] .tools-header-section,[data-theme=dark] .transcribe-header-section,[data-theme=dark] .audio-enhance-header-section{box-shadow:none;background:linear-gradient(135deg,#ed204714,#f2622514);border-color:#ed204740}[data-theme=dark] .transcribe-language,[data-theme=dark] .transcribe-upload,[data-theme=dark] .transcribe-status-info,[data-theme=dark] .transcribe-plugin-help{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .transcribe-upload.hover,[data-theme=dark] .transcribe-upload:hover{background:#ed20471a;border-color:#ed2047}[data-theme=dark] .transcribe-plugin-title strong,[data-theme=dark] .transcribe-section-label{color:var(--app-text)}[data-theme=dark] .transcribe-plugin-title p,[data-theme=dark] .transcribe-language-hint{color:var(--app-text-muted)}[data-theme=dark] .transcribe-back-link{color:#f87171;background:#ed20471f;border-color:#ed204773}[data-theme=dark] .audio-enhance-help{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .audio-enhance-side-title strong,[data-theme=dark] .audio-enhance-hero h2,[data-theme=dark] .audio-enhance-section-label{color:var(--app-text)}[data-theme=dark] .audio-enhance-side-title p,[data-theme=dark] .audio-enhance-hero p,[data-theme=dark] .audio-enhance-lead,[data-theme=dark] .audio-enhance-steps{color:var(--app-text-muted)}[data-theme=dark] .audio-enhance-back-link{color:#f87171;background:#ed20471f;border-color:#ed204773}[data-theme=dark] .transcription-options-content,[data-theme=dark] .transcription-options-row{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .transcription-options-section{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .transcription-options-header{background:linear-gradient(135deg,#ed20471a,#f262251a);border-bottom-color:#ed204740}[data-theme=dark] .transcription-options-subtitle,[data-theme=dark] .transcription-options-hint{color:var(--app-text-muted)}[data-theme=dark] .transcription-options-close{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text-muted)}[data-theme=dark] .transcription-options-toggle,[data-theme=dark] .transcription-options-segment{background:var(--app-bg);border-color:var(--app-border)}[data-theme=dark] .transcription-options-slider-value{background:var(--app-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .transcription-options-btn-cancel{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .transcription-options-footer{background:var(--app-surface);border-top-color:var(--app-border)}[data-theme=dark] .salary-detail-modal-content{background:var(--app-bg)}[data-theme=dark] .salary-section,[data-theme=dark] .salary-section-period{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .salary-detail-modal-header{background:linear-gradient(135deg,#ed20471f,#f2622514)}[data-theme=dark] .salary-detail-modal-footer{background:var(--app-surface);border-color:var(--app-border)}[data-theme=dark] .salary-save-status{color:#4ade80}.gtg-member-page,.raise-bugs-page.tickets-admin-page,.raise-bugs-page.fire-employee-page,.employee-salary-page,.team-sys-page,.team-attendance-page,.team-leaves-page,.holidays-page,.performance-page,.raise-bugs-page,.raise-ticket-page,.attendance-page,.profile-page{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.gtg-member-page>.holiday-page-tabs-wrapper,.raise-bugs-page>.holiday-page-tabs-wrapper,.employee-salary-page>.holiday-page-tabs-wrapper,.team-sys-page>.holiday-page-tabs-wrapper,.team-attendance-page>.holiday-page-tabs-wrapper,.team-leaves-page>.holiday-page-tabs-wrapper,.holidays-page>.holiday-page-tabs-wrapper,.performance-page>.holiday-page-tabs-wrapper,.raise-ticket-page>.holiday-page-tabs-wrapper,.attendance-page>.holiday-page-tabs-wrapper,.profile-page>.holiday-page-tabs-wrapper{z-index:5;flex-shrink:0;position:relative;top:auto}.gtg-member-page .gtg-member-content,.raise-bugs-page .raise-bugs-content,.employee-salary-page .emp-salary-main,.team-attendance-page .team-attendance-main-content,.team-leaves-page .team-leaves-main-content,.holidays-page .holidays-main-content,.performance-page .performance-page-content,.raise-ticket-page .raise-ticket-page-content,.attendance-page .attendance-main-content,.leave-approval-page .leave-approval-main-content,.profile-page .profile-page-content{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track);-ms-overflow-style:auto;flex:auto;min-height:0;overflow:hidden auto}.gtg-member-page .gtg-member-content::-webkit-scrollbar{width:8px;height:8px;display:block}.raise-bugs-page .raise-bugs-content::-webkit-scrollbar{width:8px;height:8px;display:block}.employee-salary-page .emp-salary-main::-webkit-scrollbar{width:8px;height:8px;display:block}.team-attendance-page .team-attendance-main-content::-webkit-scrollbar{width:8px;height:8px;display:block}.team-leaves-page .team-leaves-main-content::-webkit-scrollbar{width:8px;height:8px;display:block}.holidays-page .holidays-main-content::-webkit-scrollbar{width:8px;height:8px;display:block}.performance-page .performance-page-content::-webkit-scrollbar{width:8px;height:8px;display:block}.raise-ticket-page .raise-ticket-page-content::-webkit-scrollbar{width:8px;height:8px;display:block}.attendance-page .attendance-main-content::-webkit-scrollbar{width:8px;height:8px;display:block}.leave-approval-page .leave-approval-main-content::-webkit-scrollbar{width:8px;height:8px;display:block}.profile-page .profile-page-content::-webkit-scrollbar{width:8px;height:8px;display:block}.gtg-member-page .gtg-member-content::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.raise-bugs-page .raise-bugs-content::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.employee-salary-page .emp-salary-main::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.team-attendance-page .team-attendance-main-content::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.team-leaves-page .team-leaves-main-content::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.holidays-page .holidays-main-content::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.performance-page .performance-page-content::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.raise-ticket-page .raise-ticket-page-content::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.attendance-page .attendance-main-content::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.leave-approval-page .leave-approval-main-content::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.profile-page .profile-page-content::-webkit-scrollbar-track{background:var(--app-scrollbar-track)}.gtg-member-page .gtg-member-content::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.raise-bugs-page .raise-bugs-content::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.employee-salary-page .emp-salary-main::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.team-attendance-page .team-attendance-main-content::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.team-leaves-page .team-leaves-main-content::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.holidays-page .holidays-main-content::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.performance-page .performance-page-content::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.raise-ticket-page .raise-ticket-page-content::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.attendance-page .attendance-main-content::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.leave-approval-page .leave-approval-main-content::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.profile-page .profile-page-content::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}.gtg-member-page .gtg-member-content::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.raise-bugs-page .raise-bugs-content::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.employee-salary-page .emp-salary-main::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.team-attendance-page .team-attendance-main-content::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.team-leaves-page .team-leaves-main-content::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.holidays-page .holidays-main-content::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.performance-page .performance-page-content::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.raise-ticket-page .raise-ticket-page-content::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.attendance-page .attendance-main-content::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.leave-approval-page .leave-approval-main-content::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.profile-page .profile-page-content::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}.app-search-input-wrap{flex:none;align-self:flex-start;align-items:center;gap:0;width:min(380px,100%);min-width:220px;max-width:380px;margin:0;display:flex;position:relative}.app-search-input-wrap .app-search-input-icon{color:var(--app-text-muted,#6b7280);pointer-events:none;z-index:1;font-size:13px;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.app-search-input-wrap>input.app-search-input{border:2px solid var(--app-border,#e5e7eb);background:var(--app-input-bg,var(--app-surface,#fff));width:100%;min-width:0;max-width:none;color:var(--app-text,#16213e);appearance:none;border-radius:999px;outline:none;margin:0;padding:11px 40px;font-family:inherit;font-size:14px;font-weight:400;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:0 2px 8px #0f172a0a}.app-search-input-wrap>input.app-search-input::placeholder{color:var(--app-text-muted,#6b7280);opacity:.85}.app-search-input-wrap>input.app-search-input::-webkit-search-cancel-button{display:none}.app-search-input-wrap:focus-within{border-radius:999px;box-shadow:0 0 0 3px #ed20471f}.app-search-input-wrap:focus-within>input.app-search-input{box-shadow:none;border-color:#ed2047}.app-search-input-wrap:focus-within .app-search-input-icon{color:#ed2047}.app-search-input-wrap>.app-search-input-clear{width:26px;height:26px;color:var(--app-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.app-search-input-wrap>.app-search-input-clear:hover{color:#ed2047;background:#ed20471a}[data-theme=dark] .app-search-input-wrap>input.app-search-input{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text);box-shadow:none}[data-theme=dark] .app-search-input-wrap .app-search-input-icon{color:var(--app-text-muted)}[data-theme=dark] .app-search-input-wrap:focus-within{box-shadow:0 0 0 3px #ed20472e}[data-theme=dark] .app-search-input-wrap>.app-search-input-clear:hover{color:#ff8fa3;background:#ed20472e}@media screen and (width<=768px){.app-search-input-wrap{align-self:stretch;width:100%;min-width:100%;max-width:none}}.dashboard-page{--primary-color:#ed2047;--primary-dark:#f26225;--primary-light:#f26225;--success-color:#10b981;--success-dark:#059669;--warning-color:#f59e0b;--warning-dark:#d97706;--danger-color:#ef4444;--danger-dark:#dc2626;--info-color:#ed2047;--info-dark:#f26225;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--border-radius:12px;--border-radius-lg:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);width:100%}.dashboard-page,.dashboard-page *{box-sizing:border-box}.dashboard-page .main{background:var(--gray-50);flex-direction:column;flex-grow:1;width:100%;display:flex}.main-content{width:100%;margin:0 auto;padding:2rem;overflow-y:auto}.dashboard-header-section{background:linear-gradient(135deg,#ed204705,#f2622505);border:1px solid #ed20471a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:1.25rem;padding:20px;display:flex}.dashboard-page-title{color:#333;background:linear-gradient(135deg,#ed2047,#f26225);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;align-items:center;gap:15px;margin:0;font-size:28px;font-weight:600;display:flex}.welcome-section{box-shadow:none;background:0 0;border:none;margin-bottom:2rem;position:relative}.welcome-section:before{display:none}.welcome-section h2{color:var(--gray-800);margin:0 0 .5rem;font-size:1.35rem;font-weight:600}.welcome-section p{color:var(--gray-600);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.dashboard-header-section .ticket-btn{flex-shrink:0;position:static;top:auto;right:auto}.ticket-btn{cursor:pointer;z-index:10;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 4px 12px #ed20474d;color:#fff!important;visibility:visible!important;opacity:1!important;display:flex!important}.ticket-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ed204766}.ticket-btn:active{transform:translateY(0)}.welcome-actions{flex-wrap:wrap;gap:1rem;display:flex}.dashboard-page .action-btn{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.dashboard-page .action-btn.primary{color:var(--white);background:linear-gradient(90deg,#ed2047,#f26225)}[data-theme=dark] .dashboard-page .action-btn.primary{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225)}.dashboard-page .action-btn.primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-page .action-btn.secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200)}.dashboard-page .action-btn.secondary:hover{background:var(--gray-50);transform:translateY(-1px)}.status-section{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);margin-bottom:2rem;padding:2rem}.status-section h3{color:var(--gray-800);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;display:flex}.status-section h3 i{color:#ed2047;font-size:1.25rem}.status-info{background:linear-gradient(135deg, var(--gray-50), var(--white));border-radius:var(--border-radius);border:1px solid var(--gray-200);align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.status-info:before{content:"";background:linear-gradient(#ed2047,#f26225);width:4px;position:absolute;top:0;bottom:0;left:0}.status-info i{color:var(--white);width:3rem;height:3rem;box-shadow:var(--shadow);background:#ed2047;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.status-info span,.status-info strong{color:var(--gray-700);font-size:1.1rem;font-weight:500}.status-info strong{color:var(--gray-800);font-weight:700}.attendance-clock-status__break-time{color:var(--gray-600);align-items:center;gap:.5rem;margin:0 0 1.25rem;padding-left:.25rem;font-size:.95rem;font-weight:500;display:flex}.attendance-clock-status__break-time i{color:#ed2047}.clock-buttons{flex-wrap:wrap;gap:1rem;display:flex}.clock-btn{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);min-width:160px;box-shadow:var(--shadow);color:#fff;text-shadow:0 1px 1px #00000026;border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;display:flex;position:relative;overflow:hidden}.clock-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.clock-btn:hover:before{left:100%}.clockin-btn{background:linear-gradient(135deg,#22c55e,#059669);border:1px solid #ffffff1f;box-shadow:0 4px 14px #10b98147}.clockin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98161}.clockout-btn{background:linear-gradient(135deg,#f43f5e,#e11d48);border:1px solid #ffffff1f;box-shadow:0 4px 14px #ef44444d}.clockout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef44446b}.break-btn{color:#1c1917;text-shadow:none;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid #ffffff26;box-shadow:0 4px 14px #f59e0b52}.break-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b73}.break-btn:disabled,.clock-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;filter:saturate(.85);transform:none}.clock-btn.is-processing,.clock-btn.is-processing:disabled,.break-btn.is-processing,.break-btn.is-processing:disabled{opacity:1;cursor:wait;filter:none}.start-again-btn{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border:1px solid #ffffff24;box-shadow:0 4px 14px #ed204759}.start-again-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ed20477a}.clock-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.clock-btn.is-processing,.clock-btn.is-processing:disabled{opacity:1;cursor:wait;filter:none}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.dashboard-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:var(--transition);flex-direction:column;padding:2rem;display:flex;position:relative;overflow:hidden}.dashboard-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.dashboard-card:before{content:"";background:linear-gradient(90deg,#ed2047,#f26225);height:4px;position:absolute;top:0;left:0;right:0}.dashboard-card h3{color:var(--gray-800);flex-shrink:0;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;display:flex}.dashboard-card h3 i{color:#ed2047;font-size:1.1rem}.dashboard-draw-count{color:var(--gray-500);margin-left:auto;font-size:.875rem;font-weight:600}#todaysDrawContent .dashboard-user-card__left{flex-direction:row;align-items:center}#todaysDrawContent .dashboard-user-card__status.remark.draw-order{color:#ed2047;background:#ed20471f;border:none}#todaysDrawContent .dashboard-user-card__status.remark.draw-you{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border:none}.gtg-list{gap:1rem;display:grid}.dashboard-card-scroll{box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:#9ca3af #e5e7eb;min-height:0;max-height:400px;padding-left:0;padding-right:12px;overflow:hidden auto}.dashboard-card-scroll .no-data{box-sizing:border-box;width:100%;margin:0}.dashboard-card-scroll::-webkit-scrollbar{width:10px}.dashboard-card-scroll::-webkit-scrollbar-track{background:#e5e7eb;border-radius:999px}.dashboard-card-scroll::-webkit-scrollbar-thumb{background:#9ca3af;border:none;border-radius:999px}.dashboard-card-scroll::-webkit-scrollbar-thumb:hover{background:#6b7280}[data-theme=dark] .dashboard-card-scroll{scrollbar-color:#8b949eb8 #30363d8c}[data-theme=dark] .dashboard-card-scroll::-webkit-scrollbar-track{background:#30363d8c}[data-theme=dark] .dashboard-card-scroll::-webkit-scrollbar-thumb{background:#8b949eb8}[data-theme=dark] .dashboard-card-scroll::-webkit-scrollbar-thumb:hover{background:#c9d1d9e0}.gtg-item{min-height:88px;margin-bottom:.75rem}.gtg-item:last-child{margin-bottom:0}.gtg-item:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.gtg-item .approve-btn{align-self:flex-end}.approve-btn{color:#fff;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);border:none;border-radius:10px;padding:.5rem .8rem;font-size:.875rem;font-weight:400}.approve-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.approve-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none}.attendance-list{gap:1rem;display:grid}.user-item,.gtg-item.dashboard-user-card{background:linear-gradient(135deg, var(--gray-50), var(--white));border:1px solid var(--gray-200);transition:var(--transition);border-radius:12px;justify-content:space-between;align-items:center;gap:1.25rem;min-height:88px;margin-bottom:.75rem;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden}.user-item:last-child,.gtg-item.dashboard-user-card:last-child{margin-bottom:0}.user-item:before,.gtg-item.dashboard-user-card:before{content:"";background:linear-gradient(#ed2047,#f26225);width:4px;position:absolute;top:0;bottom:0;left:0}.user-item:hover,.gtg-item.dashboard-user-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.dashboard-user-card__left{flex-direction:column;flex:1;align-items:flex-start;gap:.65rem;min-width:0;padding-left:.35rem;display:flex}.dashboard-user-card__identity{min-width:0}.dashboard-user-card__avatar{object-fit:cover;border:2px solid var(--gray-200);background:var(--gray-100);border-radius:50%;flex-shrink:0;width:2.75rem;height:2.75rem}.dashboard-user-card__avatar--placeholder{color:var(--gray-500);justify-content:center;align-items:center;font-size:1rem;display:flex}.dashboard-user-card__name{color:var(--gray-800);word-break:break-word;margin:0;font-size:.95rem;font-weight:600;line-height:1.3}.dashboard-user-card__meta{color:var(--gray-500);margin:.2rem 0 0;font-size:.78rem}.dashboard-user-card__right{text-align:right;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:.4rem;max-width:58%;display:flex}.dashboard-user-card__right--actions{gap:.65rem}.dashboard-user-card__time{color:var(--gray-500);white-space:nowrap;align-items:center;gap:.35rem;margin:0;font-size:.78rem;display:inline-flex}.dashboard-user-card__time--stacked{white-space:normal;text-align:right;flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.dashboard-user-card__time-line{white-space:nowrap;align-items:center;gap:.35rem;margin:0;display:inline-flex}.dashboard-user-card__time-line--secondary{color:var(--gray-400);padding-left:1.05rem;font-size:.72rem}.dashboard-user-card__time--under-name{display:none}.dashboard-user-card__time--under-name.dashboard-user-card__time--stacked{text-align:left;align-items:flex-start}.dashboard-user-card__time i{color:var(--gray-400);font-size:.7rem}.dashboard-user-card__status.remark{white-space:normal;text-align:right;border-radius:999px;max-width:100%;line-height:1.35}.remark{text-transform:uppercase;letter-spacing:.35px;border-radius:999px;padding:.4rem .85rem;font-size:.7rem;font-weight:700}.user-item img{width:2.75rem;height:2.75rem}.user-item .user-icon{background:var(--gray-100);width:2.75rem;height:2.75rem;color:var(--gray-500);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.user-details h4{color:var(--gray-800);margin:0;font-size:.95rem;font-weight:600}.user-details p{color:var(--gray-600);margin:.25rem 0 0;font-size:.78rem}.user-item-row{align-items:center;gap:1rem;display:flex}.user-item-info{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.remark.late{color:var(--danger-color);background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}[data-theme=dark] .remark.late{color:#ba4141;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.remark.early{color:#ed2047;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.remark.on-time{color:var(--success-color);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.remark.extra{color:#ed2047;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.remark.early-clockout{color:var(--danger-color);background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.remark.missing{color:#ea580c;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fdba74}.remark.break-status{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.remark.pending-approval{color:var(--danger-color);background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.no-data{text-align:center;color:var(--gray-500);background:var(--gray-50);border-radius:var(--border-radius);border:2px dashed var(--gray-300);padding:3rem 2rem;font-style:italic}.no-data i{color:var(--gray-400);margin-bottom:1rem;font-size:3rem;display:block}.loading{color:var(--gray-500);justify-content:center;align-items:center;padding:2rem;display:flex}.loading i{margin-right:.5rem;animation:1s linear infinite spin}.leave-day-group{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden}.leave-day-group:last-child{margin-bottom:0}.leave-date-header{color:var(--danger-color);background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:1px solid #fecaca;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-weight:600;display:flex}.leave-date-header i{color:var(--danger-color);font-size:1.1rem}.date-text{flex-grow:1;font-size:1rem}.leave-count{background:var(--danger-color);color:var(--white);border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.leave-employees{background:var(--white)}.leave-employee-item{border-bottom:1px solid var(--gray-100);transition:var(--transition);align-items:center;gap:1rem;padding:1.25rem;display:flex}.leave-employee-item:last-child{border-bottom:none}.leave-employee-item:hover{background:var(--gray-50)}.employee-avatar{object-fit:cover;border:2px solid var(--primary-color);width:2.5rem;height:2.5rem;box-shadow:var(--shadow);border-radius:50%}.employee-avatar.default-avatar{background:linear-gradient(to right, var(--primary-color), var(--primary-light));color:var(--white);justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.employee-info{flex-grow:1}.employee-name{color:var(--gray-800);margin:0;font-size:1rem;font-weight:600}.employee-id{color:var(--gray-600);margin:.25rem 0 0;font-size:.875rem}.leave-details{text-align:right;min-width:120px}.leave-type{justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.leave-type i{color:var(--warning-color);font-size:.875rem}.leave-type span{color:var(--gray-700);font-size:.875rem;font-weight:600}.leave-duration{color:var(--gray-500);font-size:.75rem;font-weight:500}.leave-reason{color:var(--gray-600);text-overflow:ellipsis;white-space:nowrap;max-width:150px;margin-top:.25rem;font-size:.75rem;font-style:italic;overflow:hidden}.pending-leave-item{background:linear-gradient(135deg, var(--gray-50), var(--white));border-radius:var(--border-radius);border:1px solid var(--gray-200);transition:var(--transition);cursor:pointer;align-items:center;gap:1rem;min-height:80px;margin-bottom:.75rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.pending-leave-item:last-child{margin-bottom:0}.pending-leave-item:before{content:"";background:linear-gradient(#ffc107,#ff9800);width:4px;position:absolute;top:0;bottom:0;left:0}.upcoming-leave-item{background:linear-gradient(135deg, var(--gray-50), var(--white));border-radius:var(--border-radius);border:1px solid var(--gray-200);transition:var(--transition);cursor:pointer;align-items:center;gap:1rem;min-height:80px;margin-bottom:.75rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.upcoming-leave-item:last-child{margin-bottom:0}.upcoming-leave-item:before{content:"";background:linear-gradient(#dc3545,#c82333);width:4px;position:absolute;top:0;bottom:0;left:0}.pending-leave-item:hover{box-shadow:var(--shadow-md);background:linear-gradient(135deg, #ffc1070d, var(--white));transform:translate(4px)}.upcoming-leave-item:hover{box-shadow:var(--shadow-md);background:linear-gradient(135deg, #dc35450d, var(--white));transform:translate(4px)}.pending-leave-user{flex:1;align-items:center;gap:.75rem;display:flex}.pending-leave-user img{object-fit:cover;width:2.5rem;height:2.5rem;box-shadow:var(--shadow);border:2px solid #ffc107;border-radius:50%}.pending-leave-user .user-icon{width:2.5rem;height:2.5rem;color:var(--white);box-shadow:var(--shadow);background:linear-gradient(90deg,#ffc107,#ff9800);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.pending-leave-details{flex:1}.pending-leave-details h4{color:var(--gray-800);margin:0;font-size:1rem;font-weight:600}.pending-leave-details p{color:var(--gray-600);margin:.25rem 0 0;font-size:.875rem}.pending-leave-badge{border-radius:var(--border-radius);text-transform:uppercase;letter-spacing:.5px;color:#ffc107;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fcd34d;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.upcoming-leave-user{flex:1;align-items:center;gap:.75rem;display:flex}.upcoming-leave-user img{object-fit:cover;width:2.5rem;height:2.5rem;box-shadow:var(--shadow);border:2px solid #dc3545;border-radius:50%}.upcoming-leave-user .user-icon{width:2.5rem;height:2.5rem;color:var(--white);box-shadow:var(--shadow);background:linear-gradient(90deg,#dc3545,#c82333);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.upcoming-leave-details{flex:1}.upcoming-leave-name{color:var(--gray-800);margin:0;font-size:1rem;font-weight:600;display:block}.upcoming-leave-info{color:var(--gray-600);margin:.25rem 0 0;font-size:.875rem;display:block}.upcoming-leave-badge{border-radius:var(--border-radius);text-transform:uppercase;letter-spacing:.5px;color:#dc3545;background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid var(--gray-200);text-align:center;transition:var(--transition);padding:1.5rem}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card i{margin-bottom:.5rem;font-size:2rem;display:block}.stat-card.clockin i{color:var(--success-color)}.stat-card.not-clockin i,.stat-card.clockout i{color:var(--danger-color)}.stat-card.pending i{color:var(--warning-color)}.stat-card.total i{color:#ed2047}.stat-number{color:var(--gray-800);margin-bottom:.25rem;font-size:2rem;font-weight:700}.stat-label{color:var(--gray-600);font-size:.875rem;font-weight:500}@media screen and (width<=1024px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=768px){.dashboard-page .main{min-height:100%;margin-top:0;padding-bottom:0}.main-content{padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom,0px));padding-top:.75rem}.welcome-section{margin-bottom:1.25rem}.dashboard-header-section{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1rem;padding:16px}.dashboard-page-title{font-size:22px}.welcome-section h2{margin-bottom:.35rem;font-size:1.15rem}.welcome-section p{margin-bottom:1rem;font-size:.95rem;line-height:1.5}.ticket-btn{flex-shrink:0;gap:6px;padding:8px 14px;font-size:13px;position:static;top:auto;right:auto;display:inline-flex!important}#teamBtn{display:none!important}.welcome-actions{grid-template-columns:1fr 1fr;align-items:stretch;gap:.75rem;display:grid}.dashboard-page .welcome-actions .action-btn{box-sizing:border-box;justify-content:center;width:100%;min-width:0;padding:.65rem 1rem;font-size:.85rem}.dashboard-page .welcome-actions .action-btn.telegram-btn{grid-column:1;justify-self:start;width:auto;max-width:100%}.dashboard-page .welcome-actions:not(:has(.action-btn.primary)){grid-template-columns:auto auto;justify-content:start}.dashboard-page .welcome-actions:not(:has(.action-btn.primary)) .action-btn{width:auto}.dashboard-page .welcome-actions:not(:has(.action-btn.primary)) .action-btn.telegram-btn{grid-column:auto}.stats-grid:not([style*="display: none"]){-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.25rem;overflow-x:auto;display:flex!important}.stats-grid:not([style*="display: none"]) .stat-card{flex:none;min-width:100px;padding:.65rem .5rem}.stats-grid:not([style*="display: none"]) .stat-card i{margin-bottom:.25rem;font-size:1.25rem}.stats-grid:not([style*="display: none"]) .stat-number{margin-bottom:.2rem;font-size:1.15rem;font-weight:700}.stats-grid:not([style*="display: none"]) .stat-label{font-size:.7rem;line-height:1.2}.status-section{display:none!important}.status-section h3{margin-bottom:1rem;font-size:1.25rem}.status-info{margin-bottom:1rem;padding:1rem}.clock-buttons{flex-direction:column;gap:.75rem}.clock-btn{width:100%;min-width:0;padding:.875rem 1.25rem}.dashboard-grid{grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.25rem}.dashboard-card{min-height:280px;max-height:450px;padding:1rem 1rem 1.25rem}.dashboard-card h3{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;font-size:1.1rem}#inboxContent{-webkit-overflow-scrolling:touch;grid-auto-rows:max-content;align-content:start;min-height:200px;max-height:min(420px,100vh - 200px)}.inbox-item{gap:.75rem;height:auto;min-height:auto;padding:1rem 2.5rem 1rem 1rem}.inbox-item .mark-read-btn{width:28px;height:28px;font-size:.7rem;top:8px;right:8px}.inbox-item-icon{flex-shrink:0;width:2.5rem;height:2.5rem;font-size:1rem}.inbox-item-content{min-width:0}.inbox-item-title{flex-wrap:wrap;align-items:center;gap:.4rem;padding-right:0;font-size:.9rem}.inbox-item-type-badge{margin-left:0;padding:.2rem .4rem;font-size:.6rem;display:none}.inbox-item-message{white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:100%;font-size:.8rem;line-height:1.45}.inbox-item-meta{align-items:center;gap:.5rem .75rem;margin-top:.6rem}.inbox-item-meta i{flex-shrink:0}.inbox-item-meta>span:not(.inbox-item-time){align-items:center;gap:.25rem;display:inline-flex}.inbox-item-time{border-top:1px solid var(--gray-200);width:100%;margin-top:.35rem;margin-left:0;padding-top:.35rem;font-size:.7rem}.inbox-card-header{margin-bottom:.75rem}.inbox-card-header h3{flex:auto;order:1}.inbox-card-header .inbox-expand-btn{order:2;width:36px;height:36px;margin-left:auto}.inbox-card-header .mark-all-read-btn{flex:100%;order:3;justify-content:center;width:100%;margin-top:.15rem;margin-left:0}.mark-all-read-btn{justify-content:center;width:100%;margin-top:0;margin-left:0}.dashboard-card-scroll,.gtg-list,.attendance-list,#clockinListContent,#clockoutListContent,#notClockinListContent,#onLeaveListContent,#adminGtgList,#gtgList,#onBreakListContent,#pendingLeavesContent,#inboxContent{-webkit-overflow-scrolling:touch;max-height:min(380px,100vh - 300px)}.user-item,.gtg-item.dashboard-user-card{padding:.875rem 1rem}.dashboard-user-card__right{max-width:62%}#clockinListContent .user-item.dashboard-user-card,#clockoutListContent .user-item.dashboard-user-card,#notClockinListContent .user-item.dashboard-user-card{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.65rem;min-height:0}#clockinListContent .dashboard-user-card__left,#clockoutListContent .dashboard-user-card__left,#notClockinListContent .dashboard-user-card__left{flex-direction:row;flex:none;align-items:center;gap:.75rem;width:100%;min-width:0;padding-left:.25rem;display:flex}#clockinListContent .dashboard-user-card__identity,#clockoutListContent .dashboard-user-card__identity,#notClockinListContent .dashboard-user-card__identity{flex:1;min-width:0}#clockinListContent .dashboard-user-card__name,#clockoutListContent .dashboard-user-card__name,#notClockinListContent .dashboard-user-card__name{overflow-wrap:break-word;word-break:normal}#clockinListContent .dashboard-user-card__time--under-name,#clockoutListContent .dashboard-user-card__time--under-name{white-space:normal;overflow-wrap:break-word;max-width:100%;margin-top:.2rem;display:inline-flex}#clockinListContent .dashboard-user-card__time--aside,#clockoutListContent .dashboard-user-card__time--aside{display:none}#clockinListContent .dashboard-user-card__right,#clockoutListContent .dashboard-user-card__right,#notClockinListContent .dashboard-user-card__right{text-align:left;align-items:flex-start;gap:.45rem;width:100%;max-width:none;padding-left:.25rem}#clockinListContent .dashboard-user-card__status.remark,#clockoutListContent .dashboard-user-card__status.remark,#notClockinListContent .dashboard-user-card__status.remark{text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word;align-self:flex-start;align-items:center;gap:.35rem;width:auto;max-width:100%;display:inline-flex}#clockinListContent .dashboard-user-card__right,#clockoutListContent .dashboard-user-card__right,#notClockinListContent .dashboard-user-card__right{align-items:flex-start}.gtg-item.dashboard-user-card{flex-direction:column;align-items:stretch}.gtg-item .approve-btn{width:100%}.dashboard-card:hover{box-shadow:var(--shadow-lg);transform:none}}@media screen and (width<=400px){.main-content{padding:.75rem .75rem calc(1.25rem + env(safe-area-inset-bottom,0px))}.welcome-section h2{font-size:1.1rem}.inbox-item{padding:.875rem 2.25rem .875rem .875rem}}@media screen and (width<=500px){.dashboard-page .welcome-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.65rem;display:grid}.dashboard-page .welcome-actions .action-btn{white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;color:inherit;-webkit-text-fill-color:currentColor;gap:.35rem;padding:.6rem .5rem;font-size:.72rem;overflow:hidden}.dashboard-page .welcome-actions .action-btn.primary,.dashboard-page .welcome-actions .action-btn.telegram-btn,[data-theme=dark] .dashboard-page .welcome-actions .action-btn.secondary{color:#fff;-webkit-text-fill-color:#fff}.dashboard-page .welcome-actions .action-btn.telegram-btn{width:100%;max-width:100%;text-overflow:unset;grid-column:1/-1;justify-self:stretch;padding:.65rem .85rem;font-size:.8rem;overflow:visible}.dashboard-page .welcome-actions:not(:has(.action-btn.primary)){grid-template-columns:1fr}}@media screen and (width<=576px){#pendingLeavesContent .pending-leave-item{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.75rem;min-height:0;padding:1rem}#pendingLeavesContent .pending-leave-user{align-items:flex-start;gap:.75rem;width:100%}#pendingLeavesContent .pending-leave-user img,#pendingLeavesContent .pending-leave-user .user-icon{flex-shrink:0;width:2.75rem;height:2.75rem}#pendingLeavesContent .pending-leave-user .user-icon{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}#pendingLeavesContent .pending-leave-details{flex:1;min-width:0}#pendingLeavesContent .pending-leave-details h4{margin:0 0 .35rem;font-size:.95rem}#pendingLeavesContent .pending-leave-details p{white-space:normal;margin:.2rem 0 0;font-size:.78rem;line-height:1.4}#pendingLeavesContent .pending-leave-applied{margin-top:.2rem}#pendingLeavesContent .pending-leave-badge{text-transform:uppercase;letter-spacing:.4px;align-self:flex-start;margin-top:.15rem;margin-left:0;padding:.35rem .85rem;font-size:.7rem}}.fade-in{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.role-admin .welcome-section:before,.role-hr .welcome-section:before,.role-manager .welcome-section:before,.role-developer .welcome-section:before{background:linear-gradient(90deg,#ed2047,#f26225)}.unacknowledged-notification{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;margin-bottom:2rem;animation:.6s ease-out slideInDown;overflow:hidden}.cashin-notifications{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;margin-bottom:2rem;animation:.6s ease-out slideInDown;overflow:hidden}.cashin-notification-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1rem;display:flex}.cashin-notification-item:last-child{border-bottom:none}.cashin-notification-content{flex:1}.cashin-notification-title{color:#374151;margin-bottom:.25rem;font-weight:600}.cashin-notification-message{color:#6b7280;font-size:.875rem;line-height:1.4}.cashin-notification-actions{gap:.5rem;display:flex}.cashin-apply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.cashin-apply-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.notification-header{background:linear-gradient(135deg, var(--danger-color), #f87171);color:var(--white);align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;display:flex}.notification-header i{font-size:1.25rem;animation:2s infinite pulse}.notification-header span{flex:1}.header-actions{align-items:center;gap:1rem;display:flex}.keyboard-hint{color:#fffc;cursor:help;transition:var(--transition);font-size:.9rem}.keyboard-hint:hover{color:var(--white);transform:scale(1.1)}.dismiss-btn{color:var(--white);cursor:pointer;transition:var(--transition);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.5rem;display:flex}.dismiss-btn:hover{background:#ffffff4d;transform:scale(1.1)}.notification-content{max-height:300px;padding:1.5rem;overflow-y:auto}.unacknowledged-document{background:var(--white);border-radius:var(--border-radius);border:1px solid var(--gray-200);transition:var(--transition);align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex;position:relative;overflow:hidden}.unacknowledged-document:last-child{margin-bottom:0}.unacknowledged-document:before{content:"";background:linear-gradient(180deg, var(--danger-color), #f87171);width:4px;position:absolute;top:0;bottom:0;left:0}.unacknowledged-document:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.document-icon{background:linear-gradient(135deg, var(--danger-color), #f87171);width:3rem;height:3rem;color:var(--white);box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.document-info h4{color:var(--gray-800);margin:0 0 .25rem;font-size:1rem;font-weight:600}.document-info p{color:var(--gray-600);margin:0;font-size:.875rem}.document-actions{gap:.75rem;margin-left:auto;display:flex}.acknowledge-btn{background:linear-gradient(135deg, var(--success-color), var(--success-dark));color:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.acknowledge-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.view-btn{cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.view-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.notification-actions{background:var(--gray-50);border-top:1px solid var(--gray-200);justify-content:center;gap:1rem;padding:1rem 1.5rem;display:flex}.view-all-btn{background:linear-gradient(135deg, var(--danger-color), #f87171);color:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.view-all-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.no-unacknowledged{text-align:center;color:var(--gray-500);padding:2rem;font-style:italic}.no-unacknowledged i{color:var(--gray-400);margin-bottom:1rem;font-size:2rem;display:block}@media screen and (width<=576px){.dashboard-page .unacknowledged-notification{border-radius:14px;margin-bottom:1.25rem}.dashboard-page .unacknowledged-notification .notification-header{align-items:flex-start;gap:.65rem;padding:.875rem 1rem;font-size:.95rem;line-height:1.35}.dashboard-page .unacknowledged-notification .notification-header>i{flex-shrink:0;margin-top:.15rem;font-size:1.1rem}.dashboard-page .unacknowledged-notification .notification-header span{white-space:normal;overflow-wrap:anywhere;word-break:break-word;flex:auto;min-width:0}.dashboard-page .unacknowledged-notification .header-actions{flex-shrink:0;margin-top:.05rem}.dashboard-page .unacknowledged-notification .dismiss-btn{width:1.85rem;height:1.85rem;padding:.35rem}.dashboard-page .unacknowledged-notification .notification-content{max-height:none;padding:1rem}.dashboard-page .unacknowledged-notification .unacknowledged-document{flex-wrap:nowrap;align-items:center;gap:.75rem;min-width:0;max-width:100%;margin-bottom:.875rem;padding:.875rem;display:flex}.dashboard-page .unacknowledged-notification .unacknowledged-document:hover{transform:none}.dashboard-page .unacknowledged-notification .document-icon{flex-shrink:0;width:2.5rem;height:2.5rem;font-size:1rem}.dashboard-page .unacknowledged-notification .document-info{flex:1 1 0;min-width:0;margin-bottom:0}.dashboard-page .unacknowledged-notification .document-info h4{white-space:normal;overflow-wrap:anywhere;word-break:break-word;margin:0 0 .2rem;font-size:.95rem;line-height:1.35}.dashboard-page .unacknowledged-notification .document-info p{white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:.78rem;line-height:1.4}.dashboard-page .unacknowledged-notification .document-actions{flex-shrink:0;align-self:center;margin-left:0}.dashboard-page .unacknowledged-notification .view-btn{color:#fff;white-space:nowrap;box-shadow:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;padding:.45rem .85rem}.dashboard-page .unacknowledged-notification .view-btn:hover{box-shadow:none;transform:none}.dashboard-page .unacknowledged-notification .notification-actions{background:0 0;border-top:none;padding:.875rem 1rem 1rem}.dashboard-page .unacknowledged-notification .view-all-btn{border-radius:10px;justify-content:center;width:100%;padding:.75rem 1rem}.dashboard-page .unacknowledged-notification .view-all-btn:hover{transform:none}}@media screen and (width<=415px){.dashboard-page .unacknowledged-notification .unacknowledged-document{flex-wrap:wrap;align-items:flex-start;gap:.65rem .75rem}.dashboard-page .unacknowledged-notification .document-icon{margin-top:.1rem}.dashboard-page .unacknowledged-notification .document-info{flex:1 1 0;min-width:0}.dashboard-page .unacknowledged-notification .document-info h4{overflow-wrap:break-word;word-break:normal}.dashboard-page .unacknowledged-notification .document-actions{flex:100%;justify-content:center;align-self:stretch;width:100%;margin-left:0;display:flex}.dashboard-page .unacknowledged-notification .view-btn{justify-content:center;width:auto;padding:.55rem 1.85rem}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.acknowledge-all-btn{background:linear-gradient(135deg, var(--success-color), var(--success-dark));color:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.5rem;margin-right:1rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.acknowledge-all-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.notification-circle{background:linear-gradient(135deg, var(--danger-color), #f87171);color:var(--white);cursor:pointer;width:60px;height:60px;box-shadow:var(--shadow-lg);transition:var(--transition);z-index:1000;border:3px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:2s infinite pulse;display:flex;position:fixed;right:20px}.notification-circle:hover{box-shadow:var(--shadow-xl);transform:scale(1.1)}.notification-circle i{margin-bottom:.25rem;font-size:1.5rem}.circle-count{background:var(--white);color:var(--danger-color);border:2px solid var(--danger-color);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.inbox-card-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.inbox-card-header h3{flex:0 auto;align-self:center;min-width:0;margin:0;padding:0;line-height:1.2}.inbox-card-header .mark-all-read-btn{align-self:center;margin-left:.25rem}.inbox-card-header .inbox-expand-btn{align-self:center;margin-left:auto}.inbox-badge{background:linear-gradient(135deg, var(--danger-color), #f87171);color:var(--white);border-radius:1rem;margin-left:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.mark-all-read-btn{background:linear-gradient(135deg, var(--success-color), var(--success-dark));color:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.mark-all-read-btn:hover{box-shadow:var(--shadow-md);background:linear-gradient(135deg, var(--success-dark), var(--success-color));transform:translateY(-2px)}.inbox-expand-btn{background:var(--gray-100);width:34px;height:34px;color:var(--primary-color);cursor:pointer;transition:var(--transition);z-index:2;pointer-events:auto;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:0;padding:0;font-size:15px;line-height:1;display:inline-flex;position:relative}.inbox-expand-btn i{line-height:1;display:block}.inbox-expand-btn:hover{background:var(--gray-200);color:var(--primary-color);transform:scale(1.05)}.dashboard-card h3{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inbox-list{gap:1rem;display:grid}#inboxContent{box-sizing:border-box;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;gap:1rem;width:100%;min-width:0;max-width:100%;max-height:400px;padding-right:12px;display:grid}.inbox-item{border-radius:var(--border-radius);border:1px solid var(--gray-200);transition:var(--transition);cursor:pointer;box-sizing:border-box;align-items:flex-start;gap:1rem;width:100%;min-width:0;max-width:100%;height:auto;min-height:100px;padding:1.25rem;display:flex;position:relative;overflow:hidden}.inbox-item .mark-read-btn{color:#ed2047;cursor:pointer;width:32px;height:32px;transition:var(--transition);background:#ed20471a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.inbox-item .mark-read-btn:hover{background:#ed204733}.inbox-item.read .mark-read-btn{display:none}.inbox-item:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.inbox-item:before{content:"";background:var(--gray-300);width:4px;position:absolute;top:0;bottom:0;left:0}.inbox-item.assignment:before{background:linear-gradient(#ed2047,#f26225)}.inbox-item.access:before{background:linear-gradient(#10b981,#059669)}.inbox-item.comment:before{background:linear-gradient(#3b82f6,#2563eb)}.inbox-item.update:before{background:linear-gradient(#8b5cf6,#7c3aed)}.inbox-item-icon{width:3rem;height:3rem;color:var(--white);box-shadow:var(--shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.inbox-item-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;height:auto;display:flex}.inbox-item-title{color:var(--gray-800);flex-wrap:nowrap;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;font-weight:600;display:flex}.inbox-item-message{color:var(--gray-600);white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin:.25rem 0;font-size:.875rem;line-height:1.5}.inbox-item-meta{color:var(--gray-500);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;line-height:1;display:flex}.inbox-item-meta i{flex-shrink:0;justify-content:center;align-items:center;width:.85rem;height:.85rem;margin:0;font-size:.7rem;line-height:1;display:inline-flex}.inbox-item-meta>span:not(.inbox-item-time){align-items:center;min-height:.85rem;line-height:1;display:inline-flex}.inbox-item-time{color:var(--gray-400);white-space:nowrap;margin-left:auto;font-size:.75rem}.inbox-item-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:.25rem;margin-left:0;padding:.25rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.inbox-item-type-badge.assignment{color:#ed2047;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.inbox-item-type-badge.access{color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.inbox-item-type-badge.comment{color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.inbox-item-type-badge.update{color:#8b5cf6;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #ddd6fe}.inbox-item-type-badge.access_removed{color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}@media screen and (width<=768px){.inbox-item .inbox-item-type-badge,.inbox-item-title .inbox-item-type-badge{display:none!important}}@media screen and (width<=470px){#inboxContent{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;min-width:0;max-width:100%}#inboxContent .inbox-item{align-items:flex-start;min-width:0;max-width:100%;height:auto;min-height:auto;max-height:none;display:flex;overflow:hidden}#inboxContent .inbox-item-content{flex-direction:column;flex:auto;align-items:stretch;gap:.35rem;width:100%;min-width:0;max-width:100%;height:auto;display:flex;overflow:visible}#inboxContent .inbox-item-title{flex-wrap:nowrap;align-items:center;gap:.5rem;min-width:0;max-width:100%;height:auto;margin:0;display:flex;position:static}#inboxContent .inbox-item-icon{flex-shrink:0}#inboxContent .inbox-text{white-space:normal;overflow-wrap:anywhere;word-break:break-word;flex:auto;min-width:0}#inboxContent .inbox-item-message{white-space:normal;text-overflow:unset;word-break:break-word;overflow-wrap:anywhere;max-width:100%;height:auto;margin:0;line-height:1.45;display:block;position:static;overflow:visible}#inboxContent .inbox-item-meta{flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;height:auto;margin-top:.15rem;line-height:1;display:flex;position:static}#inboxContent .inbox-item-meta>span:not(.inbox-item-time){white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:100%}}.inbox-item.access_removed:before{background:linear-gradient(#ef4444,#dc2626)}.inbox-history-overlay{z-index:20050;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.inbox-history-overlay.open{display:flex}.inbox-history-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(920px,100%);min-height:0;max-height:min(90dvh,90vh);display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}.inbox-history-header{background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.inbox-history-header h3{color:#1f2937;flex:auto;align-items:center;gap:.5rem;min-width:0;margin:0;font-size:1.1rem;display:flex}.inbox-history-header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;display:flex}.inbox-history-mark-all-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;line-height:1.2;transition:opacity .2s,transform .2s;display:inline-flex}.inbox-history-mark-all-btn:hover{opacity:.95;transform:translateY(-1px)}.inbox-history-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:inline-flex}.inbox-history-close:hover{color:#111827;background:#f3f4f6}.inbox-history-filters{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.inbox-history-filters-toggle{background:var(--app-surface-muted,#f9fafb);width:100%;color:var(--app-text,#1f2937);cursor:pointer;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.9rem;font-weight:600;display:none}.inbox-history-filters-toggle-left{align-items:center;gap:.5rem;min-width:0;display:inline-flex}.inbox-history-filters-toggle-left>i{color:#ed2047}.inbox-history-filters-summary{color:var(--app-text-muted,#6b7280);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.inbox-history-filters-body{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.inbox-history-filter-group{flex-direction:column;gap:.35rem;min-width:160px;display:flex}.inbox-history-filter-group .inbox-history-app-select.app-select-wrap{flex-direction:column;align-items:stretch;gap:.35rem;width:100%;display:flex}.inbox-history-filter-group .inbox-history-app-select .app-select-container{width:100%;min-width:0}.inbox-history-filter-group .inbox-history-app-select>label{color:#4b5563;white-space:normal;font-size:.75rem;font-weight:600}.inbox-history-filter-group label{color:#4b5563;font-size:.75rem;font-weight:600}.inbox-history-filter-group select,.inbox-history-filter-group input[type=date]{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.5rem .65rem;font-size:.875rem}.inbox-history-apply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed2047,#f26225);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;height:38px;padding:.55rem 1rem;font-weight:600;display:inline-flex}.inbox-history-apply-btn:hover{opacity:.95}@media (width<=768px){.inbox-history-overlay{justify-content:center;align-items:center;padding:.75rem}.inbox-history-modal{border-radius:14px;width:100%;height:auto;max-height:min(90dvh,90vh)}.inbox-history-header{flex-shrink:0;gap:.5rem;padding:.75rem .9rem}.inbox-history-header h3{font-size:1rem}.inbox-history-header-actions{gap:.35rem}.inbox-history-mark-all-btn{gap:.3rem;padding:.4rem .65rem;font-size:.72rem}.inbox-history-mark-all-btn span{text-overflow:ellipsis;max-width:9.5rem;overflow:hidden}.inbox-history-close{width:32px;height:32px;font-size:1.1rem}.inbox-history-filters{flex-shrink:0;gap:0;padding:.65rem .9rem}.inbox-history-filters-toggle{display:flex}.inbox-history-filters-body{flex-flow:column;align-items:stretch;gap:.65rem;width:100%;padding-top:.65rem;display:none}.inbox-history-filters.is-expanded .inbox-history-filters-body{display:flex}.inbox-history-filter-group{width:100%;min-width:0}.inbox-history-filter-group select,.inbox-history-filter-group input[type=date]{box-sizing:border-box;width:100%}.inbox-history-apply-btn{width:100%;height:40px}.inbox-history-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:0 auto;min-height:0;max-height:min(65dvh,90dvh - 150px);padding:.75rem .9rem .9rem;overflow:hidden auto}.inbox-history-content .dashboard-card{flex:none;height:auto;max-height:none;padding:1rem;overflow:visible}.inbox-history-content .dashboard-card:hover{transform:none}}@media (width<=420px){.inbox-history-mark-all-btn{min-width:34px;padding:.4rem .55rem}.inbox-history-mark-all-btn span{display:none}}.inbox-history-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:0 auto;min-height:0;max-height:min(70dvh,90dvh - 140px);padding:1rem 1.25rem 1.25rem;overflow:hidden auto}.inbox-history-content::-webkit-scrollbar{width:6px;height:6px}.inbox-history-content::-webkit-scrollbar-track{background:0 0}.inbox-history-content::-webkit-scrollbar-thumb{background:#ed204773;border-radius:999px}.inbox-history-content::-webkit-scrollbar-thumb:hover{background:#ed204799}.inbox-history-content .dashboard-card{flex:none;height:auto!important;max-height:none!important;overflow:visible!important}.inbox-history-content .dashboard-card-scroll,.inbox-history-content #inboxContent{scrollbar-gutter:auto;padding-right:0;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.inbox-history-content .dashboard-card-scroll::-webkit-scrollbar{width:0;height:0;display:none}.inbox-history-content #inboxContent::-webkit-scrollbar{width:0;height:0;display:none}.inbox-history-content .inbox-expand-btn,.inbox-history-modal .inbox-expand-btn{visibility:hidden!important;pointer-events:none!important;border:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}.inbox-history-list{gap:1rem;display:grid}.inbox-history-load-more{text-align:center;color:#6b7280;padding:1rem 0 .25rem;font-size:.875rem}.inbox-history-loading,.inbox-history-empty,.inbox-history-error{text-align:center;color:#6b7280;padding:2rem 1rem}.inbox-history-item{cursor:pointer;background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:1rem;min-height:100px;padding:1.25rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.inbox-history-item:hover{transform:translate(4px);box-shadow:0 8px 20px #00000014}.inbox-history-item:before{content:"";background:#d1d5db;width:4px;position:absolute;top:0;bottom:0;left:0}.inbox-history-item.assignment:before{background:linear-gradient(#ed2047,#f26225)}.inbox-history-item.access:before{background:linear-gradient(#10b981,#059669)}.inbox-history-item.comment:before{background:linear-gradient(#3b82f6,#2563eb)}.inbox-history-item.update:before{background:linear-gradient(#8b5cf6,#7c3aed)}.inbox-history-item.access_removed:before{background:linear-gradient(#ef4444,#dc2626)}.inbox-history-item.read{opacity:.7}.inbox-history-mark-read{color:#ed2047;cursor:pointer;background:#ed20471a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:10px;right:10px}.inbox-history-mark-read:hover{background:#ed204733}.inbox-history-item-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;display:flex}.inbox-history-item-body{flex:1;min-width:0}.inbox-history-item-title{color:#1f2937;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;font-weight:600;display:flex}.inbox-history-item-message{color:#4b5563;font-size:.875rem;line-height:1.5}.inbox-history-item-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;display:flex}.inbox-history-item-time{white-space:nowrap;color:#9ca3af;margin-left:auto}.inbox-history-type-badge{color:#374151;text-transform:capitalize;background:#f3f4f6;border-radius:999px;padding:.15rem .5rem;font-size:.7rem}.inbox-history-unread-dot{background:#ed2047;border-radius:50%;width:8px;height:8px;margin-left:4px;display:inline-block}.dashboard-page .telegram-btn{color:#fff;background:linear-gradient(135deg,#08c,#005f99)}.dashboard-page .approval-status{border-radius:8px;margin-top:10px;padding:10px;font-weight:500}.dashboard-page .approval-status--approved{color:#28a745;background:#28a7451a;border:1px solid #28a745}.dashboard-page .approval-status--pending{color:#ffc107;background:#ffc1071a;border:1px solid #ffc107}.dashboard-page .inbox-unread-dot{background:#ed2047;border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block}.dashboard-page .user-item.is-clickable,.dashboard-page .pending-leave-item.is-clickable{cursor:pointer}.dashboard-page .pending-leave-applied{color:var(--gray-500,#6b7280);margin:.25rem 0 0;font-size:.75rem}.dashboard-page .pending-leave-badge{color:#fff;background:#ed2047;border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.dashboard-modal-overlay,.ticket-overlay,.low-score-modal{z-index:20040;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ticket-overlay{display:none}.ticket-overlay.open{display:flex}.low-score-card{background:var(--white);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);border-radius:14px;width:100%;max-width:520px;padding:1.5rem}.low-score-card h3{color:var(--gray-800);margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.low-score-card p{color:var(--gray-600);margin:0 0 1rem;line-height:1.5}.low-score-options{gap:.35rem;margin-bottom:.75rem;display:grid}.low-score-options label{color:var(--gray-700);cursor:pointer;align-items:flex-start;gap:.5rem;font-size:.95rem;display:flex}.low-score-options input{margin-top:3px}.low-score-other{margin-top:.5rem}.low-score-other textarea{border:1px solid var(--gray-200);resize:vertical;background:var(--white);width:100%;min-height:96px;color:var(--gray-800);border-radius:10px;padding:.75rem;font-family:inherit;font-size:.95rem}.low-score-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.low-score-btn{cursor:pointer;transition:var(--transition);border:none;border-radius:10px;padding:.75rem 1.2rem;font-family:inherit;font-weight:600}.low-score-btn.secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.low-score-btn.primary{color:#fff;box-shadow:var(--shadow);background:linear-gradient(90deg,#ed2047,#f26225)}.ticket-modal{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;flex-direction:column;width:min(720px,95%);max-height:80vh;padding:0;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.ticket-modal-header{border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,#ed204705,#f2622505);flex:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:relative}.ticket-modal h3.ticket-header{color:var(--gray-900);margin:0;font-size:18px;font-weight:700}.ticket-modal-close{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:16px;right:20px}.ticket-modal-close:hover{color:var(--danger-color);background:#ef44441a}.ticket-modal-fields{flex-direction:column;flex:auto;gap:16px;min-height:0;padding:20px 24px;display:flex;overflow:hidden auto}.ticket-modal-fields::-webkit-scrollbar{width:8px}.ticket-modal-fields::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.ticket-modal-fields::-webkit-scrollbar-thumb{background:#ed2047;border-radius:4px}.ticket-modal-fields::-webkit-scrollbar-thumb:hover{background:#d91a3d}.ticket-modal form{flex-direction:column;height:100%;min-height:0;display:flex}.ticket-modal select,.ticket-modal input[type=text],.ticket-modal input[type=file]{border:2px solid var(--gray-200);width:100%;color:var(--gray-900);background:var(--white);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.ticket-modal select:focus,.ticket-modal input[type=text]:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.ticket-modal textarea{resize:vertical;border:2px solid var(--app-border,#e5e7eb);width:100%;height:200px;min-height:160px;color:var(--app-text,var(--gray-900,#111827));background:var(--app-input-bg,var(--gray-50,#f9fafb));box-sizing:border-box;border-radius:10px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.ticket-modal textarea:focus{border-color:#ed2047;outline:none;box-shadow:0 0 0 3px #ed20471f}.ticket-modal .actions{border-top:1px solid var(--gray-200);background:var(--gray-50);flex:none;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.ticket-modal .btn{cursor:pointer;background:var(--gray-100);color:var(--gray-700);border:none;border:1px solid var(--gray-200);border-radius:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.ticket-modal .btn.primary{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border-color:#0000;box-shadow:0 4px 10px #ed204740}.ticket-modal .btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px #ed204759}.ticket-modal .btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.ticket-modal label{color:var(--gray-700);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.ticket-member-list{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.ticket-member-option{border:1px solid var(--gray-200);background:var(--gray-100);cursor:pointer;color:var(--gray-700);transition:var(--transition);border-radius:999px;padding:.35rem .75rem;font-family:inherit;font-size:.875rem}.ticket-member-option.is-selected{color:#fff;background:linear-gradient(135deg,#ed2047,#f26225);border-color:#0000}.dashboard-toast.notification{border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:40000;isolation:isolate;opacity:1;max-width:400px;color:var(--gray-800);background:#fff;border-left:4px solid #ed2047;align-items:center;gap:.75rem;padding:1rem 1.5rem;animation:.3s ease-out dashboardSlideInRight;display:flex;position:fixed;top:20px;right:20px}.dashboard-toast.notification-success{border-left-color:var(--success-color)}.dashboard-toast.notification-error{border-left-color:var(--danger-color)}.dashboard-toast.notification-warning{border-left-color:var(--warning-color)}.dashboard-toast.notification-info{border-left-color:var(--info-color)}.dashboard-toast.notification i:first-child{flex-shrink:0;font-size:1.1rem}.dashboard-toast.notification-success i:first-child{color:var(--success-color)}.dashboard-toast.notification-error i:first-child{color:var(--danger-color)}.dashboard-toast.notification-warning i:first-child{color:var(--warning-color)}.dashboard-toast.notification-info i:first-child{color:var(--info-color)}.dashboard-toast.notification button{color:var(--gray-500);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;margin-left:auto;padding:.25rem}.dashboard-toast.notification button:hover{background:var(--gray-100);color:var(--gray-700)}@keyframes dashboardSlideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-theme=dark] .inbox-history-modal,[data-theme=dark] .low-score-card,[data-theme=dark] .ticket-modal{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .inbox-history-content{scrollbar-color:#ed204773 transparent}[data-theme=dark] .inbox-history-content::-webkit-scrollbar-track{background:0 0}[data-theme=dark] .inbox-history-content::-webkit-scrollbar-thumb{background:#ed204773}[data-theme=dark] .inbox-history-content::-webkit-scrollbar-thumb:hover{background:#ed204799}[data-theme=dark] .low-score-card h3,[data-theme=dark] .ticket-modal h3.ticket-header{color:var(--app-text)}[data-theme=dark] .low-score-card p,[data-theme=dark] .low-score-options label,[data-theme=dark] .ticket-modal label{color:var(--app-text-muted)}[data-theme=dark] .ticket-modal select,[data-theme=dark] .ticket-modal input[type=text],[data-theme=dark] .ticket-modal textarea{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .ticket-modal select option,[data-theme=dark] .ticket-modal select optgroup{background:var(--app-surface);color:var(--app-text)}[data-theme=dark] .low-score-btn.secondary,[data-theme=dark] .ticket-modal .btn:not(.primary){background:var(--app-surface-muted);color:var(--app-text);border-color:var(--app-border)}[data-theme=dark] .ticket-modal-header,[data-theme=dark] .ticket-modal .actions{background:var(--app-surface-muted);border-color:var(--app-border)}[data-theme=dark] .ticket-member-option{background:var(--app-surface-muted);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .dashboard-toast.notification{color:var(--app-text);border-color:var(--app-border);box-shadow:0 10px 25px var(--app-shadow);background:#1f2937}[data-theme=dark] .dashboard-toast.notification button:hover{background:var(--app-surface-muted);color:var(--app-text)}[data-theme=dark] .inbox-history-header,[data-theme=dark] .inbox-history-filters{background:var(--app-surface-muted);border-color:var(--app-border)}.auth-layout{justify-content:center;align-items:center;min-height:100vh;display:flex}@media (width<=768px){.auth-layout{min-height:100vh;padding:1.5rem 1rem 1rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));overflow-y:auto}}@media (width<=400px){.auth-layout{padding:.75rem}}.login-container .input-container,.register-container .input-container,.forgot-password-container .input-container{align-items:center;display:flex;position:relative}.login-container .input-container>i,.register-container .input-container>i,.forgot-password-container .input-container>i{z-index:1;color:#888;pointer-events:none;justify-content:center;align-items:center;width:1rem;height:1rem;line-height:1;display:inline-flex;position:absolute}.login-container .input-container>i:not(.toggle-password),.register-container .input-container>i:not(.toggle-password),.forgot-password-container .input-container>i:not(.toggle-password){top:50%;left:15px;transform:translateY(-50%)}.login-container .input-container .toggle-password,.register-container .input-container .toggle-password,.forgot-password-container .input-container .toggle-password{pointer-events:auto;cursor:pointer;top:50%;left:auto;right:15px;transform:translateY(-50%)}.login-container .input-container input,.register-container .input-container input,.register-container .input-container select,.forgot-password-container .input-container input{box-sizing:border-box;width:100%}.register-container .input-container select{appearance:none;color:#333;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px;border:1px solid #ccc;border-radius:8px;width:100%;min-height:48px;padding:12px 2.5rem 12px 44px;font-size:16px;line-height:1.25;transition:border-color .2s,box-shadow .2s}.register-container .input-container select:hover{border-color:#b8b8b8}.register-container .input-container select:focus{border-color:#ed20478c;outline:none;box-shadow:0 0 0 3px #ed204726}.register-container .input-container select:invalid,.register-container .input-container select option[value=""]{color:#6b7280}.register-container .input-container select option{color:#333;background:#fff}.auth-role-select-wrap{z-index:1}.auth-role-select-wrap.is-open{z-index:30}.auth-role-select{box-sizing:border-box;color:#333;cursor:pointer;text-align:left;background:#fff;border:1px solid #ccc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 14px 12px 44px;font-family:inherit;font-size:16px;line-height:1.25;transition:border-color .2s,box-shadow .2s;display:flex}.auth-role-select.is-placeholder .auth-role-select-label{color:#6b7280}.auth-role-select:hover{border-color:#b8b8b8}.auth-role-select:focus-visible,.auth-role-select-wrap.is-open .auth-role-select{border-color:#ed20478c;outline:none;box-shadow:0 0 0 3px #ed204726}.auth-role-select-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.auth-role-select-chevron{color:#6b7280;flex-shrink:0;font-size:12px;transition:transform .2s}.auth-role-select-wrap.is-open .auth-role-select-chevron{transform:rotate(180deg)}.auth-role-select-menu{z-index:40;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:240px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.auth-role-select-option{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:15px;display:block}.auth-role-select-option:hover,.auth-role-select-option:focus-visible{background:#ed204714;outline:none}.auth-role-select-option.is-selected{color:#ed2047;background:#ed20471f;font-weight:600}[data-theme=dark] .register-container .input-container select{background-color:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238b949e' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E")}[data-theme=dark] .register-container .input-container select:hover{border-color:#484f58}[data-theme=dark] .register-container .input-container select:invalid{color:var(--app-text-muted)}[data-theme=dark] .register-container .input-container select option{background:var(--app-surface);color:var(--app-text)}[data-theme=dark] .auth-role-select{background:var(--app-input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=dark] .auth-role-select.is-placeholder .auth-role-select-label{color:var(--app-text-muted)}[data-theme=dark] .auth-role-select:hover{border-color:#484f58}[data-theme=dark] .auth-role-select-chevron{color:var(--app-text-muted)}[data-theme=dark] .auth-role-select-menu{background:var(--app-surface);border-color:var(--app-border);box-shadow:0 12px 32px var(--app-shadow)}[data-theme=dark] .auth-role-select-option{color:var(--app-text)}[data-theme=dark] .auth-role-select-option:hover,[data-theme=dark] .auth-role-select-option:focus-visible{background:var(--app-surface-hover)}[data-theme=dark] .auth-role-select-option.is-selected{color:#ff8fa3;background:#ed20472e}[data-theme=dark] .login-container .input-container>i,[data-theme=dark] .register-container .input-container>i,[data-theme=dark] .forgot-password-container .input-container>i{color:var(--app-text-muted)}@media (width<=768px){.login-container .input-container>i:not(.toggle-password),.register-container .input-container>i:not(.toggle-password),.forgot-password-container .input-container>i:not(.toggle-password){left:12px}.login-container .input-container .toggle-password,.register-container .input-container .toggle-password,.forgot-password-container .input-container .toggle-password{right:12px}.register-container .input-container select,.auth-role-select{min-height:46px;padding:.875rem 2.5rem .875rem 2.75rem}}.low-score-modal-overlay{z-index:100050;background:var(--app-overlay,#0f172ab8);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.low-score-modal-overlay .low-score-card{background:var(--app-surface,var(--white,#fff));border:1px solid var(--app-border,var(--gray-200,#e5e7eb));border-radius:14px;width:100%;max-width:520px;max-height:min(90vh,640px);padding:1.5rem;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0003}.low-score-modal-overlay .low-score-card h3{color:var(--app-text,var(--gray-800,#1f2937));margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.low-score-modal-overlay .low-score-card p{color:var(--app-text-muted,var(--gray-600,#4b5563));margin:0 0 1rem;line-height:1.5}.low-score-modal-overlay .low-score-options{gap:.35rem;margin-bottom:.75rem;display:grid}.low-score-modal-overlay .low-score-options label{color:var(--app-text,var(--gray-700,#374151));cursor:pointer;align-items:flex-start;gap:.5rem;font-size:.95rem;display:flex}.low-score-modal-overlay .low-score-options input{margin-top:3px}.low-score-modal-overlay .low-score-other{margin-top:.5rem}.low-score-modal-overlay .low-score-other textarea{border:1px solid var(--app-border,var(--gray-200,#e5e7eb));resize:vertical;background:var(--app-input-bg,var(--white,#fff));width:100%;min-height:96px;color:var(--app-text,var(--gray-800,#1f2937));border-radius:10px;padding:.75rem;font-family:inherit;font-size:.95rem}.low-score-modal-overlay .low-score-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.low-score-modal-overlay .low-score-btn{cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.2rem;font-family:inherit;font-weight:600}.low-score-modal-overlay .low-score-btn.secondary{background:var(--app-surface-muted,var(--gray-100,#f3f4f6));color:var(--app-text,var(--gray-700,#374151));border:1px solid var(--app-border,var(--gray-200,#e5e7eb))}.low-score-modal-overlay .low-score-btn.primary{color:#fff;background:linear-gradient(90deg,#ed2047,#f26225);box-shadow:0 4px 12px #ed204740}.low-score-modal-overlay .low-score-toast{color:#ff6b81;background:#ed20471f;border:1px solid #ed204773;border-radius:10px;margin:0 0 .85rem;padding:.7rem .9rem;font-size:.92rem;font-weight:600;line-height:1.4;display:none}.low-score-modal-overlay .low-score-toast.show{animation:.2s low-score-toast-in;display:block}@keyframes low-score-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .low-score-modal-overlay .low-score-toast{color:#ff8a9a;background:#ed20472e;border-color:#ed20478c}