*{box-sizing:border-box}:root{color-scheme:light;--color-background: #F3F1EA;--color-foreground: #1C1A15;--color-card: #FFFFFF;--color-card-foreground: #1C1A15;--color-surface: var(--color-card);--color-surface-muted: #E9E6DC;--color-surface-soft: #FAF8F2;--color-inner-card: #F3F1EA;--color-inner-card-hover: #ECE9DF;--color-primary: #FF5A1F;--color-primary-foreground: #2A1A0E;--color-primary-hover: #E8470F;--color-primary-soft: #FFE7DB;--color-secondary: #ECE9DF;--color-secondary-foreground: #1C1A15;--color-accent: #FFE7DB;--color-accent-foreground: #B23A10;--color-muted: #E9E6DC;--color-muted-foreground: #847E70;--color-border: #E2DDD0;--color-border-strong: #CFC9B8;--color-input: #E2DDD0;--color-input-background: #FFFFFF;--color-ring: #FF5A1F;--color-overlay: rgba(28, 26, 21, .4);--color-overlay-strong: rgba(28, 26, 21, .6);--color-table-header: #F3F1EA;--color-purple: #FF5A1F;--color-green: #1F9D55;--color-red: #E5484D;--color-yellow: #E2A23B;--color-blue: #3B82F6;--color-purple-soft: color-mix(in srgb, var(--color-purple) 16%, var(--color-card));--color-green-soft: color-mix(in srgb, var(--color-green) 12%, var(--color-card));--color-red-soft: color-mix(in srgb, var(--color-red) 13%, var(--color-card));--color-yellow-soft: color-mix(in srgb, var(--color-yellow) 16%, var(--color-card));--color-blue-soft: color-mix(in srgb, var(--color-blue) 12%, var(--color-card));--color-info: var(--color-blue);--color-info-soft: var(--color-blue-soft);--color-teal: var(--color-green);--color-teal-soft: var(--color-green-soft);--color-pink: var(--color-red);--color-pink-soft: var(--color-red-soft);--color-danger: var(--color-red);--color-danger-soft: var(--color-red-soft);--color-success: var(--color-green);--color-success-soft: var(--color-green-soft);--color-warning: var(--color-yellow);--color-warning-soft: var(--color-yellow-soft);--color-sidebar-background: #FFFFFF;--color-sidebar-border: #E2DDD0;--color-sidebar-text: #1C1A15;--color-sidebar-muted: #847E70;--color-sidebar-active-bg: #1C1A15;--color-sidebar-active-text: #FBF8F1;--color-sidebar-hover: #F3F1EA;--color-sidebar: var(--color-sidebar-background);--shadow-sm: 0 1px 2px rgba(28, 26, 21, .06), 0 1px 1px rgba(28, 26, 21, .04);--shadow-md: 0 4px 14px rgba(28, 26, 21, .08), 0 2px 5px rgba(28, 26, 21, .05);--shadow-lg: 0 22px 54px rgba(28, 26, 21, .16), 0 8px 18px rgba(28, 26, 21, .08);--shadow-sidebar: none;--radius: 14px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--layout-content-max: 1540px;--layout-detail-max: 1540px;--layout-gutter-x: clamp(24px, 3vw, 42px);--layout-gutter-y: clamp(24px, 3vw, 38px);--layout-header-gap: 22px;--layout-section-gap: 24px;--layout-card-padding: 22px;--layout-table-cell-y: 15px;--layout-table-cell-x: 18px;--layout-table-shell-padding: clamp(18px, 2vw, 28px);--app-frame-gap: 16px;--app-frame-gap-double: 32px;--app-frame-gap-triple: 48px;--sidebar-width-admin: 280px;--sidebar-width-staff: 200px;--transition-fast: .14s ease;--transition-base: .2s ease;--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Bricolage Grotesque", "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, "Liberation Mono", monospace;--color-on-primary: var(--color-primary-foreground);--color-text: var(--color-foreground);--color-text-strong: var(--color-foreground);--color-text-muted: var(--color-muted-foreground);--color-paper: var(--color-background);--color-paper-soft: var(--color-surface);--color-nested-card: var(--color-inner-card);--color-ink: var(--color-text);--color-earth: var(--color-text);--color-crimson: var(--color-primary);--color-salmon: var(--color-primary-hover);--color-pine: var(--color-success);--color-canopy: var(--color-success);--color-cobalt: var(--color-primary);--color-brand-soft: var(--color-purple-soft);--color-line: var(--color-border);--shadow-print: var(--shadow-sm);--shadow-soft: var(--shadow-md);--radius-card: var(--radius-lg);--radius-control: var(--radius-md);--fs-display: clamp(2rem, 3vw, 2.75rem);--fs-h1: clamp(1.7rem, 2vw, 2.05rem);--fs-h2: clamp(1.125rem, 1.55vw, 1.3rem);--fs-body: clamp(.95rem, 1vw, 1.02rem);font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--color-foreground);background-color:var(--color-background);font-synthesis:weight style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{color-scheme:dark;--color-background: #090A0B;--color-foreground: #F5F1E9;--color-card: #121315;--color-card-foreground: #F5F1E9;--color-surface: var(--color-card);--color-surface-muted: #1B1D20;--color-surface-soft: #141517;--color-inner-card: #191A1D;--color-inner-card-hover: #202226;--color-primary: #FF6A33;--color-primary-foreground: #1A130B;--color-primary-hover: #FF7E4D;--color-primary-soft: rgba(255, 106, 51, .18);--color-secondary: #1B1D20;--color-secondary-foreground: #F5F1E9;--color-accent: rgba(255, 106, 51, .18);--color-accent-foreground: #FF8A57;--color-muted: #1B1D20;--color-muted-foreground: #9B968B;--color-border: #282A2E;--color-border-strong: #3A3D42;--color-input: #282A2E;--color-input-background: #121315;--color-ring: #FF6A33;--color-overlay: rgba(0, 0, 0, .62);--color-overlay-strong: rgba(0, 0, 0, .78);--color-table-header: #141517;--color-purple: #FF6A33;--color-green: #2BB35A;--color-red: #FF5A5F;--color-yellow: #F0B44A;--color-blue: #5B9BFF;--color-purple-soft: color-mix(in srgb, var(--color-purple) 22%, var(--color-card));--color-green-soft: color-mix(in srgb, var(--color-green) 18%, var(--color-card));--color-red-soft: color-mix(in srgb, var(--color-red) 16%, var(--color-card));--color-yellow-soft: color-mix(in srgb, var(--color-yellow) 16%, var(--color-card));--color-blue-soft: color-mix(in srgb, var(--color-blue) 18%, var(--color-card));--color-info: var(--color-blue);--color-info-soft: var(--color-blue-soft);--color-teal: var(--color-green);--color-teal-soft: var(--color-green-soft);--color-pink: var(--color-red);--color-pink-soft: var(--color-red-soft);--color-danger: var(--color-red);--color-danger-soft: var(--color-red-soft);--color-success: var(--color-green);--color-success-soft: var(--color-green-soft);--color-warning: var(--color-yellow);--color-warning-soft: var(--color-yellow-soft);--color-sidebar-background: #0F1012;--color-sidebar-border: #282A2E;--color-sidebar-text: #F5F1E9;--color-sidebar-muted: #9B968B;--color-sidebar-active-bg: #F5F1E9;--color-sidebar-active-text: #101112;--color-sidebar-hover: #1A1B1E;--color-sidebar: var(--color-sidebar-background);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px rgba(0, 0, 0, .48), 0 2px 6px rgba(0, 0, 0, .36);--shadow-lg: 0 26px 64px rgba(0, 0, 0, .62), 0 10px 24px rgba(0, 0, 0, .42);--shadow-sidebar: none}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-background);color:var(--color-text)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(115% 80% at 100% -10%,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 55%),radial-gradient(90% 70% at -10% 110%,color-mix(in srgb,var(--color-blue) 7%,transparent),transparent 60%),linear-gradient(var(--color-border-strong) 1px,transparent 1px),linear-gradient(90deg,var(--color-border-strong) 1px,transparent 1px);background-size:100% 100%,100% 100%,52px 52px,52px 52px;opacity:.5}[data-theme=dark] body:before{opacity:.45}#root{min-height:100vh;position:relative;z-index:0}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--brand-icon-filter: none}[data-theme=dark]{--brand-icon-filter: none}@keyframes opsflow-rise{0%{opacity:0}to{opacity:1}}html{background:var(--color-background)}button,input,select,textarea{font:inherit}button{letter-spacing:0}a,button,input,select,textarea,.sidebar-nav-item,.staff-sidebar-nav-item,.task-row,.project-row,.staff-task-row,.notification-item,.staff-project-card,.modal-close,.task-form-close,.project-form-close,.staff-form-close{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}::selection{background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-text)}.admin-layout,.staff-layout,.app-layout,.login-container{position:relative;isolation:isolate;background:var(--color-background);color:var(--color-text)}.admin-layout:before,.staff-layout:before,.app-layout:before,.login-container:before,.admin-layout:after,.staff-layout:after,.app-layout:after,.login-container:after,.sidebar:after,.staff-sidebar:after,.sidebar-logo:after,.staff-sidebar-logo:after,.tasks-header:after,.projects-header:after,.staff-header:after,.notifications-header:after,.inbox-header:after,.staff-tasks-header:after,.staff-projects-header:after,.staff-deadline-requests-header:after,.project-detail-header:after,.task-detail-header:after,.tasks-table-container:before,.projects-table-container:before,.staff-table-container:before,.inbox-table-container:before,.staff-tasks-table-container:before,.staff-deadline-requests-table-container:before,.tasks-content:before,.project-info-content:before,.members-content:before,.task-detail-card:before,.settings-accordion:before{content:none}.admin-content,.staff-content,.app-content{padding:clamp(24px,3.2vw,48px)}.tasks-container,.projects-container,.project-detail-container,.staff-container,.deadline-requests-inbox-container,.notifications-container,.settings-container,.staff-tasks-container,.staff-projects-container,.staff-deadline-requests-container,.staff-task-detail-container,.task-detail-container{width:min(100%,1440px);max-width:1440px}.sidebar,.staff-sidebar{background:var(--color-sidebar-background);color:var(--color-sidebar-text);border-right:1px solid var(--color-sidebar-border);box-shadow:none}[data-theme=dark] .sidebar,[data-theme=dark] .staff-sidebar{background:var(--color-sidebar-background)}.sidebar-header,.staff-sidebar-header,.sidebar-footer,.staff-sidebar-footer{position:relative;z-index:1;border-color:var(--color-sidebar-border)}.sidebar-logo,.staff-sidebar-logo{color:var(--color-sidebar-text);font-family:var(--font-sans);font-size:clamp(1.45rem,2vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.05}.sidebar-welcome,.staff-sidebar-subtitle{color:var(--color-sidebar-muted);font-family:var(--font-sans);font-size:.75rem;letter-spacing:.02em}.sidebar-nav,.staff-sidebar-nav{position:relative;z-index:1}.sidebar-nav-item,.staff-sidebar-nav-item{border-radius:var(--radius-lg);color:var(--color-sidebar-text);font-family:var(--font-sans);font-size:.78rem;font-weight:680;letter-spacing:.02em;border:1px solid transparent}.sidebar-nav-item svg,.staff-sidebar-nav-item svg{color:var(--color-sidebar-muted)}.sidebar-nav-item:hover,.staff-sidebar-nav-item:hover{background:var(--color-sidebar-hover);border-color:var(--color-sidebar-border);color:var(--color-sidebar-active-text)}.sidebar-nav-item.active,.staff-sidebar-nav-item.active,.sidebar-nav-item.active:hover,.staff-sidebar-nav-item.active:hover{background:var(--color-sidebar-active-bg);color:var(--color-sidebar-active-text);border-color:color-mix(in srgb,var(--color-primary) 28%,transparent);box-shadow:none}.sidebar-nav-item.active svg,.staff-sidebar-nav-item.active svg{color:var(--color-sidebar-active-text)}.sidebar-nav-badge,.staff-sidebar-nav-badge,.notification-badge,.project-archived-badge,.status-badge,.request-status{font-family:var(--font-sans);border-radius:var(--radius-md);letter-spacing:.02em}.sidebar-nav-badge,.staff-sidebar-nav-badge,.sidebar-nav-item.active .sidebar-nav-badge,.staff-sidebar-nav-item.active .staff-sidebar-nav-badge{background:var(--color-accent);color:var(--color-sidebar-active-text)}.sidebar-logout,.staff-sidebar-logout,.sidebar-logout svg,.staff-sidebar-logout svg{color:color-mix(in srgb,var(--color-danger) 82%,var(--color-sidebar-text))}.sidebar-logout:hover,.staff-sidebar-logout:hover{background:color-mix(in srgb,var(--color-danger) 16%,transparent);color:var(--color-danger)}.tasks-header,.projects-header,.staff-header,.notifications-header,.inbox-header,.staff-tasks-header,.staff-projects-header,.staff-deadline-requests-header,.project-detail-header,.task-detail-header{position:relative;align-items:flex-end;padding-bottom:clamp(14px,2vw,24px);margin-bottom:clamp(24px,3vw,40px);border-bottom:1px solid var(--color-border)}.tasks-title,.projects-title,.project-detail-title,.staff-title,.inbox-title,.notifications-title,.settings-title,.staff-tasks-title,.staff-projects-title,.staff-deadline-requests-title,.task-detail-title{color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-h1);font-weight:680;letter-spacing:-.03em;line-height:1.15}.settings-title{padding-bottom:20px;border-bottom:1px solid var(--color-border)}.section-title,.members-header h2,.tasks-header h2,.info-section h2,.modal-header h3,.task-form-header h2,.project-form-header h2,.staff-form-header h2{color:var(--color-text);font-family:var(--font-sans);font-weight:650;letter-spacing:0}.info-section h2,.detail-label,.filter-group label,.pagination-controls-left label,.modal-body label,.form-group label{font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--color-text)}.tasks-table-container,.projects-table-container,.staff-table-container,.inbox-table-container,.staff-tasks-table-container,.staff-deadline-requests-table-container,.tasks-content,.project-info-content,.members-content,.task-detail-card,.settings-accordion,.staff-project-card,.loading-message,.empty-message{position:relative;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.tasks-table-container,.projects-table-container,.staff-table-container,.inbox-table-container,.staff-tasks-table-container,.staff-deadline-requests-table-container,.tasks-content{overflow-x:auto;overflow-y:hidden}.tasks-table,.projects-table,.staff-table,.inbox-table,.staff-tasks-table,.staff-deadline-requests-table{position:relative;z-index:1}.tasks-table thead,.projects-table thead,.staff-table thead,.inbox-table thead,.staff-tasks-table thead,.staff-deadline-requests-table thead{background:var(--color-table-header)}.tasks-table th,.projects-table th,.staff-table th,.inbox-table th,.staff-tasks-table th,.staff-deadline-requests-table th{color:var(--color-text);border-color:var(--color-border);font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.04em}.tasks-table td,.projects-table td,.staff-table td,.inbox-table td,.staff-tasks-table td,.staff-deadline-requests-table td{border-color:var(--color-border);color:var(--color-text);font-size:.92rem}.tasks-table tbody tr,.projects-table tbody tr,.staff-table tbody tr,.inbox-table tbody tr,.staff-tasks-table tbody tr,.staff-deadline-requests-table tbody tr{background:var(--color-card)}.tasks-table tbody tr:hover,.projects-table tbody tr:hover,.staff-table tbody tr:hover,.inbox-table tbody tr:hover,.staff-tasks-table tbody tr:hover,.staff-deadline-requests-table tbody tr:hover,.staff-task-row:hover,.task-row:hover,.project-row:hover,.sortable-header:hover{background:var(--color-surface-muted)}.sort-icon,.header-content svg{color:var(--color-text-muted)}.task-title,.project-name,.staff-name,.member-name,.staff-project-name,.notification-title,.timeline-event-type{color:var(--color-text);font-weight:700}.task-link,.task-title-cell .task-title,.btn-download-attachment{color:var(--color-primary);font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.task-link:hover,.task-title-cell .task-title:hover,.btn-download-attachment:hover{color:var(--color-primary-hover)}.btn-new-task,.btn-new-project,.btn-new-staff,.btn-add-member,.btn-add-task,.btn-add-checklist,.btn-upload-attachment,.btn-upload-attachment-inline,.form-attachment-drop-zone .btn-upload-attachment-inline,.btn-save,.btn-primary,.login-button,.request-button-approve{background:var(--color-primary);color:var(--color-primary-foreground);border:1px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.02em;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn-new-task:hover,.btn-new-project:hover,.btn-new-staff:hover,.btn-add-member:hover,.btn-add-task:hover,.btn-add-checklist:hover,.btn-upload-attachment:hover:not(:disabled),.btn-upload-attachment-inline:hover,.form-attachment-drop-zone .btn-upload-attachment-inline:hover,.btn-save:hover:not(:disabled),.btn-primary:hover:not(:disabled),.login-button:hover:not(:disabled),.request-button-approve:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn-cancel,.btn-secondary,.pagination-button,.back-button,.btn-back,.request-button-reject,.status-quick-action{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.02em}.btn-cancel:hover:not(:disabled),.btn-secondary:hover,.pagination-button:hover:not(:disabled),.back-button:hover,.btn-back:hover,.status-quick-action:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-primary)}.request-button-reject,.btn-delete:hover,.btn-disable:hover,.btn-reject,.btn-delete-attachment,.btn-remove-member,.btn-checklist-delete,.sidebar-logout{color:var(--color-danger)}.request-button-reject:hover:not(:disabled),.btn-delete:hover,.btn-disable:hover,.btn-reject:hover:not(:disabled),.btn-delete-attachment:hover,.btn-remove-member:hover,.btn-checklist-delete:hover{background:color-mix(in srgb,var(--color-danger) 13%,transparent);color:var(--color-danger)}.btn-action{border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-text-muted)}.btn-action:hover{background:var(--color-surface-muted);color:var(--color-text)}.btn-edit:hover,.btn-approve,.btn-restore:hover,.btn-enable:hover{color:var(--color-success)}.projects-tabs,.project-tabs,.staff-tasks-tabs,.staff-projects-tabs{gap:10px;border-bottom:1px solid var(--color-border)}.tab-button{border:1px solid transparent;border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--color-text-muted);font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.04em}.tab-button:hover{color:var(--color-text);background:var(--color-surface-muted)}.tab-button.active{background:var(--color-card);color:var(--color-primary);border-color:var(--color-border);box-shadow:none}.filter-group select,.page-size-select,.user-select,.checklist-input,.deadline-input,.worklog-textarea,.form-group input,.form-group textarea,.form-group select{background:var(--color-input-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:none}.filter-group select:focus,.page-size-select:focus,.user-select:focus,.checklist-input:focus,.deadline-input:focus,.worklog-textarea:focus,.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:none;outline:none}.tasks-filters,.staff-tasks-filters,.inbox-filters,.progress-section,.timeline-content,.checklist-item,.attachment-item,.form-info,.form-readonly{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.tasks-filters,.staff-tasks-filters,.inbox-filters{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;width:100%;min-height:94px;padding:18px 20px;margin-bottom:24px;overflow:hidden}.tasks-filters .filter-group,.staff-tasks-filters .filter-group,.inbox-filters .filter-group{flex:0 1 220px;min-width:200px;margin:0}.tasks-filters .filter-group label,.staff-tasks-filters .filter-group label,.inbox-filters .filter-group label{margin:0 0 8px}.tasks-filters .filter-group select,.staff-tasks-filters .filter-group select,.inbox-filters .filter-group select{width:100%;min-width:0;height:42px;padding:0 14px}.form-info{border-left:4px solid var(--color-primary)}.form-info p{color:var(--color-primary)}.status-badge,.request-status,.notification-badge,.project-archived-badge{padding:5px 11px;font-size:.68rem;font-weight:700;border:1px solid currentColor}.status-todo,.status-inactive,.status-archived{background:var(--color-surface-muted);color:var(--color-text-muted)}.status-in-progress,.status-in_progress,.status-pending,.request-status-pending{background:var(--color-warning-soft);color:var(--color-warning)}.status-blocked,.status-rejected,.request-status-rejected,.form-message.error,.error-message{background:var(--color-danger-soft);color:var(--color-danger)}.status-done,.status-active,.status-approved,.request-status-approved,.form-message.success,.success-message{background:var(--color-success-soft);color:var(--color-success)}.notification-item.unread{border-left:4px solid var(--color-primary);background:var(--color-card)}.notification-item:hover,.staff-project-card:hover,.member-item:hover,.checklist-item:hover,.attachment-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.notification-body,.notification-meta,.staff-project-description,.project-archived-badge,.member-email,.timeline-date,.timeline-summary,.detail-value,.task-description,.section-description,.request-value,.pagination-info,.progress-text,.drop-zone-subtext,.form-hint,.checklist-completed-info,.attachment-meta{color:var(--color-text-muted)}.progress-bar,.progress-bar-container{height:10px;background:var(--color-surface-muted);border-radius:var(--radius-lg)}.progress-fill,.progress-bar-fill{background:var(--color-success)}.progress-percentage{color:var(--color-primary);font-family:var(--font-sans)}.timeline{border-left:3px solid var(--color-border);padding-left:28px}.timeline-item:not(:last-child):before{background:transparent}.timeline-marker,.timeline-dot{background:var(--color-primary);border-color:var(--color-card);box-shadow:none}.modal-overlay,.task-form-overlay,.project-form-overlay,.staff-form-overlay{background:var(--color-overlay);-webkit-backdrop-filter:none;backdrop-filter:none}.modal-content,.task-form-modal,.project-form-modal,.staff-form-modal,.login-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.modal-header,.task-form-header,.project-form-header,.staff-form-header,.modal-footer,.task-form-actions,.project-form-actions,.staff-form-actions{border-color:var(--color-border)}.modal-close,.task-form-close,.project-form-close,.staff-form-close,.btn-remove-file,.btn-checklist-action,.btn-download-attachment,.btn-delete-attachment{border-radius:var(--radius-lg)}.modal-close:hover,.task-form-close:hover,.project-form-close:hover,.staff-form-close:hover,.btn-remove-file:hover:not(:disabled),.btn-checklist-action:hover{background:var(--color-surface-muted);color:var(--color-text)}.login-container{padding:clamp(24px,5vw,64px)}.login-card{max-width:440px;padding:clamp(34px,5vw,56px)}.login-title{max-width:100%;color:var(--color-text);font-family:var(--font-sans);font-size:clamp(2.45rem,5vw,3.55rem);font-weight:700;line-height:1.05;letter-spacing:-.035em;text-align:center;text-shadow:none}.login-subtitle{display:inline-flex;width:fit-content;margin:18px auto 32px;padding:5px 13px;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font-family:var(--font-sans);font-size:.74rem;font-weight:700;letter-spacing:.04em}.form-error,.error-message,.success-message,.form-message{border-radius:var(--radius-xl);border:1px solid currentColor;font-family:var(--font-sans);letter-spacing:.01em}.attachment-drop-zone,.form-attachment-drop-zone{background:var(--color-surface-muted);border:2px dashed var(--color-border);border-radius:var(--radius-xl)}.attachment-drop-zone:hover:not(.drag-over),.form-attachment-drop-zone:hover:not(.drag-over){border-color:var(--color-primary);background:var(--color-surface-muted)}.attachment-drop-zone.drag-over,.form-attachment-drop-zone.drag-over{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 11%,transparent)}.drop-zone-content svg,.form-attachment-drop-zone .drop-zone-content svg,.attachment-icon{color:var(--color-primary)}.accordion-header{background:var(--color-card);color:var(--color-text);font-family:var(--font-sans);font-size:.82rem;letter-spacing:.03em}.accordion-header:hover,.accordion-header.open{background:var(--color-surface-muted);color:var(--color-text)}.accordion-panel,.settings-form{background:var(--color-card)}.member-item,.checklist-item,.attachment-item,.staff-project-card{border-color:var(--color-border)}.pagination-container{align-items:center}.pagination-button:disabled,.btn-save:disabled,.btn-primary:disabled,.login-button:disabled,.btn-cancel:disabled{background:var(--color-surface-muted);color:var(--color-text-muted);border-color:var(--color-border);opacity:.56;box-shadow:none}@media(max-width:1200px){.admin-content,.staff-content,.app-content{padding:clamp(18px,5vw,34px)}.sidebar,.staff-sidebar{box-shadow:none}}@media(max-width:720px){.tasks-header,.projects-header,.staff-header,.notifications-header{align-items:flex-start;flex-direction:column;gap:18px}.projects-tabs,.project-tabs,.staff-tasks-tabs,.staff-projects-tabs{overflow-x:auto;padding-bottom:0}.tab-button{white-space:nowrap}.tasks-filters,.staff-tasks-filters,.inbox-filters,.pagination-container,.modal-footer,.task-form-actions,.project-form-actions,.staff-form-actions{align-items:stretch;flex-direction:column}.filter-group select,.page-size-select{min-width:100%}.task-detail-card,.project-info-content,.members-content,.inbox-table-container,.staff-tasks-table-container,.staff-deadline-requests-table-container{padding:18px}.login-title{font-size:clamp(2.55rem,13vw,3.25rem)}}button,.btn-new-task,.btn-new-project,.btn-new-staff,.btn-add-member,.btn-add-task,.btn-add-checklist,.btn-upload-attachment,.btn-upload-attachment-inline,.btn-save,.btn-primary,.login-button,.request-button-approve,.btn-cancel,.btn-secondary,.pagination-button,.back-button,.btn-back,.status-quick-action{box-shadow:none!important}.btn-new-task,.btn-new-project,.btn-new-staff,.btn-add-member,.btn-add-task,.btn-add-checklist,.btn-upload-attachment,.btn-upload-attachment-inline,.form-attachment-drop-zone .btn-upload-attachment-inline,.btn-save,.btn-primary,.login-button,.request-button-approve{color:var(--color-primary-foreground)!important}.btn-new-task:hover,.btn-new-project:hover,.btn-new-staff:hover,.btn-add-member:hover,.btn-add-task:hover,.btn-add-checklist:hover,.btn-upload-attachment:hover:not(:disabled),.btn-upload-attachment-inline:hover,.form-attachment-drop-zone .btn-upload-attachment-inline:hover,.btn-save:hover:not(:disabled),.btn-primary:hover:not(:disabled),.login-button:hover:not(:disabled),.request-button-approve:hover:not(:disabled){box-shadow:none!important}.tasks-table-container,.projects-table-container,.staff-table-container,.inbox-table-container,.staff-tasks-table-container,.staff-deadline-requests-table-container,.tasks-content,.project-info-content,.members-content,.task-detail-card,.settings-accordion,.staff-project-card,.loading-message,.empty-message,.tasks-filters,.staff-tasks-filters,.inbox-filters,.progress-section,.timeline-content,.checklist-item,.attachment-item,.form-info,.form-readonly,.modal-content,.task-form-modal,.project-form-modal,.staff-form-modal,.login-card{background:var(--color-card)!important;border-color:var(--color-border)!important;box-shadow:var(--shadow-sm)!important}.filter-group select,.page-size-select,.user-select,.checklist-input,.deadline-input,.worklog-textarea,.form-group input,.form-group textarea,.form-group select{background:var(--color-card)!important;border-color:var(--color-input)!important}.filter-group select:focus,.page-size-select:focus,.user-select:focus,.checklist-input:focus,.deadline-input:focus,.worklog-textarea:focus,.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-ring)!important;box-shadow:none!important;outline:2px solid color-mix(in srgb,var(--color-ring) 24%,transparent);outline-offset:2px}.sidebar-nav-item.active,.staff-sidebar-nav-item.active,.sidebar-nav-item.active:hover,.staff-sidebar-nav-item.active:hover{box-shadow:none!important}.modal-overlay,.task-form-overlay,.project-form-overlay,.staff-form-overlay{background:var(--color-overlay)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.login-title{font-size:clamp(2.2rem,4.3vw,3.2rem)!important}body,.admin-layout,.staff-layout,.app-layout,.login-container{background:var(--color-background)!important;color:var(--color-foreground)!important}.admin-content,.staff-content,.app-content{background:var(--color-background)!important}.tasks-title,.projects-title,.project-detail-title,.staff-title,.inbox-title,.notifications-title,.settings-title,.staff-tasks-title,.staff-projects-title,.staff-deadline-requests-title,.task-detail-title{color:var(--color-foreground)!important;font-family:var(--font-sans)!important;font-size:clamp(1.75rem,2.05vw,2.15rem)!important;font-weight:700!important;letter-spacing:-.035em!important;line-height:1.18!important}.tasks-header,.projects-header,.staff-header,.notifications-header,.inbox-header,.staff-tasks-header,.staff-projects-header,.staff-deadline-requests-header,.project-detail-header,.task-detail-header{border-bottom-color:var(--color-border)!important}.sidebar-logo,.staff-sidebar-logo,.sidebar-nav-item,.staff-sidebar-nav-item{color:var(--color-sidebar-text)!important;font-family:var(--font-sans)!important}.tasks-filters,.staff-tasks-filters,.inbox-filters,.tasks-table-container,.projects-table-container,.staff-table-container,.inbox-table-container,.staff-tasks-table-container,.staff-deadline-requests-table-container,.tasks-content,.project-info-content,.members-content,.task-detail-card,.settings-accordion,.staff-project-card,.loading-message,.empty-message,.project-wiki-sidebar,.project-wiki-detail,.project-wiki-content,.project-wiki-revisions,.project-wiki-revision-item,.modal-content,.task-form-modal,.project-form-modal,.staff-form-modal,.login-card{background:var(--color-card)!important;color:var(--color-card-foreground)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-sm)!important}.tasks-table thead,.projects-table thead,.staff-table thead,.inbox-table thead,.staff-tasks-table thead,.staff-deadline-requests-table thead{background:var(--color-muted)!important}.tasks-table th,.projects-table th,.staff-table th,.inbox-table th,.staff-tasks-table th,.staff-deadline-requests-table th{color:var(--color-foreground)!important;font-size:.8rem!important;font-weight:700!important;letter-spacing:.02em!important}.tab-button{color:var(--color-muted-foreground)!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:0!important;border-radius:var(--radius-md) var(--radius-md) 0 0!important}.tab-button.active{color:var(--color-primary)!important;background:var(--color-card)!important;border-color:var(--color-border)!important}.filter-group label,.pagination-controls-left label,.modal-body label,.form-group label,.project-wiki-form-group label,.detail-label{color:var(--color-foreground)!important;font-size:.82rem!important;font-weight:650!important;letter-spacing:0!important}.tasks-table td,.projects-table td,.staff-table td,.inbox-table td,.staff-tasks-table td,.staff-deadline-requests-table td,.project-wiki-page-title,.project-wiki-detail-header h2,.project-wiki-content,.detail-value,.task-description{color:var(--color-foreground)!important}.notification-body,.notification-meta,.staff-project-description,.member-email,.timeline-date,.timeline-summary,.project-wiki-page-meta,.project-wiki-detail-meta,.project-wiki-revision-meta,.project-wiki-muted,.project-wiki-empty,.pagination-info,.form-hint,.attachment-meta{color:var(--color-muted-foreground)!important}.filter-group select,.page-size-select,.user-select,.checklist-input,.deadline-input,.worklog-textarea,.form-group input,.form-group textarea,.form-group select,.project-wiki-search,.project-wiki-search input,.project-wiki-filters select,.project-wiki-form-group input,.project-wiki-form-group select,.project-wiki-form-group textarea{background:var(--color-card)!important;color:var(--color-foreground)!important;border-color:var(--color-input)!important;box-shadow:none!important}.btn-new-task,.btn-new-project,.btn-new-staff,.btn-add-member,.btn-add-task,.btn-add-checklist,.btn-upload-attachment,.btn-upload-attachment-inline,.form-attachment-drop-zone .btn-upload-attachment-inline,.btn-save,.btn-primary,.login-button,.request-button-approve,.project-wiki-primary-button{background:var(--color-primary)!important;color:var(--color-primary-foreground)!important;border-color:var(--color-primary)!important;box-shadow:none!important}.btn-new-task:hover,.btn-new-project:hover,.btn-new-staff:hover,.btn-add-member:hover,.btn-add-task:hover,.btn-add-checklist:hover,.btn-upload-attachment:hover:not(:disabled),.btn-upload-attachment-inline:hover,.form-attachment-drop-zone .btn-upload-attachment-inline:hover,.btn-save:hover:not(:disabled),.btn-primary:hover:not(:disabled),.login-button:hover:not(:disabled),.request-button-approve:hover:not(:disabled),.project-wiki-primary-button:hover:not(:disabled){background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;box-shadow:none!important}.btn-cancel,.btn-secondary,.pagination-button,.back-button,.btn-back,.status-quick-action,.project-wiki-secondary-button,.project-wiki-icon-button{background:var(--color-card)!important;color:var(--color-foreground)!important;border:1px solid var(--color-border)!important;box-shadow:none!important}.btn-cancel:hover:not(:disabled),.btn-secondary:hover,.pagination-button:hover:not(:disabled),.back-button:hover,.btn-back:hover,.status-quick-action:hover:not(:disabled),.project-wiki-secondary-button:hover:not(:disabled),.project-wiki-icon-button:hover{background:var(--color-muted)!important;border-color:var(--color-border-strong)!important}.status-badge,.request-status,.notification-badge,.project-archived-badge{font-size:.78rem!important;font-weight:650!important;letter-spacing:0!important;border-radius:var(--radius-sm)!important}.status-todo,.status-inactive,.status-archived{background:var(--color-muted)!important;color:var(--color-muted-foreground)!important}.project-wiki-modal{background:var(--color-card)!important;color:var(--color-card-foreground)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-md)!important}[data-theme=dark] .modal-overlay,[data-theme=dark] .task-form-overlay,[data-theme=dark] .project-form-overlay,[data-theme=dark] .staff-form-overlay,[data-theme=dark] .project-wiki-modal-overlay{background:var(--color-overlay)!important}body,.admin-layout,.staff-layout,.app-layout,.login-container,.admin-content,.staff-content,.app-content{background:var(--color-background)!important;color:var(--color-foreground)!important}.sidebar,.staff-sidebar{background:var(--color-sidebar-background)!important;color:var(--color-sidebar-text)!important;border-right-color:var(--color-sidebar-border)!important}.sidebar-logo,.staff-sidebar-logo,.sidebar-nav-item,.staff-sidebar-nav-item{color:var(--color-sidebar-text)!important}.sidebar-welcome,.staff-sidebar-subtitle,.sidebar-nav-item svg,.staff-sidebar-nav-item svg{color:var(--color-sidebar-muted)!important}.sidebar-nav-item:hover,.staff-sidebar-nav-item:hover{background:var(--color-sidebar-hover)!important;color:var(--color-sidebar-active-text)!important}.sidebar-nav-item.active,.staff-sidebar-nav-item.active,.sidebar-nav-item.active:hover,.staff-sidebar-nav-item.active:hover{background:var(--color-sidebar-active-bg)!important;color:var(--color-sidebar-active-text)!important;border-color:var(--color-border)!important;box-shadow:none!important}.tasks-filters,.staff-tasks-filters,.inbox-filters,.tasks-table-container,.projects-table-container,.staff-table-container,.inbox-table-container,.staff-tasks-table-container,.staff-deadline-requests-table-container,.tasks-content,.project-info-content,.members-content,.task-detail-card,.settings-accordion,.staff-project-card,.loading-message,.empty-message,.project-wiki-sidebar,.project-wiki-detail,.project-wiki-content,.project-wiki-revisions,.project-wiki-revision-item,.modal-content,.task-form-modal,.project-form-modal,.staff-form-modal,.login-card{background:var(--color-card)!important;color:var(--color-card-foreground)!important;border-color:var(--color-border)!important}.tasks-table th,.projects-table th,.staff-table th,.inbox-table th,.staff-tasks-table th,.staff-deadline-requests-table th{color:var(--color-foreground)!important;font-size:.84rem!important;font-weight:700!important;letter-spacing:0!important}.tab-button{color:var(--color-muted-foreground)!important;font-size:.9rem!important;font-weight:650!important;letter-spacing:0!important}.tab-button.active{background:var(--color-card)!important;color:var(--color-primary)!important;border-color:var(--color-border)!important}.filter-group label,.pagination-controls-left label,.modal-body label,.form-group label,.project-wiki-form-group label,.detail-label{color:var(--color-foreground)!important;font-size:.84rem!important;font-weight:650!important;letter-spacing:0!important}.tasks-title,.projects-title,.project-detail-title,.staff-title,.inbox-title,.notifications-title,.settings-title,.staff-tasks-title,.staff-projects-title,.staff-deadline-requests-title,.task-detail-title{color:var(--color-foreground)!important}.notification-body,.notification-meta,.staff-project-description,.member-email,.timeline-date,.timeline-summary,.project-wiki-page-meta,.project-wiki-detail-meta,.project-wiki-revision-meta,.project-wiki-muted,.project-wiki-empty,.pagination-info,.form-hint,.attachment-meta,.detail-value,.task-description{color:var(--color-muted-foreground)!important}.filter-group select,.page-size-select,.user-select,.checklist-input,.deadline-input,.worklog-textarea,.form-group input,.form-group textarea,.form-group select,.project-wiki-search,.project-wiki-search input,.project-wiki-filters select,.project-wiki-form-group input,.project-wiki-form-group select,.project-wiki-form-group textarea{background:var(--color-input-background)!important;color:var(--color-foreground)!important;border-color:var(--color-input)!important}.btn-new-task,.btn-new-project,.btn-new-staff,.btn-add-member,.btn-add-task,.btn-add-checklist,.btn-upload-attachment,.btn-upload-attachment-inline,.form-attachment-drop-zone .btn-upload-attachment-inline,.btn-save,.btn-primary,.login-button,.request-button-approve,.project-wiki-primary-button{background:var(--color-primary)!important;color:var(--color-primary-foreground)!important;border-color:var(--color-primary)!important}.btn-new-task:hover,.btn-new-project:hover,.btn-new-staff:hover,.btn-add-member:hover,.btn-add-task:hover,.btn-add-checklist:hover,.btn-upload-attachment:hover:not(:disabled),.btn-upload-attachment-inline:hover,.form-attachment-drop-zone .btn-upload-attachment-inline:hover,.btn-save:hover:not(:disabled),.btn-primary:hover:not(:disabled),.login-button:hover:not(:disabled),.request-button-approve:hover:not(:disabled),.project-wiki-primary-button:hover:not(:disabled){background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.btn-cancel,.btn-secondary,.pagination-button,.back-button,.btn-back,.status-quick-action,.project-wiki-secondary-button,.project-wiki-icon-button{background:var(--color-card)!important;color:var(--color-foreground)!important;border-color:var(--color-border)!important}.project-wiki-page-item.active{background:var(--color-accent)!important;border-color:var(--color-border)!important}.project-wiki-page-item.active .project-wiki-page-title,.project-wiki-page-item.active .project-wiki-page-meta{color:var(--color-accent-foreground)!important}.project-wiki-modal{background:var(--color-card)!important;color:var(--color-card-foreground)!important;border:1px solid var(--color-border)!important}.admin-content,.staff-content,.app-content{padding:var(--layout-gutter-y) var(--layout-gutter-x)!important}.tasks-container,.projects-container,.staff-container,.deadline-requests-inbox-container,.notifications-container,.settings-container,.project-detail-container,.task-detail-container,.staff-tasks-container,.staff-projects-container,.staff-deadline-requests-container,.staff-task-detail-container{width:min(100%,var(--layout-content-max))!important;max-width:var(--layout-content-max)!important;margin-inline:auto!important;margin-block:0!important}.tasks-header,.projects-header,.staff-header,.inbox-header,.notifications-header,.project-detail-header,.task-detail-header,.staff-tasks-header,.staff-projects-header,.staff-deadline-requests-header{min-height:64px!important;margin:0 0 var(--layout-header-gap)!important;padding:0 0 18px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;border-bottom:1px solid var(--color-border)!important}.settings-title{min-height:64px!important;margin:0 0 var(--layout-header-gap)!important;padding:0 0 18px!important;display:flex!important;align-items:flex-end!important;border-bottom:1px solid var(--color-border)!important}.tasks-title,.projects-title,.staff-title,.inbox-title,.notifications-title,.settings-title,.project-detail-title,.task-detail-title,.staff-tasks-title,.staff-projects-title,.staff-deadline-requests-title{margin:0!important}.tasks-filters,.staff-tasks-filters,.inbox-filters,.projects-tabs,.project-tabs,.staff-projects-tabs,.task-detail-card,.staff-task-detail-card,.settings-accordion,.notifications-list,.project-wiki-container{margin-bottom:var(--layout-section-gap)!important}.tasks-table-container,.projects-table-container,.staff-table-container,.inbox-table-container,.staff-tasks-table-container,.staff-deadline-requests-table-container{margin-top:0!important;margin-bottom:var(--layout-section-gap)!important}.tasks-table th,.tasks-table td,.projects-table th,.projects-table td,.staff-table th,.staff-table td,.inbox-table th,.inbox-table td,.staff-tasks-table th,.staff-tasks-table td,.staff-deadline-requests-table th,.staff-deadline-requests-table td{padding-top:var(--layout-table-cell-y)!important;padding-bottom:var(--layout-table-cell-y)!important;padding-left:var(--layout-table-cell-x)!important;padding-right:var(--layout-table-cell-x)!important;vertical-align:middle!important}.tasks-table th,.projects-table th,.staff-table th,.inbox-table th,.staff-tasks-table th,.staff-deadline-requests-table th{font-size:.92rem!important;line-height:1.35!important}.tab-button,.project-tab,.staff-project-tab,.project-wiki-tab{min-height:42px!important;padding:0 18px!important;font-size:.95rem!important;line-height:1.3!important}.pagination-container{margin-top:18px!important;display:flex!important;align-items:center!important}.filter-group select,.page-size-select,.user-select,.form-group input,.form-group textarea,.form-group select,.project-wiki-search,.project-wiki-search input,.project-wiki-filters select{min-height:42px!important}.modal-content,.task-form-modal,.project-form-modal,.staff-form-modal,.project-wiki-modal{border-radius:var(--radius-lg)!important}@media(max-width:1200px){.tasks-container,.projects-container,.staff-container,.deadline-requests-inbox-container,.notifications-container,.settings-container,.project-detail-container,.task-detail-container,.staff-tasks-container,.staff-projects-container,.staff-deadline-requests-container,.staff-task-detail-container{width:100%!important;max-width:100%!important}}.admin-layout,.staff-layout,.app-layout,.admin-content,.staff-content,.app-content{background:var(--color-background)!important}.sidebar,.staff-sidebar{background:var(--color-sidebar-background)!important;border-right:1px solid var(--color-sidebar-border)!important;box-shadow:none!important}.sidebar-logo,.staff-sidebar-logo{color:var(--color-sidebar-text)!important;font-weight:800!important;letter-spacing:-.03em!important}.sidebar-welcome,.staff-sidebar-subtitle{color:var(--color-sidebar-muted)!important}.sidebar-nav-item,.staff-sidebar-nav-item{border-radius:var(--radius-md)!important;font-weight:700!important}.sidebar-nav-item:hover,.staff-sidebar-nav-item:hover{background:var(--color-sidebar-hover)!important;color:var(--color-sidebar-text)!important;border-color:var(--color-sidebar-border)!important}.sidebar-nav-item.active,.staff-sidebar-nav-item.active,.sidebar-nav-item.active:hover,.staff-sidebar-nav-item.active:hover{background:var(--color-sidebar-active-bg)!important;color:var(--color-sidebar-active-text)!important;border-color:var(--color-sidebar-active-bg)!important;box-shadow:var(--shadow-md)!important}.sidebar-nav-item.active svg,.staff-sidebar-nav-item.active svg{color:var(--color-sidebar-active-text)!important}.tasks-filters,.staff-tasks-filters,.inbox-filters,.tasks-table-container,.projects-table-container,.staff-table-container,.inbox-table-container,.staff-tasks-table-container,.staff-deadline-requests-table-container,.project-info-content,.members-content,.task-detail-card,.staff-task-detail-card,.notifications-list,.settings-accordion,.staff-project-card,.project-card,.ui-section-card,.ui-empty-state,.project-wiki-sidebar,.project-wiki-detail,.project-wiki-content,.project-wiki-revisions,.project-wiki-revision-item,.modal-content,.task-form-modal,.project-form-modal,.staff-form-modal,.login-card{background:var(--color-card)!important;color:var(--color-card-foreground)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important}.tasks-filters,.staff-tasks-filters,.inbox-filters,.project-wiki-filters{background:var(--color-surface-soft)!important}.tasks-table thead,.projects-table thead,.staff-table thead,.inbox-table thead,.staff-tasks-table thead,.staff-deadline-requests-table thead{background:var(--color-table-header)!important}.tasks-table tbody tr:hover,.projects-table tbody tr:hover,.staff-table tbody tr:hover,.inbox-table tbody tr:hover,.staff-tasks-table tbody tr:hover,.staff-deadline-requests-table tbody tr:hover{background:var(--color-surface-soft)!important}.btn-new-task,.btn-new-project,.btn-new-staff,.btn-add-member,.btn-add-task,.btn-add-checklist,.btn-upload-attachment,.btn-upload-attachment-inline,.form-attachment-drop-zone .btn-upload-attachment-inline,.btn-save,.btn-primary,.login-button,.request-button-approve,.project-wiki-primary-button,.project-card-action-primary,.ui-empty-action{background:var(--color-primary)!important;color:var(--color-primary-foreground)!important;border-color:var(--color-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important}.btn-new-task:hover,.btn-new-project:hover,.btn-new-staff:hover,.btn-add-member:hover,.btn-add-task:hover,.btn-add-checklist:hover,.btn-upload-attachment:hover:not(:disabled),.btn-upload-attachment-inline:hover,.form-attachment-drop-zone .btn-upload-attachment-inline:hover,.btn-save:hover:not(:disabled),.btn-primary:hover:not(:disabled),.login-button:hover:not(:disabled),.request-button-approve:hover:not(:disabled),.project-wiki-primary-button:hover:not(:disabled),.project-card-action-primary:hover,.ui-empty-action:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;box-shadow:var(--shadow-md)!important}.btn-cancel,.btn-secondary,.pagination-button,.back-button,.btn-back,.status-quick-action,.project-wiki-secondary-button,.project-wiki-icon-button,.project-card-action,.project-card-menu-button{background:var(--color-card)!important;color:var(--color-foreground)!important;border-color:var(--color-border)!important;border-radius:var(--radius-md)!important}.btn-cancel:hover,.btn-secondary:hover,.pagination-button:hover:not(:disabled),.back-button:hover,.btn-back:hover,.status-quick-action:hover,.project-wiki-secondary-button:hover,.project-wiki-icon-button:hover,.project-card-action:hover,.project-card-menu-button:hover{background:var(--color-surface-soft)!important;border-color:var(--color-border-strong)!important}.filter-group select,.page-size-select,.user-select,.checklist-input,.deadline-input,.worklog-textarea,.form-group input,.form-group textarea,.form-group select,.project-wiki-search,.project-wiki-search input,.project-wiki-filters select,.project-wiki-form-group input,.project-wiki-form-group select,.project-wiki-form-group textarea{background:var(--color-input-background)!important;color:var(--color-foreground)!important;border-color:var(--color-input)!important;border-radius:var(--radius-md)!important}.filter-group select:focus,.page-size-select:focus,.user-select:focus,.checklist-input:focus,.deadline-input:focus,.worklog-textarea:focus,.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.project-wiki-search:focus-within,.project-wiki-filters select:focus,.project-wiki-form-group input:focus,.project-wiki-form-group select:focus,.project-wiki-form-group textarea:focus{border-color:var(--color-ring)!important;box-shadow:0 0 0 3px var(--color-primary-soft)!important}.status-badge,.ui-status-badge{border-radius:999px!important;font-weight:800!important}.status-active,.ui-status-badge-success{background:var(--color-success-soft)!important;color:var(--color-success)!important;border-color:var(--color-success-soft)!important}.status-archived,.ui-status-badge-neutral{background:var(--color-muted)!important;color:var(--color-muted-foreground)!important;border-color:var(--color-border)!important}.modal-overlay,.task-form-overlay,.project-form-overlay,.staff-form-overlay,.project-wiki-modal-overlay{background:var(--color-overlay)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}.project-card-icon,.project-metric-icon,.project-card-date-icon,.ui-empty-orb{background:var(--color-accent)!important;color:var(--color-accent-foreground)!important;border-color:var(--color-border)!important}.sidebar,.staff-sidebar{background:var(--color-sidebar-background)!important;border-right:0!important;box-shadow:var(--shadow-sidebar)!important}.sidebar-header,.staff-sidebar-header,.sidebar-footer,.staff-sidebar-footer{border-color:transparent!important}.sidebar-header,.staff-sidebar-header{padding-top:28px!important;padding-bottom:20px!important}.sidebar-logo,.staff-sidebar-logo{color:var(--color-sidebar-text)!important;font-weight:800!important;letter-spacing:-.04em!important}.sidebar-welcome,.staff-sidebar-subtitle{color:var(--color-sidebar-muted)!important;font-size:.82rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}.sidebar-nav,.staff-sidebar-nav{padding:12px 14px!important}.sidebar-nav-item,.staff-sidebar-nav-item{min-height:44px!important;padding:0 14px!important;margin-bottom:8px!important;border:0!important;border-radius:14px!important;color:var(--color-sidebar-text)!important;font-size:.92rem!important;font-weight:600!important;letter-spacing:0!important}.sidebar-nav-item svg,.staff-sidebar-nav-item svg{color:var(--color-sidebar-muted)!important}.sidebar-nav-item:hover,.staff-sidebar-nav-item:hover{background:var(--color-sidebar-hover)!important;color:var(--color-sidebar-text)!important}.sidebar-nav-item:hover svg,.staff-sidebar-nav-item:hover svg{color:var(--color-primary)!important}.sidebar-nav-item.active,.staff-sidebar-nav-item.active,.sidebar-nav-item.active:hover,.staff-sidebar-nav-item.active:hover{background:var(--color-sidebar-active-bg)!important;color:var(--color-sidebar-active-text)!important;border:0!important;box-shadow:none!important}.sidebar-nav-item.active svg,.staff-sidebar-nav-item.active svg,.sidebar-nav-item.active:hover svg,.staff-sidebar-nav-item.active:hover svg{color:var(--color-sidebar-active-text)!important}.sidebar-logout,.staff-sidebar-logout{color:var(--color-danger)!important}.tasks-header,.projects-header,.staff-header,.inbox-header,.notifications-header,.project-detail-header,.task-detail-header,.staff-tasks-header,.staff-projects-header,.staff-deadline-requests-header,.settings-title{border-bottom:0!important;min-height:50px!important;padding-bottom:4px!important}.projects-toolbar{min-height:52px!important}.tasks-filters,.staff-tasks-filters,.inbox-filters,.projects-tabs,.project-tabs,.project-wiki-sidebar,.project-wiki-detail,.task-detail-card,.staff-task-detail-card,.settings-accordion,.notifications-list,.project-card,.ui-section-card,.ui-empty-state,.modal-content,.task-form-modal,.project-form-modal,.staff-form-modal{border-color:var(--color-border)!important;box-shadow:var(--shadow-md)!important}.projects-tabs,.project-tabs{background:var(--color-card)!important;border-color:transparent!important;box-shadow:var(--shadow-sm)!important}.tab-button.active,.project-tab.active,.staff-project-tab.active{background:var(--color-primary)!important;color:var(--color-primary-foreground)!important;border-color:var(--color-primary)!important}body,.admin-layout,.staff-layout,.app-layout{background:var(--color-sidebar-background)!important}.sidebar{left:var(--app-frame-gap)!important;top:var(--app-frame-gap)!important;width:var(--sidebar-width-admin)!important;height:calc(100vh - var(--app-frame-gap-double))!important;border-radius:var(--radius-xl)!important;overflow:hidden!important}.staff-sidebar{left:var(--app-frame-gap)!important;top:var(--app-frame-gap)!important;width:var(--sidebar-width-staff)!important;height:calc(100vh - var(--app-frame-gap-double))!important;border-radius:var(--radius-xl)!important;overflow:hidden!important}.admin-content{margin-left:calc(var(--sidebar-width-admin) + var(--app-frame-gap-double))!important;margin-top:var(--app-frame-gap)!important;margin-right:var(--app-frame-gap)!important;margin-bottom:var(--app-frame-gap)!important;width:calc(100% - var(--sidebar-width-admin) - var(--app-frame-gap-triple))!important;min-height:calc(100vh - var(--app-frame-gap-double))!important;border-radius:var(--radius-xl)!important;background:var(--color-background)!important;overflow:hidden auto!important}.staff-content{margin-left:calc(var(--sidebar-width-staff) + var(--app-frame-gap-double))!important;margin-top:var(--app-frame-gap)!important;margin-right:var(--app-frame-gap)!important;margin-bottom:var(--app-frame-gap)!important;width:calc(100% - var(--sidebar-width-staff) - var(--app-frame-gap-triple))!important;min-height:calc(100vh - var(--app-frame-gap-double))!important;border-radius:var(--radius-xl)!important;background:var(--color-background)!important;overflow:hidden auto!important}.app-content{margin-left:calc(var(--sidebar-width-admin) + var(--app-frame-gap-double))!important;margin-top:var(--app-frame-gap)!important;margin-right:var(--app-frame-gap)!important;margin-bottom:var(--app-frame-gap)!important;width:calc(100% - var(--sidebar-width-admin) - var(--app-frame-gap-triple))!important;min-height:calc(100vh - var(--app-frame-gap-double))!important;border-radius:var(--radius-xl)!important;background:var(--color-background)!important;overflow:hidden auto!important}.tasks-filters,.staff-tasks-filters,.inbox-filters,.tasks-table-container,.projects-table-container,.staff-table-container,.inbox-table-container,.staff-tasks-table-container,.staff-deadline-requests-table-container,.project-info-content,.members-content,.task-detail-card,.staff-task-detail-card,.notifications-list,.settings-accordion,.staff-project-card,.project-card,.ui-section-card,.ui-empty-state,.project-wiki-sidebar,.project-wiki-detail,.project-wiki-content,.project-wiki-revisions,.project-wiki-revision-item,.modal-content,.task-form-modal,.project-form-modal,.staff-form-modal,.login-card,.btn-new-task,.btn-new-project,.btn-new-staff,.btn-add-member,.btn-add-task,.btn-add-checklist,.btn-upload-attachment,.btn-upload-attachment-inline,.form-attachment-drop-zone .btn-upload-attachment-inline,.btn-save,.btn-primary,.login-button,.request-button-approve,.project-wiki-primary-button,.project-card-action-primary,.ui-empty-action,.sidebar-nav-item.active,.staff-sidebar-nav-item.active{box-shadow:none!important}@media(max-width:1200px){.sidebar,.staff-sidebar{left:0!important;top:0!important;height:100vh!important;border-radius:0!important}.admin-content,.staff-content,.app-content{margin:var(--app-frame-gap)!important;width:calc(100% - var(--app-frame-gap-double))!important;min-height:calc(100vh - var(--app-frame-gap-double))!important;border-radius:var(--radius-xl)!important}}.projects-tabs,.project-tabs,.staff-projects-tabs,.staff-tasks-tabs{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:28px!important;padding:0!important;margin-bottom:var(--layout-section-gap)!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--color-border)!important;border-radius:0!important;box-shadow:none!important}.tab-button,.project-tab,.staff-project-tab,.project-wiki-tab{position:relative!important;min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 0 13px!important;background:transparent!important;color:var(--color-muted-foreground)!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:.96rem!important;font-weight:650!important;letter-spacing:0!important;white-space:nowrap!important}.tab-button:after,.project-tab:after,.staff-project-tab:after,.project-wiki-tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:999px 999px 0 0;background:var(--color-primary);opacity:0;transform:scaleX(.45);transform-origin:center;transition:opacity var(--transition-base),transform var(--transition-base)}.tab-button:hover,.project-tab:hover,.staff-project-tab:hover,.project-wiki-tab:hover{background:transparent!important;color:var(--color-foreground)!important;border:0!important;box-shadow:none!important}.tab-button.active,.project-tab.active,.staff-project-tab.active,.project-wiki-tab.active{background:transparent!important;color:var(--color-primary)!important;border:0!important;box-shadow:none!important}.tab-button.active:after,.project-tab.active:after,.staff-project-tab.active:after,.project-wiki-tab.active:after{opacity:1;transform:scaleX(1)}@media(max-width:760px){.projects-tabs,.project-tabs,.staff-projects-tabs,.staff-tasks-tabs{align-items:center!important;flex-direction:row!important;gap:22px!important;overflow-x:auto!important;scrollbar-width:none}.projects-tabs::-webkit-scrollbar,.project-tabs::-webkit-scrollbar,.staff-projects-tabs::-webkit-scrollbar,.staff-tasks-tabs::-webkit-scrollbar{display:none}.tab-button,.project-tab,.staff-project-tab,.project-wiki-tab{flex:0 0 auto!important;width:auto!important}}.projects-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:clamp(28px,4vw,56px)!important}.projects-toolbar .projects-tabs{width:100%!important;min-width:0!important;margin-bottom:0!important;overflow-x:auto!important;scrollbar-width:none}.projects-toolbar .projects-tabs::-webkit-scrollbar{display:none}.projects-toolbar .btn-new-project{justify-self:end!important;flex:0 0 auto!important;white-space:nowrap!important}@media(max-width:760px){.projects-toolbar{grid-template-columns:1fr!important;row-gap:16px!important}.projects-toolbar .btn-new-project{justify-self:stretch!important;width:100%!important}}.pagination-container{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;margin-top:22px!important;padding:2px 0!important;color:var(--color-muted-foreground)!important}.pagination-controls-left{display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:0!important;color:var(--color-muted-foreground)!important}.pagination-controls-left label{color:var(--color-muted-foreground)!important;font-size:.88rem!important;font-weight:600!important;white-space:nowrap!important}.page-size-select{min-width:62px!important;min-height:38px!important;padding:0 12px!important;border:1px solid var(--color-border)!important;border-radius:12px!important;background:var(--color-card)!important;color:var(--color-foreground)!important;font-size:.9rem!important;font-weight:600!important;box-shadow:none!important}.page-size-select:hover{border-color:var(--color-border-strong)!important}.page-size-select:focus{outline:none!important;border-color:var(--color-ring)!important;box-shadow:0 0 0 3px var(--color-primary-soft)!important}.pagination{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:0!important}.pagination-info{min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 6px!important;color:var(--color-muted-foreground)!important;font-size:.9rem!important;font-weight:500!important;white-space:nowrap!important}.pagination-button{min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 16px!important;border:1px solid var(--color-border)!important;border-radius:12px!important;background:var(--color-card)!important;color:var(--color-muted-foreground)!important;font-size:.88rem!important;font-weight:700!important;box-shadow:none!important;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.pagination-button:hover:not(:disabled){background:var(--color-surface-soft)!important;border-color:var(--color-border-strong)!important;color:var(--color-foreground)!important}.pagination-button:disabled{opacity:.48!important;cursor:not-allowed!important}.projects-pagination{padding-inline:2px!important}@media(max-width:760px){.pagination-container,.pagination{align-items:stretch!important;flex-direction:column!important}.pagination-controls-left,.pagination{width:100%!important;justify-content:space-between!important}.pagination-button{flex:1 1 auto!important}}.tasks-content,.tasks-table-container,.projects-table-container,.staff-table-container,.inbox-table-container,.staff-tasks-table-container,.staff-deadline-requests-table-container{background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important}.tasks-table-container,.projects-table-container,.staff-table-container,.inbox-table-container,.staff-tasks-table-container,.staff-deadline-requests-table-container{padding:var(--layout-table-shell-padding)!important;overflow-x:auto!important}.tasks-content{padding:var(--layout-table-shell-padding)!important;overflow:visible!important}.tasks-content .tasks-header{padding:0!important;margin:0 0 20px!important;min-height:42px!important}.tasks-content .tasks-list{margin:0!important;overflow-x:auto!important;background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important}.tasks-content .pagination-container{padding:0!important;margin-top:20px!important}.tasks-table,.projects-table,.staff-table,.inbox-table,.staff-tasks-table,.staff-deadline-requests-table{width:100%!important;border-collapse:collapse!important;background:transparent!important}.tasks-table thead,.projects-table thead,.staff-table thead,.inbox-table thead,.staff-tasks-table thead,.staff-deadline-requests-table thead{background:var(--color-table-header)!important;border-bottom:1px solid var(--color-border)!important}.tasks-table th,.projects-table th,.staff-table th,.inbox-table th,.staff-tasks-table th,.staff-deadline-requests-table th{padding:16px 18px!important;color:var(--color-muted-foreground)!important;font-size:.9rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important}.tasks-table td,.projects-table td,.staff-table td,.inbox-table td,.staff-tasks-table td,.staff-deadline-requests-table td{padding:17px 18px!important;color:var(--color-foreground)!important;font-size:.92rem!important;font-weight:500!important;border-bottom:1px solid var(--color-border)!important;vertical-align:middle!important}.tasks-table tbody tr:last-child td,.projects-table tbody tr:last-child td,.staff-table tbody tr:last-child td,.inbox-table tbody tr:last-child td,.staff-tasks-table tbody tr:last-child td,.staff-deadline-requests-table tbody tr:last-child td{border-bottom:0!important}.tasks-table tbody tr:hover,.projects-table tbody tr:hover,.staff-table tbody tr:hover,.inbox-table tbody tr:hover,.staff-tasks-table tbody tr:hover,.staff-deadline-requests-table tbody tr:hover{background:var(--color-inner-card)!important}.table-header-actions{width:118px!important;text-align:center!important}.task-actions,.table-actions{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:96px!important}.btn-action{width:32px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--color-muted-foreground)!important;box-shadow:none!important;cursor:pointer!important}.btn-action:hover{background:var(--color-inner-card)!important;color:var(--color-foreground)!important}.btn-edit:hover{background:var(--color-blue-soft)!important;color:var(--color-blue)!important}.btn-delete:hover{background:var(--color-danger-soft)!important;color:var(--color-danger)!important}.status-badge,.priority-badge,.project-status-badge,.project-card-status{border-radius:999px!important;padding:4px 10px!important;font-size:.78rem!important;font-weight:700!important;line-height:1.15!important;border:0!important}.status-todo,.status-draft{background:var(--color-blue-soft)!important;color:var(--color-blue)!important}.status-in-progress,.status-in_progress,.status-pending{background:var(--color-warning-soft)!important;color:var(--color-warning)!important}.status-blocked,.status-overdue{background:var(--color-danger-soft)!important;color:var(--color-danger)!important}.status-done,.status-active,.status-paid{background:var(--color-success-soft)!important;color:var(--color-success)!important}.status-archived{background:var(--color-muted)!important;color:var(--color-muted-foreground)!important}.tasks-filters,.inbox-filters,.staff-tasks-filters{display:flex!important;align-items:flex-end!important;flex-wrap:wrap!important;gap:14px!important;margin:0!important;padding:var(--layout-table-shell-padding)!important;background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-bottom:0!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;box-shadow:none!important}.tasks-filters+.tasks-table-container,.inbox-filters+.inbox-table-container,.staff-tasks-filters+.staff-tasks-table-container{border-top-left-radius:0!important;border-top-right-radius:0!important}.tasks-filters .filter-group,.inbox-filters .filter-group,.staff-tasks-filters .filter-group{position:relative!important;min-width:min(220px,100%)!important;gap:8px!important}.tasks-filters .filter-group label,.inbox-filters .filter-group label,.staff-tasks-filters .filter-group label{color:var(--color-foreground)!important;font-size:.86rem!important;font-weight:700!important;line-height:1.2!important}.tasks-filters .filter-group select,.inbox-filters .filter-group select,.staff-tasks-filters .filter-group select{width:100%!important;min-height:44px!important;padding:0 42px 0 16px!important;appearance:none!important;background:var(--color-input-background)!important;color:var(--color-foreground)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:none!important;font-size:.94rem!important;font-weight:600!important}.tasks-filters .filter-group:has(select):after,.inbox-filters .filter-group:has(select):after,.staff-tasks-filters .filter-group:has(select):after{content:"⌄";position:absolute;right:15px;bottom:10px;pointer-events:none;color:var(--color-muted-foreground);font-size:1rem;line-height:1}.tasks-filters .filter-group select:hover,.inbox-filters .filter-group select:hover,.staff-tasks-filters .filter-group select:hover{border-color:var(--color-border-strong)!important;background:var(--color-surface-soft)!important}.tasks-filters .filter-group select:focus,.inbox-filters .filter-group select:focus,.staff-tasks-filters .filter-group select:focus{outline:none!important;border-color:var(--color-primary)!important;background:var(--color-card)!important;box-shadow:0 0 0 3px var(--color-primary-soft)!important}.tasks-filters .filter-group select option,.inbox-filters .filter-group select option,.staff-tasks-filters .filter-group select option{background:var(--color-card);color:var(--color-foreground)}.tasks-filters .filter-group select option:checked,.inbox-filters .filter-group select option:checked,.staff-tasks-filters .filter-group select option:checked{background:var(--color-primary-soft);color:var(--color-primary)}.staff-tasks-filters .filter-group:has(input[type=checkbox]){min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;padding:0 16px!important;background:var(--color-input-background)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important}.staff-tasks-filters .filter-group:has(input[type=checkbox]) label{display:inline-flex!important;align-items:center!important;color:var(--color-foreground)!important;font-weight:600!important}@media(max-width:760px){.tasks-filters,.inbox-filters,.staff-tasks-filters{align-items:stretch!important}.tasks-filters .filter-group,.inbox-filters .filter-group,.staff-tasks-filters .filter-group{width:100%!important}}.tasks-filters,.inbox-filters,.staff-tasks-filters{position:relative!important;z-index:40!important;overflow:visible!important}.tasks-table-container,.inbox-table-container,.staff-tasks-table-container{position:relative!important;z-index:1!important}.filter-select{position:relative!important;z-index:41!important}.filter-select:has(.filter-select-menu){z-index:80!important}.filter-select-menu{z-index:90!important}.admin-content,.staff-content,.app-content{scrollbar-gutter:stable}.project-detail-container{overflow-x:hidden!important}.project-wiki{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important;align-items:stretch!important}.project-wiki-sidebar,.project-wiki-detail,.project-wiki-detail-header,.project-wiki-content,.project-wiki-revisions{min-width:0!important;max-width:100%!important}.project-wiki-detail-header>div{min-width:0!important}.project-wiki-actions{min-width:0!important}.project-wiki-content{overflow-x:auto!important}.inbox-table-empty-container{display:flex!important;align-items:center!important;justify-content:center!important;min-height:118px!important}.inbox-filters+.inbox-table-empty-container{border-top-left-radius:0!important;border-top-right-radius:0!important}.tasks-data-panel,.staff-tasks-data-panel{background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;overflow:hidden!important;box-shadow:none!important}.tasks-data-panel .tasks-filters,.staff-tasks-data-panel .staff-tasks-filters{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin-bottom:0!important;padding:20px 24px!important;border-bottom:1px solid var(--color-border)!important}.tasks-data-panel .tasks-table-container,.staff-tasks-data-panel .staff-tasks-table-container{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;overflow-x:auto!important}.tasks-data-panel .table-state-message,.staff-tasks-data-panel .table-state-message{min-height:120px;display:flex;align-items:center;justify-content:center;color:var(--color-text);font-size:14px;font-weight:600}.tasks-table,.projects-table,.staff-table,.inbox-table,.staff-tasks-table,.staff-deadline-requests-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:transparent!important}.tasks-table thead,.projects-table thead,.staff-table thead,.inbox-table thead,.staff-tasks-table thead,.staff-deadline-requests-table thead{background:transparent!important}.tasks-table th,.projects-table th,.staff-table th,.inbox-table th,.staff-tasks-table th,.staff-deadline-requests-table th{padding:20px 24px!important;color:var(--color-text-muted)!important;font-size:.86rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;border-bottom:1px solid var(--color-border)!important;white-space:nowrap!important}.tasks-table td,.projects-table td,.staff-table td,.inbox-table td,.staff-tasks-table td,.staff-deadline-requests-table td{padding:22px 24px!important;color:var(--color-text)!important;font-size:.95rem!important;line-height:1.45!important;vertical-align:middle!important;border-bottom:1px solid var(--color-border)!important}.tasks-table tbody tr,.projects-table tbody tr,.staff-table tbody tr,.inbox-table tbody tr,.staff-tasks-table tbody tr,.staff-deadline-requests-table tbody tr{min-height:76px!important;background:transparent!important}.tasks-table tbody tr:last-child td,.projects-table tbody tr:last-child td,.staff-table tbody tr:last-child td,.inbox-table tbody tr:last-child td,.staff-tasks-table tbody tr:last-child td,.staff-deadline-requests-table tbody tr:last-child td{border-bottom:none!important}.tasks-table th:first-child,.projects-table th:first-child,.staff-table th:first-child,.inbox-table th:first-child,.staff-tasks-table th:first-child,.staff-deadline-requests-table th:first-child,.tasks-table td:first-child,.projects-table td:first-child,.staff-table td:first-child,.inbox-table td:first-child,.staff-tasks-table td:first-child,.staff-deadline-requests-table td:first-child{padding-left:28px!important}.tasks-table th:last-child,.projects-table th:last-child,.staff-table th:last-child,.inbox-table th:last-child,.staff-tasks-table th:last-child,.staff-deadline-requests-table th:last-child,.tasks-table td:last-child,.projects-table td:last-child,.staff-table td:last-child,.inbox-table td:last-child,.staff-tasks-table td:last-child,.staff-deadline-requests-table td:last-child{padding-right:28px!important}.tasks-table tbody tr:hover,.projects-table tbody tr:hover,.staff-table tbody tr:hover,.inbox-table tbody tr:hover,.staff-tasks-table tbody tr:hover,.staff-deadline-requests-table tbody tr:hover,.staff-task-row:hover,.task-row:hover,.project-row:hover{background:var(--color-surface-muted)!important}.table-header-actions,.task-actions,.staff-actions{text-align:center!important;white-space:nowrap!important}.task-actions,.staff-actions{display:table-cell!important}.btn-action{width:34px!important;height:34px!important;border-radius:999px!important;border:none!important;background:transparent!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--color-text-muted)!important;padding:0!important;margin:0 2px!important}.btn-action:hover{background:var(--color-primary-soft)!important;color:var(--color-primary)!important}.btn-action.btn-delete:hover{background:var(--color-danger-soft)!important;color:var(--color-danger)!important}.task-title,.project-name,.staff-name,.task-title-cell .task-title,.task-link{font-size:.98rem!important;font-weight:700!important}.status-badge,.priority-badge{min-height:24px!important;padding:4px 10px!important;border-radius:999px!important;font-size:.75rem!important;font-weight:700!important}.tasks-container>.tasks-header,.projects-container>.projects-toolbar,.staff-container>.staff-header,.notifications-container>.notifications-header,.deadline-requests-inbox-container>.inbox-header,.staff-tasks-container>.staff-tasks-header,.staff-projects-container>.staff-projects-header,.staff-deadline-requests-container>.staff-deadline-requests-header{min-height:56px!important;display:flex!important;align-items:center!important;margin-bottom:24px!important;padding-bottom:0!important}.projects-container>.projects-toolbar{align-items:center!important}.tasks-container>.tasks-header .tasks-title,.staff-container>.staff-header .staff-title,.notifications-container>.notifications-header .notifications-title,.deadline-requests-inbox-container>.inbox-header .inbox-title,.staff-tasks-container>.staff-tasks-header .staff-tasks-title,.staff-projects-container>.staff-projects-header .staff-projects-title,.staff-deadline-requests-container>.staff-deadline-requests-header .staff-deadline-requests-title{line-height:1.1!important}.btn-new-task,.btn-new-project,.btn-new-staff,.btn-add-task,.btn-add-member{min-height:44px!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex!important;align-items:center!important}.project-detail-container .members-content,.project-detail-container .tasks-content{padding:24px!important}.project-detail-container .members-header,.project-detail-container .tasks-header{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 20px!important;padding:0!important}.project-detail-container .members-header h2,.project-detail-container .tasks-header h2{margin:0!important;line-height:1.2!important}.project-detail-container .tasks-content .pagination-container{padding:0!important;margin-top:22px!important}.project-detail-container .tasks-content .loading-message,.project-detail-container .tasks-content .empty-message{margin:0!important}.project-wiki>.project-wiki-sidebar,.project-wiki>.project-wiki-detail{border-top:0!important;border-bottom:0!important;border-left:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.project-wiki>.project-wiki-sidebar{border-right:1px solid var(--color-border)!important}.project-wiki .project-wiki-content,.project-wiki .project-wiki-editor-body,.project-wiki .project-wiki-editor-body textarea{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.project-wiki .project-wiki-rich-editor,.project-wiki .project-wiki-content{border:0!important;box-shadow:none!important;background:transparent!important;white-space:normal!important}.project-wiki .project-wiki-editor-toolbar-button.active{background:var(--color-primary-soft)!important;color:var(--color-primary)!important}.project-wiki .project-wiki-rich-editor em,.project-wiki .project-wiki-content em,.project-wiki .project-wiki-rich-editor i,.project-wiki .project-wiki-content i,.project-wiki .project-wiki-rich-editor [style*=italic],.project-wiki .project-wiki-content [style*=italic],.project-wiki .project-wiki-rich-editor span[style*=font-style],.project-wiki .project-wiki-content span[style*=font-style]{font-style:italic!important}.project-wiki .project-wiki-detail-header{align-items:center!important;padding-bottom:16px!important;border-bottom:1px solid var(--color-border)!important}.project-wiki .project-wiki-detail-footer{margin-top:auto!important;padding-top:16px!important;color:var(--color-text-muted)!important;font-size:14px!important}.project-wiki .project-wiki-detail-meta{display:none!important}.projects-container .project-card{--project-accent: var(--color-purple);--project-accent-soft: var(--color-purple-soft);background:color-mix(in srgb,var(--color-card) 84%,var(--project-accent) 16%)!important}.projects-container .project-card[data-project-color=purple]{--project-accent: var(--color-purple);--project-accent-soft: var(--color-purple-soft)}.projects-container .project-card[data-project-color=blue]{--project-accent: var(--color-blue);--project-accent-soft: var(--color-blue-soft)}.projects-container .project-card[data-project-color=green]{--project-accent: var(--color-green);--project-accent-soft: var(--color-green-soft)}.projects-container .project-card[data-project-color=yellow]{--project-accent: var(--color-yellow);--project-accent-soft: var(--color-yellow-soft)}.projects-container .project-card[data-project-color=red]{--project-accent: var(--color-red);--project-accent-soft: var(--color-red-soft)}.projects-container .project-card .project-card-icon,.projects-container .project-card .project-card-date-icon{background:var(--project-accent-soft)!important;color:var(--project-accent)!important;border-color:color-mix(in srgb,var(--project-accent) 35%,var(--color-border))!important}.projects-container .project-card:hover{border-color:color-mix(in srgb,var(--project-accent) 42%,var(--color-border))!important}.projects-container .projects-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.projects-container .project-card-footer{padding:14px!important;border-top:0!important;border-radius:var(--radius-lg)!important;background:color-mix(in srgb,var(--color-card) 82%,var(--color-text) 6%)!important}.projects-container .project-card .project-card-date-icon{background:var(--color-surface-soft)!important;color:var(--color-text-muted)!important;border-color:var(--color-border)!important}@media(max-width:1280px){.projects-container .projects-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:760px){.projects-container .projects-card-grid{grid-template-columns:1fr!important}}@media(max-width:1200px){.sidebar,.staff-sidebar{width:76px!important;transform:none!important}.admin-content,.staff-content{margin-left:76px!important;width:calc(100% - 76px)!important}.sidebar-header,.staff-sidebar-header{min-height:88px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px 10px!important}.sidebar-logo,.staff-sidebar-logo{margin:0!important;font-size:0!important}.sidebar-logo:before,.staff-sidebar-logo:before{content:"O";font-size:24px;font-weight:800;color:var(--color-sidebar-text)}.sidebar-welcome,.staff-sidebar-subtitle{display:none!important}.sidebar-nav,.sidebar-footer,.staff-sidebar-nav,.staff-sidebar-footer{padding-left:10px!important;padding-right:10px!important}.sidebar-nav-item,.staff-sidebar-nav-item{position:relative!important;justify-content:center!important;gap:0!important;padding:12px!important}.sidebar-nav-item span:not(.sidebar-nav-badge),.staff-sidebar-nav-item span:not(.staff-sidebar-nav-badge){display:none!important}.sidebar-nav-badge,.staff-sidebar-nav-badge{position:absolute!important;top:6px!important;right:6px!important;min-width:16px!important;padding:1px 5px!important;font-size:10px!important}}.notification-item,.notification-item.unread,.notification-item.read{border-left:0!important;background:var(--color-inner-card)!important;box-shadow:none!important}.notification-item:hover{background:var(--color-inner-card-hover)!important}.notifications-list{background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:none!important}.project-card,.project-card[data-project-color=purple]{--project-accent: var(--color-purple);--project-accent-soft: var(--color-purple-soft)}.project-card[data-project-color=blue]{--project-accent: var(--color-blue);--project-accent-soft: var(--color-blue-soft)}.project-card[data-project-color=green]{--project-accent: var(--color-green);--project-accent-soft: var(--color-green-soft)}.project-card[data-project-color=yellow]{--project-accent: var(--color-yellow);--project-accent-soft: var(--color-yellow-soft)}.project-card[data-project-color=red]{--project-accent: var(--color-red);--project-accent-soft: var(--color-red-soft)}.projects-container .project-card,.staff-projects-container .project-card{background:color-mix(in srgb,var(--color-card) 84%,var(--project-accent) 16%)!important}.projects-container .project-card .project-card-icon,.staff-projects-container .project-card .project-card-icon{background:var(--project-accent-soft)!important;color:var(--project-accent)!important;border-color:color-mix(in srgb,var(--project-accent) 35%,var(--color-border))!important}.projects-container .project-card .project-card-date-icon,.staff-projects-container .project-card .project-card-date-icon{background:var(--color-surface-soft)!important;color:var(--color-text-muted)!important;border-color:var(--color-border)!important}.projects-container .project-card-footer,.staff-projects-container .project-card-footer{background:color-mix(in srgb,var(--color-primary-soft) 72%,var(--color-card) 28%)!important;border-top:0!important}.projects-container .project-card .project-card-date-icon,.staff-projects-container .project-card .project-card-date-icon{width:18px!important;height:18px!important;background:transparent!important;color:var(--color-primary)!important;border:0!important;border-radius:0!important}.project-card-menu button:hover,.project-card-menu button:focus-visible,.project-wiki-actions-menu-item:hover,.project-wiki-actions-menu-item:focus-visible{outline:none!important;background:var(--color-primary-soft)!important;color:var(--color-primary)!important}.project-card-menu button.danger:hover,.project-card-menu button.danger:focus-visible,.project-wiki-actions-menu-item.danger:hover,.project-wiki-actions-menu-item.danger:focus-visible{background:var(--color-danger-soft)!important;color:var(--color-danger)!important}.tasks-data-panel,.staff-tasks-data-panel,.tasks-filters,.staff-tasks-filters,.inbox-filters{overflow:visible!important}.tasks-data-panel .tasks-table-container,.staff-tasks-data-panel .staff-tasks-table-container,.tasks-table-container,.staff-tasks-table-container,.inbox-table-container{position:relative!important;z-index:1!important}.tasks-filters,.staff-tasks-filters,.inbox-filters{position:relative!important;z-index:120!important}.filter-select,.filter-select:has(.filter-select-menu){position:relative!important;z-index:130!important}.filter-select-menu{z-index:1000!important}.staff-tasks-container,.staff-projects-container,.staff-deadline-requests-container,.staff-task-detail-container{width:min(100%,var(--layout-content-max))!important;max-width:var(--layout-content-max)!important;margin:0 auto!important}.staff-task-detail-container{width:min(100%,var(--layout-detail-max))!important;max-width:var(--layout-detail-max)!important}.staff-tasks-header,.staff-projects-header,.staff-deadline-requests-header{margin-bottom:clamp(24px,3vw,40px)!important;padding-bottom:clamp(14px,2vw,24px)!important;border-bottom:1px solid var(--color-border)!important}.staff-page-tabs,.staff-projects-tabs,.staff-tasks-tabs{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:28px!important;width:100%!important;min-height:48px!important;padding:0!important;margin:0 0 12px!important;border:0!important;border-bottom:1px solid var(--color-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.staff-page-controls{min-height:34px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:0!important;margin:0 0 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.staff-page-tabs .tab-button,.staff-projects-tabs .tab-button,.staff-tasks-tabs .tab-button{min-height:48px!important;padding:0 0 13px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--color-text-muted)!important;font-weight:750!important}.staff-page-tabs .tab-button:hover,.staff-projects-tabs .tab-button:hover,.staff-tasks-tabs .tab-button:hover{color:var(--color-text)!important;background:transparent!important}.staff-page-tabs .tab-button.active,.staff-projects-tabs .tab-button.active,.staff-tasks-tabs .tab-button.active{color:var(--color-primary)!important;background:transparent!important;border:0!important;box-shadow:none!important}.staff-projects-grid.projects-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.staff-projects-container .project-card{min-height:250px!important;padding:22px!important;gap:20px!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important}.staff-projects-container .project-card-footer{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin-top:auto!important;padding:14px!important;border-top:0!important;border-radius:var(--radius-lg)!important;background:color-mix(in srgb,var(--color-primary-soft) 72%,var(--color-card) 28%)!important}.staff-projects-container .project-card .project-card-date-icon{width:18px!important;height:18px!important;background:transparent!important;color:var(--color-primary)!important;border:0!important;border-radius:0!important}.staff-tasks-data-panel{background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;overflow:visible!important}.staff-tasks-data-panel .staff-tasks-filters{min-height:94px!important;display:flex!important;align-items:flex-end!important;gap:16px!important;padding:20px 24px!important;margin-bottom:0!important;border:0!important;border-bottom:1px solid var(--color-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.staff-tasks-data-panel .staff-tasks-table-container,.staff-deadline-request-list{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.staff-tasks-table,.staff-deadline-requests-table{width:100%!important;border-collapse:collapse!important}.staff-tasks-table th,.staff-tasks-table td,.staff-deadline-requests-table th,.staff-deadline-requests-table td{padding:var(--layout-table-cell-y) var(--layout-table-cell-x)!important}.staff-deadline-request-list{display:flex!important;flex-direction:column!important;gap:12px!important;padding:20px!important;background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important}.tasks-container>.tasks-header,.staff-container>.staff-header,.notifications-container>.notifications-header,.staff-projects-container>.staff-projects-header{border-bottom:0!important;padding-bottom:0!important}.tasks-container>.tasks-header,.staff-container>.staff-header,.notifications-container>.notifications-header{justify-content:flex-start!important;min-height:44px!important;margin-bottom:var(--layout-section-gap)!important}.projects-container>.projects-toolbar{min-height:44px!important;margin-bottom:var(--layout-section-gap)!important}.projects-container>.projects-toolbar .projects-tabs{min-height:44px!important}.projects-container>.projects-toolbar .tab-button{min-height:44px!important;padding-bottom:10px!important}.tasks-container>.tasks-header .btn-new-task,.staff-container>.staff-header .btn-new-staff{margin-inline-start:auto!important;margin-inline-end:0!important}.staff-projects-container>.staff-projects-header{min-height:44px!important;margin-bottom:var(--layout-section-gap)!important}.settings-container>.settings-accordion,.staff-deadline-requests-container>.staff-deadline-request-list{margin-top:0!important}.deadline-requests-inbox-container>.deadline-request-list,.deadline-requests-inbox-container>.loading-message{margin-top:calc(44px + var(--layout-section-gap))!important}.staff-deadline-requests-container>.staff-deadline-request-list,.staff-deadline-requests-container>.loading-message{margin-top:calc(44px + var(--layout-section-gap))!important}.staff-content .notifications-container>.notifications-header{margin-top:calc(44px + var(--layout-section-gap))!important}.settings-container>.settings-card{margin-top:calc(44px + var(--layout-section-gap))!important}.staff-tasks-container>.staff-tasks-tabs,.staff-projects-container>.staff-projects-tabs{margin-bottom:12px!important}.staff-tasks-container>.staff-page-controls,.staff-projects-container>.staff-page-controls,.staff-tasks-container>.staff-tasks-filters{min-height:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:0!important;margin:0 0 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.staff-tasks-container>.staff-page-controls,.staff-projects-container>.staff-page-controls{min-height:34px!important}@media(max-width:1280px){.staff-projects-grid.projects-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:760px){.staff-projects-tabs,.staff-tasks-tabs,.staff-projects-toolbar,.staff-projects-container .project-card-footer,.pagination-container,.pagination{align-items:stretch!important;flex-direction:column!important;width:100%!important}.staff-projects-grid.projects-card-grid{grid-template-columns:1fr!important}.staff-projects-tabs .tab-button,.staff-tasks-tabs .tab-button,.staff-project-wiki-button{width:100%!important}}.deadline-request-content{flex:1!important;min-width:0!important;gap:13px!important}.deadline-request-heading-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important}.deadline-request-title{color:var(--color-text-strong)!important;font-size:16px!important;font-weight:780!important;line-height:1.35!important}.deadline-request-created{color:var(--color-text-muted)!important;font-size:12px!important;white-space:nowrap!important}.deadline-request-info-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important}.deadline-request-info-pill{min-height:32px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 11px!important;border-radius:999px!important;background:var(--color-surface-soft)!important;color:var(--color-text-muted)!important;font-size:13px!important;font-weight:650!important}.deadline-request-info-pill svg,.deadline-request-reason-box>svg{color:var(--color-primary)!important;flex-shrink:0!important}.deadline-request-reason-box{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;gap:10px!important;padding:13px 14px!important;border-radius:var(--radius-md)!important;background:var(--color-inner-card-hover)!important;color:var(--color-text)!important}.deadline-request-reason-box>svg{margin-top:2px!important}.deadline-request-reason-box span{display:block!important;margin-bottom:3px!important;color:var(--color-text-muted)!important;font-size:12px!important;font-weight:760!important}.deadline-request-reason-box p{margin:0!important;color:var(--color-text)!important;font-size:14px!important;line-height:1.55!important}@media(max-width:760px){.deadline-request-heading-row{flex-direction:column!important}.deadline-request-created{white-space:normal!important}}.settings-title{margin:0 0 24px!important;color:var(--color-text-strong)!important;font-size:var(--fs-h1)!important;font-weight:720!important;letter-spacing:-.025em!important}.settings-accordion{display:flex!important;flex-direction:column!important;gap:14px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.settings-accordion .accordion-header{min-height:58px!important;padding:0 22px!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;background:var(--color-card)!important;color:var(--color-text)!important}.settings-accordion .accordion-header:hover,.settings-accordion .accordion-header.open{border-color:var(--color-border-strong)!important;background:var(--color-inner-card)!important}.settings-accordion .accordion-header.open{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom-color:var(--color-border)!important}.settings-accordion .accordion-panel{margin-top:-14px!important;background:transparent!important}.settings-accordion .accordion-panel.open{border:1px solid var(--color-border)!important;border-top:0!important;border-bottom-left-radius:var(--radius-lg)!important;border-bottom-right-radius:var(--radius-lg)!important;background:var(--color-card)!important}.settings-accordion .settings-form{padding:24px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.settings-accordion .form-message,.settings-accordion .theme-setting,.settings-accordion .btn-primary{grid-column:1 / -1!important}.settings-accordion .form-group input{min-height:44px!important;border-radius:var(--radius-md)!important}.settings-accordion .theme-option{min-height:42px!important;background:var(--color-inner-card)!important;border-radius:var(--radius-md)!important}.settings-accordion .theme-option:hover,.settings-accordion .theme-option.selected{background:var(--color-primary-soft)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}@media(max-width:780px){.settings-accordion .settings-form{grid-template-columns:1fr!important}}.task-detail-container,.staff-task-detail-container{width:min(100%,var(--layout-detail-max))!important;max-width:var(--layout-detail-max)!important;margin:0 auto!important}.task-detail-request-item{background:var(--color-inner-card)!important;border:0!important;border-radius:var(--radius-lg)!important;padding:18px!important}.request-button{min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:var(--radius-md)!important;font-weight:760!important}.request-button-approve{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:var(--color-primary-foreground)!important}.request-button-approve:hover:not(:disabled){background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.request-button-reject{background:var(--color-danger-soft)!important;border-color:var(--color-danger-soft)!important;color:var(--color-danger)!important}.request-button-reject:hover:not(:disabled){background:var(--color-danger)!important;border-color:var(--color-danger)!important;color:var(--color-primary-foreground)!important}.request-date-flow,.request-reason-box{background:var(--color-surface-soft)!important;border-radius:var(--radius-md)!important}.request-date-flow svg,.request-reason-box>svg{color:var(--color-primary)!important}.timeline{padding-left:30px!important}.timeline-item{position:relative!important;padding-bottom:22px!important}.timeline-item:not(:last-child):before{content:""!important;position:absolute!important;left:-20px!important;top:18px!important;bottom:-10px!important;width:2px!important;background:var(--color-border)!important}.timeline-dot,.timeline-marker{left:-26px!important;top:5px!important;width:12px!important;height:12px!important;background:var(--color-primary)!important;border:3px solid var(--color-card)!important;box-shadow:0 0 0 2px var(--color-primary-soft)!important}.timeline-content{background:transparent!important;border:0!important;border-radius:0!important;padding:0 0 18px!important}.timeline-header{margin:0!important;padding:0!important;gap:14px!important}.timeline-event-type{font-size:15px!important;font-weight:760!important}.status-badge,.priority-badge,.request-status{min-height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:fit-content!important;padding:5px 12px!important;border:0!important;border-radius:999px!important;font-size:.82rem!important;font-weight:760!important;line-height:1.15!important;letter-spacing:0!important;white-space:nowrap!important}.priority-high{background:var(--color-danger-soft)!important;color:var(--color-danger)!important}.priority-med,.priority-medium{background:var(--color-warning-soft)!important;color:var(--color-warning)!important}.priority-low{background:var(--color-success-soft)!important;color:var(--color-success)!important}.status-todo,.status-draft,.status-pending,.request-status-pending{background:var(--color-warning-soft)!important;color:var(--color-warning)!important}.status-in-progress,.status-in_progress{background:var(--color-info-soft)!important;color:var(--color-info)!important}.status-blocked,.status-rejected,.request-status-rejected,.status-overdue{background:var(--color-danger-soft)!important;color:var(--color-danger)!important}.status-done,.status-approved,.request-status-approved,.status-active,.status-paid{background:var(--color-success-soft)!important;color:var(--color-success)!important}.task-detail-request-item{display:block!important;padding:18px!important;background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important}.task-detail-request-item .request-header{margin:0 0 12px!important}.request-details-modern{gap:12px!important}.request-date-heading,.request-reason-box span{color:var(--color-muted-foreground)!important;font-size:.78rem!important;font-weight:760!important}.request-date-flow{width:auto!important;min-height:0!important;display:inline-flex!important;align-items:center!important;gap:12px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.request-date-item strong{color:var(--color-foreground)!important;font-size:.98rem!important;font-weight:760!important}.request-reason-box{max-width:760px!important}.request-reason-box p{color:var(--color-foreground)!important;font-size:.94rem!important;font-weight:560!important}.request-created-info,.request-reviewed-info{color:var(--color-muted-foreground)!important;font-size:.78rem!important}.timeline{position:relative!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:4px 0 4px 30px!important}.timeline:before{content:""!important;position:absolute!important;left:6px!important;top:13px!important;bottom:13px!important;width:1px!important;background:var(--color-border)!important}.timeline-item{position:relative!important;display:block!important;padding:0 0 20px!important}.timeline-item:before{display:none!important}.timeline-dot,.timeline-marker{position:absolute!important;left:-29px!important;top:6px!important;width:11px!important;height:11px!important;border:2px solid var(--color-card)!important;border-radius:999px!important;background:var(--color-primary)!important;box-shadow:0 0 0 2px var(--color-primary-soft)!important}.timeline-content{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.timeline-header{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:16px!important}.timeline-event-type{color:var(--color-foreground)!important;font-size:.95rem!important;font-weight:760!important}.timeline-date{color:var(--color-muted-foreground)!important;font-size:.78rem!important}.timeline-summary{display:none!important}.task-detail-activity-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;gap:24px!important;align-items:stretch!important;margin-bottom:24px!important}.task-detail-activity-grid .task-detail-card{height:100%!important;margin-bottom:0!important}.task-detail-deadline-card,.task-detail-timeline-card{min-height:100%!important}.detail-item:has(.status-control-group){grid-column:span 2!important}.status-control-group{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.status-quick-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important}.status-quick-action{min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 13px!important;border:1px solid var(--color-border)!important;border-radius:999px!important;background:var(--color-card)!important;color:var(--color-text)!important;font-size:.86rem!important;font-weight:700!important;text-align:center!important}.status-quick-action:hover:not(:disabled){background:var(--color-primary-soft)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}.timeline{position:relative!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:2px 0 2px 46px!important}.timeline:before{content:""!important;position:absolute!important;left:17px!important;top:15px!important;bottom:15px!important;width:1px!important;background:var(--color-border)!important}.timeline-item{position:relative!important;display:block!important;padding:0 0 26px!important}.timeline-item:last-child{padding-bottom:0!important}.timeline-item:before,.timeline-item:not(:last-child):before{display:none!important;content:none!important}.timeline-dot,.timeline-marker{position:absolute!important;left:-45px!important;top:-1px!important;width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:999px!important;background:var(--color-card)!important;color:var(--color-primary)!important;box-shadow:none!important}.timeline-marker svg,.timeline-dot svg{width:17px!important;height:17px!important;stroke-width:2!important}.timeline-content{padding:0 0 2px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.timeline-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0!important;padding:0!important}.timeline-event-type{color:var(--color-foreground)!important;font-size:.94rem!important;font-weight:650!important;line-height:1.35!important}.timeline-date{color:var(--color-muted-foreground)!important;font-size:.78rem!important;font-weight:520!important;white-space:nowrap!important}.request-reason-box{background:color-mix(in srgb,var(--color-inner-card) 78%,transparent)!important}.request-date-flow{gap:10px!important}@media(max-width:1180px){.task-detail-activity-grid{grid-template-columns:1fr!important}.detail-item:has(.status-control-group){grid-column:auto!important}}.admin-layout:has(.sidebar-collapsed) .admin-content{margin-left:76px!important;width:calc(100% - 76px)!important}.staff-layout:has(.sidebar-collapsed) .staff-content{margin-left:76px!important;width:calc(100% - 76px)!important}.settings-container{width:min(100%,var(--layout-content-max))!important;max-width:var(--layout-content-max)!important;margin:0 auto!important}.settings-card{display:flex!important;flex-direction:column!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;background:var(--color-card)!important;overflow:hidden!important;box-shadow:none!important}.settings-section{padding:24px!important;border-bottom:1px solid var(--color-border)!important}.settings-section:last-child{border-bottom:0!important}.settings-section-header h2{margin:0 0 18px!important;color:var(--color-text-strong)!important;font-size:18px!important;font-weight:720!important}.settings-card .settings-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;padding:0!important}.settings-card .settings-form-static,.settings-card .form-message,.settings-card .theme-setting,.settings-card .btn-primary{grid-column:1 / -1!important}.project-wiki-revisions{margin-top:6px!important;padding:18px!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;background:var(--color-card)!important;gap:14px!important}.project-wiki-revisions-header{align-items:center!important;padding-bottom:12px!important;border-bottom:1px solid var(--color-border)!important}.project-wiki-revisions-header h3{font-size:20px!important;font-weight:720!important}.project-wiki-revision-list{display:flex!important;flex-direction:column!important;gap:10px!important}.project-wiki-revision-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 16px!important;padding:16px 18px!important;border:0!important;border-radius:var(--radius-md)!important;background:var(--color-inner-card)!important;box-shadow:none!important}.project-wiki-revision-title{color:var(--color-text-strong)!important;font-size:15px!important;font-weight:700!important}.project-wiki-revision-meta{margin-top:0!important;color:var(--color-text-muted)!important;font-size:13px!important;white-space:nowrap!important}.project-wiki-revision-summary{grid-column:1 / -1!important;margin-top:2px!important;color:var(--color-text-muted)!important;font-size:14px!important;line-height:1.5!important}@media(max-width:780px){.settings-card .settings-form,.project-wiki-revision-item{grid-template-columns:1fr!important}.project-wiki-revision-meta{white-space:normal!important}}.sidebar{transition:width var(--transition-base),transform var(--transition-base)!important}.sidebar.sidebar-expanded{width:280px!important}.sidebar.sidebar-collapsed{width:76px!important}.admin-layout .admin-content,.staff-layout .staff-content{margin-left:280px!important;width:calc(100% - 280px)!important}.admin-layout.sidebar-is-collapsed .admin-content,.staff-layout.sidebar-is-collapsed .staff-content{margin-left:76px!important;width:calc(100% - 76px)!important}.sidebar.sidebar-collapsed .sidebar-header{min-height:88px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px 10px!important}.sidebar.sidebar-collapsed .sidebar-brand{justify-content:center!important;margin-bottom:0!important}.sidebar.sidebar-collapsed .sidebar-logo,.sidebar.sidebar-collapsed .sidebar-welcome,.sidebar.sidebar-collapsed .sidebar-nav-item span:not(.sidebar-nav-badge){display:none!important}.sidebar.sidebar-collapsed .sidebar-nav,.sidebar.sidebar-collapsed .sidebar-footer{padding-left:10px!important;padding-right:10px!important}.sidebar.sidebar-collapsed .sidebar-nav-item{position:relative!important;justify-content:center!important;gap:0!important;padding:12px!important}.sidebar.sidebar-collapsed .sidebar-nav-badge{position:absolute!important;top:6px!important;right:6px!important;min-width:16px!important;padding:1px 5px!important;font-size:10px!important}.sidebar-toggle{display:inline-flex!important}.sidebar-logo:before{content:none!important}@media(max-width:1200px){.sidebar,.sidebar.sidebar-expanded,.sidebar.sidebar-collapsed{width:76px!important}.sidebar-toggle{display:none!important}.admin-layout .admin-content,.staff-layout .staff-content,.admin-layout.sidebar-is-collapsed .admin-content,.staff-layout.sidebar-is-collapsed .staff-content{margin-left:76px!important;width:calc(100% - 76px)!important}.sidebar .sidebar-header,.sidebar.sidebar-expanded .sidebar-header,.sidebar.sidebar-collapsed .sidebar-header{min-height:88px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px 10px!important}.sidebar .sidebar-brand,.sidebar.sidebar-expanded .sidebar-brand,.sidebar.sidebar-collapsed .sidebar-brand{justify-content:center!important;margin-bottom:0!important}.sidebar .sidebar-logo,.sidebar .sidebar-welcome,.sidebar .sidebar-nav-item span:not(.sidebar-nav-badge){display:none!important}.sidebar .sidebar-nav,.sidebar .sidebar-footer{padding-left:10px!important;padding-right:10px!important}.sidebar .sidebar-nav-item{position:relative!important;justify-content:center!important;gap:0!important;padding:12px!important}}.settings-card .password-current{grid-column:1 / -1!important}.settings-card .password-new,.settings-card .password-confirm{grid-column:auto!important}.admin-layout .admin-content,.staff-layout .staff-content{margin-left:calc(280px + var(--app-frame-gap))!important;margin-top:var(--app-frame-gap)!important;margin-right:var(--app-frame-gap)!important;margin-bottom:var(--app-frame-gap)!important;width:calc(100% - 280px - var(--app-frame-gap-double))!important;min-height:calc(100vh - var(--app-frame-gap-double))!important;border-radius:var(--radius-xl)!important}.admin-layout.sidebar-is-collapsed .admin-content,.staff-layout.sidebar-is-collapsed .staff-content{margin-left:calc(76px + var(--app-frame-gap))!important;width:calc(100% - 76px - var(--app-frame-gap-double))!important}@media(max-width:1200px){.admin-layout .admin-content,.staff-layout .staff-content,.admin-layout.sidebar-is-collapsed .admin-content,.staff-layout.sidebar-is-collapsed .staff-content{margin-left:calc(76px + var(--app-frame-gap))!important;margin-top:var(--app-frame-gap)!important;margin-right:var(--app-frame-gap)!important;margin-bottom:var(--app-frame-gap)!important;width:calc(100% - 76px - var(--app-frame-gap-double))!important;min-height:calc(100vh - var(--app-frame-gap-double))!important}}.password-field{position:relative!important;width:100%!important}.password-field input{width:100%!important;padding-right:44px!important}.password-visibility-button{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:32px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:var(--radius-sm)!important;background:transparent!important;color:var(--color-text-muted)!important;cursor:pointer!important;transition:color var(--transition-base),background-color var(--transition-base)!important}.password-visibility-button:hover:not(:disabled){background:var(--color-primary-soft)!important;color:var(--color-primary)!important}.settings-card .password-current,.settings-card .password-new{grid-column:1 / 2!important}.settings-card .password-confirm{grid-column:2 / 3!important}@media(max-width:780px){.settings-card .password-current,.settings-card .password-new,.settings-card .password-confirm{grid-column:1 / -1!important}}@media(min-width:1201px){.sidebar.sidebar-collapsed .sidebar-toggle{top:22px!important;right:-14px!important;width:30px!important;height:30px!important;display:inline-flex!important;border:1px solid var(--color-border)!important;border-radius:999px!important;background:var(--color-card)!important;color:var(--color-text-muted)!important;z-index:3!important}.sidebar.sidebar-collapsed .sidebar-toggle:hover{background:var(--color-primary-soft)!important;color:var(--color-primary)!important;border-color:var(--color-primary)!important}}.sidebar-brand-button{border:0!important;background:transparent!important;padding:0!important;color:inherit!important;font:inherit!important;text-align:left!important}.sidebar.sidebar-collapsed .sidebar-toggle{display:none!important}.sidebar.sidebar-collapsed .sidebar-brand-button{cursor:pointer!important;width:44px!important;height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--radius-md)!important;transition:background-color var(--transition-base)!important}.sidebar.sidebar-collapsed .sidebar-brand-button:hover{background:var(--color-sidebar-hover)!important}.sidebar.sidebar-collapsed .sidebar-logo-icon{width:30px!important;height:30px!important}@media(min-width:1201px){.sidebar.sidebar-collapsed .sidebar-toggle{display:none!important}}@media(max-width:760px){.tasks-filters,.staff-tasks-filters,.inbox-filters{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px!important;overflow:visible!important}.tasks-filters .filter-group,.staff-tasks-filters .filter-group,.inbox-filters .filter-group,.tasks-filters .filter-select,.staff-tasks-filters .filter-select,.inbox-filters .filter-select{flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important}.tasks-filters .filter-group label,.staff-tasks-filters .filter-group label,.inbox-filters .filter-group label{margin-bottom:7px!important}.tasks-filters .filter-select:has(.filter-select-menu),.staff-tasks-filters .filter-select:has(.filter-select-menu),.inbox-filters .filter-select:has(.filter-select-menu){z-index:4000!important}.tasks-filters .filter-select-menu,.staff-tasks-filters .filter-select-menu,.inbox-filters .filter-select-menu{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:0!important;width:100%!important;max-height:min(260px,48vh)!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:5000!important}.project-detail-container{overflow-x:visible!important}.project-wiki{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:auto!important;overflow:hidden!important}.project-wiki>.project-wiki-sidebar{border-right:0!important;border-bottom:1px solid var(--color-border)!important;max-height:320px!important;overflow-y:auto!important}.project-wiki>.project-wiki-detail{min-height:auto!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.project-wiki-detail-header,.project-wiki-editor-footer,.project-wiki-revisions-header{flex-direction:column!important;align-items:stretch!important}.project-wiki-actions{align-self:flex-start!important;margin-left:0!important}.project-wiki-actions-menu{left:0!important;right:auto!important;max-width:calc(100vw - 64px)!important}.project-wiki-content,.project-wiki-rich-editor,.project-wiki-editor-toolbar{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.project-wiki-form-actions{width:100%!important}}.admin-layout,.staff-layout,.app-layout,.login-container,.admin-content,.staff-content,.app-content{background:transparent!important}.sidebar-logo,.staff-sidebar-logo,.tasks-title,.projects-title,.project-detail-title,.staff-title,.inbox-title,.notifications-title,.settings-title,.staff-tasks-title,.staff-projects-title,.staff-deadline-requests-title,.task-detail-title,.login-title,.section-title,.modal-header h3,.task-form-header h2,.project-form-header h2,.staff-form-header h2,.info-section h2,.members-header h2,.tasks-header h2,.project-wiki-detail-header h2,.project-wiki-page-title{font-family:var(--font-display)!important;letter-spacing:-.02em!important}.tasks-title,.projects-title,.project-detail-title,.staff-title,.inbox-title,.notifications-title,.settings-title,.staff-tasks-title,.staff-projects-title,.staff-deadline-requests-title,.task-detail-title,.login-title{font-weight:700!important}.status-badge,.request-status,.priority-badge,.project-archived-badge,.sidebar-nav-badge,.staff-sidebar-nav-badge,.pagination-info{font-family:var(--font-mono)!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.02em!important;font-size:.7rem!important}.pagination-info{text-transform:none!important}.tasks-table-container,.projects-table-container,.staff-table-container,.inbox-table-container,.staff-tasks-table-container,.staff-deadline-requests-table-container,.task-detail-card,.staff-task-detail-card,.staff-project-card,.project-card,.notifications-list,.settings-accordion{transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)!important}.staff-project-card:hover,.project-card:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow-lg)!important;border-color:var(--color-border-strong)!important}.btn-new-task,.btn-new-project,.btn-new-staff,.btn-add-member,.btn-add-task,.btn-add-checklist,.btn-save,.btn-primary,.login-button,.request-button-approve,.project-wiki-primary-button{box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 35%,transparent)!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)!important}.btn-new-task:hover:not(:disabled),.btn-new-project:hover:not(:disabled),.btn-new-staff:hover:not(:disabled),.btn-add-member:hover:not(:disabled),.btn-add-task:hover:not(:disabled),.btn-add-checklist:hover:not(:disabled),.btn-save:hover:not(:disabled),.btn-primary:hover:not(:disabled),.login-button:hover:not(:disabled),.request-button-approve:hover:not(:disabled),.project-wiki-primary-button:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 6px 16px color-mix(in srgb,var(--color-primary) 42%,transparent)!important}.sidebar-logo,.staff-sidebar-logo{font-weight:800!important;letter-spacing:-.04em!important}.sidebar-nav-item.active,.staff-sidebar-nav-item.active,.sidebar-nav-item.active:hover,.staff-sidebar-nav-item.active:hover{box-shadow:var(--shadow-sm)!important}.tasks-container,.projects-container,.project-detail-container,.staff-container,.deadline-requests-inbox-container,.notifications-container,.settings-container,.staff-tasks-container,.staff-projects-container,.staff-deadline-requests-container,.staff-task-detail-container,.task-detail-container{animation:opsflow-rise .4s ease both}html{scrollbar-gutter:stable}body:has(.task-form-overlay),body:has(.project-form-overlay),body:has(.staff-form-overlay),body:has(.modal-overlay),body:has(.destructive-modal-overlay),body:has(.project-wiki-modal-overlay){overflow:hidden!important}.task-form-overlay,.project-form-overlay,.staff-form-overlay,.modal-overlay,.destructive-modal-overlay,.project-wiki-modal-overlay{align-items:center!important;justify-content:center!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:clamp(16px,5vh,56px) 16px!important}.task-form-modal,.project-form-modal,.staff-form-modal,.modal-content,.destructive-modal,.project-wiki-modal{margin:auto!important;max-height:calc(100dvh - clamp(32px,10vh,112px))!important;overflow-y:auto!important;overscroll-behavior:contain!important}:root{--modal-viewport-gutter: clamp(16px, 5dvh, 56px)}.task-form-overlay,.project-form-overlay,.staff-form-overlay,.modal-overlay,.destructive-modal-overlay,.project-wiki-modal-overlay{position:fixed!important;inset:0!important;box-sizing:border-box;min-height:100dvh;padding:var(--modal-viewport-gutter) 16px!important;overflow:auto!important;overscroll-behavior:contain}@supports (align-items: safe center){.task-form-overlay,.project-form-overlay,.staff-form-overlay,.modal-overlay,.destructive-modal-overlay,.project-wiki-modal-overlay{align-items:safe center!important}}.task-form-modal,.project-form-modal,.staff-form-modal,.modal-content,.destructive-modal,.project-wiki-modal{box-sizing:border-box;max-height:calc(100dvh - (var(--modal-viewport-gutter) * 2))!important;min-height:0;overflow:auto!important;overscroll-behavior:contain}@supports not (height: 100dvh){.task-form-overlay,.project-form-overlay,.staff-form-overlay,.modal-overlay,.destructive-modal-overlay,.project-wiki-modal-overlay{min-height:100vh}.task-form-modal,.project-form-modal,.staff-form-modal,.modal-content,.destructive-modal,.project-wiki-modal{max-height:calc(100vh - (var(--modal-viewport-gutter) * 2))!important}}.app-route-loading{display:grid;width:100%;min-height:100dvh;place-items:center;background:var(--color-background)}.app-route-loading:after{width:28px;height:28px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;content:"";animation:app-route-spin .72s linear infinite}@keyframes app-route-spin{to{transform:rotate(360deg)}}