:root{--color-primary: #10b981;--color-primary-rgb: 16, 185, 129;--color-primary-hover: #059669;--color-primary-light: rgba(16, 185, 129, .15);--color-primary-dark: #047857;--color-bg-primary: #0a0a0a;--color-bg-secondary: #111111;--color-bg-tertiary: #1a1a1a;--color-bg-card: #141414;--color-bg-hover: #1f1f1f;--color-text-primary: #ffffff;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-text-muted: #52525b;--color-accent-success: #10b981;--color-accent-success-rgb: 16, 185, 129;--color-accent-warning: #f59e0b;--color-accent-warning-rgb: 245, 158, 11;--color-accent-error: #ef4444;--color-accent-error-rgb: 239, 68, 68;--color-accent-info: #3b82f6;--color-accent-info-rgb: 59, 130, 246;--border-color: #27272a;--border-color-light: #3f3f46;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(16, 185, 129, .15);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width: 240px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--color-bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:100}.sidebar-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.sidebar-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff}.sidebar-logo-text{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.sidebar-logo-img{height:60px;width:auto}.sidebar-nav{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.938rem;font-weight:500;transition:all .2s ease}.sidebar-nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-nav-item.active{background:var(--color-primary-light);color:var(--color-primary)}.sidebar-nav-item.active svg{color:var(--color-primary)}.sidebar-user{padding:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.sidebar-user-info{display:flex;align-items:center;gap:var(--spacing-md)}.sidebar-user-avatar{width:36px;height:36px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);overflow:hidden;flex-shrink:0}.sidebar-user-avatar.has-logo{background:transparent;border:1px solid var(--border-color)}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-details{display:flex;flex-direction:column}.sidebar-user-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.sidebar-user-role{font-size:.75rem;color:var(--color-text-tertiary)}.sidebar-user-logout{padding:var(--spacing-sm);color:var(--color-text-tertiary);border-radius:var(--radius-md);transition:all .2s ease}.sidebar-user-logout:hover{background:#ef44441a;color:var(--color-accent-error)}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;background:var(--color-bg-primary)}.header{min-height:var(--header-height);padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}.header-title h1{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.header-title p{font-size:.875rem;color:var(--color-text-secondary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.header-action-btn{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .2s ease}.header-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.header-action-btn.active{background:var(--color-bg-tertiary);color:var(--color-primary)}.notification-wrapper{position:relative}.notification-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:var(--color-accent-error);color:#fff;font-size:.65rem;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0006;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.notification-header h3{font-size:.938rem;font-weight:600;color:var(--color-text-primary)}.notification-list{flex:1;overflow-y:auto;max-height:400px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-muted);gap:var(--spacing-sm)}.notification-empty p{font-size:.875rem}.notification-item{display:flex;align-items:flex-start;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);gap:var(--spacing-md);transition:background .15s ease}.notification-item:hover{background:var(--color-bg-hover)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:rgba(var(--color-primary-rgb),.08)}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary)}.notification-item{position:relative}.notification-content{flex:1;min-width:0}.notification-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.notification-body{font-size:.813rem;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.notification-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.notification-item:hover .notification-actions,.notification-item:focus-within .notification-actions{opacity:1}.notification-action-btn{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .15s ease}.notification-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.notification-action-btn.delete:hover{color:var(--color-accent-error)}.page-content{padding:var(--spacing-xl)}.card{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{display:flex;align-items:flex-start;justify-content:space-between}.stat-card-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-card-label{font-size:.875rem;color:var(--color-text-secondary)}.stat-card-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.stat-card-change{font-size:.813rem;color:var(--color-text-tertiary);display:flex;align-items:center;gap:var(--spacing-xs)}.stat-card-change.positive{color:var(--color-accent-success)}.stat-card-change.negative{color:var(--color-accent-error)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-card-icon.primary{background:var(--color-primary-light);color:var(--color-primary)}.stat-card-icon.success{background:#10b98126;color:var(--color-accent-success)}.stat-card-icon.warning{background:#f59e0b26;color:var(--color-accent-warning)}.stat-card-icon.info{background:#3b82f626;color:var(--color-accent-info)}.dashboard-main{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-xl)}@media(max-width:1100px){.dashboard-main{grid-template-columns:1fr}}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.chart-container{height:300px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.chart-title{font-size:1rem;font-weight:600}.chart-subtitle{font-size:.813rem;color:var(--color-text-secondary);margin-top:2px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600}.alert-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.alert-item:last-child{margin-bottom:0}.alert-item-info h4{font-size:.875rem;font-weight:500}.alert-item-info p{font-size:.75rem;color:var(--color-text-tertiary);margin-top:2px}.worker-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background .2s ease}.worker-item:hover{background:var(--color-bg-hover)}.worker-item.highlight{background:var(--color-primary-light)}.worker-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff}.worker-info{flex:1}.worker-name{font-size:.875rem;font-weight:500}.worker-stats{font-size:.75rem;color:var(--color-text-tertiary);display:flex;align-items:center;gap:var(--spacing-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all .2s ease}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--border-color-light)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.badge-success{background:#10b98126;color:var(--color-accent-success)}.badge-warning{background:#f59e0b26;color:var(--color-accent-warning)}.badge-error{background:#ef444426;color:var(--color-accent-error)}.badge-info{background:#3b82f626;color:var(--color-accent-info)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.pill-group{display:flex;background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:4px}.pill-btn{padding:6px 12px;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all .2s ease}.pill-btn:hover{color:var(--color-text-primary)}.pill-btn.active{background:var(--color-bg-card);color:var(--color-text-primary)}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.data-table td{font-size:.875rem}.data-table tbody tr:hover{background:var(--color-bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.form-input{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;color:var(--color-text-primary);width:100%;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder{color:var(--color-text-tertiary)}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.input-with-icon input{padding-left:40px}.toolbar{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;justify-content:space-between}.toolbar-left,.toolbar-right{display:flex;gap:var(--spacing-sm);align-items:center}.tabs{display:flex;gap:var(--spacing-sm);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-primary) 0%,#0d1f17 100%);padding:var(--spacing-xl)}.login-card{width:100%;max-width:400px;background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff;margin:0 auto var(--spacing-lg)}.login-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.login-subtitle{color:var(--color-text-secondary);font-size:.938rem}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.login-form .btn-primary{width:100%;padding:var(--spacing-md);margin-top:var(--spacing-sm)}.login-footer{text-align:center;margin-top:var(--spacing-lg);font-size:.875rem;color:var(--color-text-tertiary)}.login-footer a{color:var(--color-primary)}.login-footer a:hover{text-decoration:underline}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-accent-error);font-size:.875rem}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.empty-state svg{opacity:.4;margin-bottom:var(--spacing-md)}.empty-state h3{font-size:1.125rem;margin-bottom:var(--spacing-xs)}.empty-state p{font-size:.875rem;color:var(--color-text-tertiary)}.worker-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.worker-card{display:flex;flex-direction:column;gap:var(--spacing-md)}.worker-card-header{display:flex;align-items:center;gap:var(--spacing-md)}.worker-card-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;color:#fff}.worker-card-info h4{font-weight:600}.worker-card-info p{font-size:.875rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.worker-card-actions{display:flex;gap:var(--spacing-sm)}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.transaction-info h4{font-size:.875rem;font-weight:500}.transaction-info p{font-size:.75rem;color:var(--color-text-tertiary);margin-top:2px}.transaction-amount{text-align:right}.transaction-amount h4{font-size:.875rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color-light)}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-xl)}.modal-content{background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:flex-start;position:relative;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.modal-close{position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:all .2s ease}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color);margin-top:0}.form-row{display:flex;gap:var(--spacing-md)}.form-row>.form-group{flex:1}.form-textarea{min-height:80px;resize:vertical}.form-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-accent-error);font-size:.875rem}.form-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-accent-success);font-size:.875rem;margin-bottom:var(--spacing-md)}.settings-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.settings-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);text-align:center}.settings-logo-upload{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.settings-logo-preview{width:80px;height:80px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease;color:var(--color-text-tertiary)}.settings-logo-preview:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.settings-logo-preview img{width:100%;height:100%;object-fit:cover}.settings-logo-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);opacity:0;transition:opacity .2s ease;color:#fff;font-size:.625rem;font-weight:600}.settings-logo-preview:hover .settings-logo-overlay{opacity:1}.settings-logo-hint{font-size:.625rem;color:var(--color-text-tertiary);text-align:center}.mt-2{margin-top:var(--spacing-sm)}.btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.loading-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.modal-tabs{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease}.modal-tab:hover{color:var(--color-text-primary)}.modal-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.applicant-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.applicant-card:last-child{margin-bottom:0}.applicant-info{display:flex;align-items:center;gap:var(--spacing-md)}.applicant-info h4{font-size:.938rem;font-weight:500}.applicant-info p{font-size:.813rem;color:var(--color-text-secondary);margin-top:2px;display:flex;align-items:center;gap:var(--spacing-xs)}.applicant-actions{display:flex;gap:var(--spacing-sm)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.detail-item p{font-size:.938rem;color:var(--color-text-primary)}.modal-large{width:calc(100vw - 120px);max-width:1200px;height:calc(100vh - 80px);max-height:calc(100vh - 80px);display:flex;flex-direction:column}.modal-header-info h2{font-size:1.5rem;font-weight:600;margin-bottom:4px}.modal-header-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-secondary)}.modal-header-meta .divider{color:var(--color-text-tertiary)}.modal-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.badge-lg{padding:6px 12px;font-size:.875rem}.modal-stats{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--border-color)}.modal-stat{display:flex;flex-direction:column;gap:2px}.modal-stat-value{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.modal-stat-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.modal-body-scroll{flex:1;overflow-y:auto;min-height:300px}.modal-footer-right{display:flex;gap:var(--spacing-sm)}.btn-danger{color:var(--color-accent-error)}.btn-danger:hover{background:#ef44441a}.applicants-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.applicant-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.applicant-group-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.938rem;font-weight:600}.applicant-group-title.pending{color:var(--color-accent-warning)}.applicant-group-title.accepted{color:var(--color-accent-success)}.applicant-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.applicant-card-large{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s ease}.applicant-card-large:hover{border-color:var(--border-color-light)}.applicant-main{display:flex;align-items:center;gap:var(--spacing-lg)}.worker-avatar-large{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;color:#fff}.worker-avatar-large.accepted{background:linear-gradient(135deg,var(--color-accent-success),var(--color-primary-dark))}.applicant-details h4{font-size:1rem;font-weight:600;margin-bottom:4px}.applicant-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-secondary)}.applicant-meta .divider{color:var(--color-text-tertiary)}.applicant-meta .rating{display:flex;align-items:center;gap:4px;color:var(--color-accent-warning)}.applicant-meta .no-show{color:var(--color-accent-error)}.applicant-actions-large,.attendance-buttons{display:flex;gap:var(--spacing-sm)}.text-muted{color:var(--color-text-tertiary)}.shift-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.detail-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.detail-card.full-width{grid-column:1 / -1}.detail-card label{font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.detail-card p{font-size:.938rem;color:var(--color-text-primary)}.clickable{cursor:pointer;transition:all .2s ease}.clickable:hover{transform:scale(1.05);box-shadow:0 0 0 3px var(--color-primary-light)}.clickable-name{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:color .2s ease}.clickable-name:hover{color:var(--color-primary)}.clickable-name .view-icon{opacity:0;transition:opacity .2s ease}.clickable-name:hover .view-icon{opacity:1}.modal-medium{max-width:550px;max-height:85vh}.worker-profile{display:flex;flex-direction:column;gap:var(--spacing-xl)}.worker-profile-header{display:flex;align-items:center;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.worker-avatar-xl{width:72px;height:72px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.75rem;color:#fff}.worker-profile-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.worker-profile-name{display:flex;align-items:center;gap:var(--spacing-sm)}.worker-profile-name h3{font-size:1.25rem;font-weight:600}.verified-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#3b82f626;color:var(--color-accent-info);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.worker-profile-rating{display:flex;align-items:center;gap:var(--spacing-sm)}.worker-profile-rating .star-icon{color:var(--color-accent-warning)}.worker-profile-rating .rating-value{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.worker-profile-rating .rating-count{font-size:.875rem;color:var(--color-text-secondary)}.worker-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.worker-stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.worker-stat-card .stat-icon{padding:var(--spacing-sm);border-radius:var(--radius-md)}.worker-stat-card .stat-icon.success{background:#10b98126;color:var(--color-accent-success)}.worker-stat-card .stat-icon.error{background:#ef444426;color:var(--color-accent-error)}.worker-stat-card .stat-content{display:flex;flex-direction:column}.worker-stat-card .stat-value{font-size:1.125rem;font-weight:600}.worker-stat-card .stat-label{font-size:.75rem;color:var(--color-text-secondary)}.worker-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.worker-section .section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;color:var(--color-text-primary)}.experience-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.experience-tag{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.worker-avatar-photo{object-fit:cover;border:3px solid var(--color-primary);box-shadow:0 4px 12px #10b98140}.section-emoji{font-size:1.125rem}.experience-tags-enhanced{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.experience-tag-enhanced{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#10b98126,#3b82f61a);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--color-text-primary);transition:all .2s ease}.experience-tag-enhanced:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b98126;border-color:var(--color-primary)}.experience-emoji{font-size:1rem}.experience-label{color:var(--color-text-primary)}.work-history-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.work-history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.work-history-item .work-role{font-weight:500}.work-history-item .work-stats{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:.875rem}.work-history-item .work-rating{display:flex;align-items:center;gap:4px;color:var(--color-accent-warning)}.work-history-item-enhanced{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s ease}.work-history-item-enhanced:hover{border-color:var(--color-primary);background:#10b9810d}.work-role-info{display:flex;align-items:center;gap:var(--spacing-sm)}.work-role-emoji{font-size:1.125rem}.work-role-name{font-weight:500;color:var(--color-text-primary)}.page-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);background:var(--color-bg-card);padding:var(--spacing-sm);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.page-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:.938rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border-radius:var(--radius-md);transition:all .2s ease;flex:1;justify-content:center}.page-tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.page-tab.active{color:var(--color-text-primary);background:var(--color-primary)}.page-tab .tab-count{padding:2px 8px;font-size:.75rem;font-weight:600;background:#ffffff26;border-radius:var(--radius-full)}.page-tab:not(.active) .tab-count{background:var(--color-bg-tertiary)}.attendance-section,.attendance-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.attendance-card{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.attendance-worker-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.attendance-worker-info{display:flex;align-items:center;gap:var(--spacing-md)}.attendance-row{display:flex;align-items:center;gap:var(--spacing-lg)}.attendance-row>label{width:80px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);flex-shrink:0}.attendance-status-buttons{display:flex;gap:var(--spacing-sm);flex:1}.status-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease;flex:1;justify-content:center}.status-btn:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.status-btn.active.attended{background:#10b98126;border-color:var(--color-accent-success);color:var(--color-accent-success)}.status-btn.active.late{background:#f59e0b26;border-color:var(--color-accent-warning);color:var(--color-accent-warning)}.status-btn.active.no-show{background:#ef444426;border-color:var(--color-accent-error);color:var(--color-accent-error)}.attendance-time-inputs{display:flex;gap:var(--spacing-lg);flex:1}.time-input-group{display:flex;align-items:center;gap:var(--spacing-sm)}.time-input-group .time-label{font-size:.813rem;color:var(--color-text-tertiary);white-space:nowrap}.time-input-group input[type=time]{width:130px}.time-picker-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.time-picker-label{font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.time-picker{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all .2s ease}.time-picker:hover,.time-picker:focus-within{border-color:var(--color-primary);color:var(--color-text-primary)}.time-picker-native{background:transparent;border:none;color:var(--color-text-primary);font-size:.938rem;font-weight:500;cursor:pointer;width:110px;padding:0}.time-picker-native:focus{outline:none}.time-picker-native::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.7}.time-picker-native::-webkit-calendar-picker-indicator:hover{opacity:1}.rating-input{display:flex;align-items:center;gap:var(--spacing-xs)}.star-btn{padding:var(--spacing-xs);background:transparent;color:var(--color-text-tertiary);transition:all .15s ease}.star-btn:hover{color:var(--color-accent-warning);transform:scale(1.1)}.star-btn.active{color:var(--color-accent-warning)}.rating-input .rating-value{margin-left:var(--spacing-sm);font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.comment-row{flex-direction:column;align-items:flex-start!important;gap:var(--spacing-sm)!important}.comment-row label{display:flex;align-items:center;gap:var(--spacing-xs);width:auto!important}.comment-input{width:100%;resize:vertical;min-height:60px;font-family:inherit}.attendance-submit{display:flex;justify-content:flex-end;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);margin-top:var(--spacing-md)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.subscription-current{display:flex;flex-direction:column;gap:var(--spacing-xl)}.subscription-current-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.subscription-current-plan{display:flex;align-items:center;gap:var(--spacing-md)}.subscription-current-plan h3{font-size:1.5rem;font-weight:600;margin-bottom:2px}.subscription-current-plan p{color:var(--color-text-secondary)}.subscription-plan-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.subscription-status .badge{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.subscription-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.subscription-usage-card{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-lg)}.subscription-usage-card.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.subscription-usage-card .usage-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.subscription-usage-card .usage-label{font-size:.875rem;color:var(--color-text-secondary)}.subscription-usage-card .usage-value{font-size:1.25rem;font-weight:600}.subscription-usage-card .usage-limit{font-size:1rem;color:var(--color-text-tertiary);font-weight:400}.usage-bar{height:6px;background:var(--color-bg-hover);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--spacing-sm)}.usage-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.subscription-tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.subscription-tier-card{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);position:relative;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease}.subscription-tier-card:hover{border-color:var(--border-color-light)}.subscription-tier-card.current{border-color:var(--color-primary);background:linear-gradient(180deg,rgba(16,185,129,.05) 0%,transparent 100%)}.subscription-tier-card.featured{border-color:var(--color-primary);box-shadow:0 0 30px #10b98126}.tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.tier-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.tier-header h3{font-size:1.25rem;font-weight:600;flex:1}.tier-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.tier-price{margin-bottom:var(--spacing-sm)}.tier-price .price-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.tier-price .price-period{font-size:.875rem;color:var(--color-text-tertiary);margin-left:2px}.tier-limit{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.tier-features{list-style:none;flex:1;margin-bottom:var(--spacing-lg)}.tier-features li{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);line-height:1.4}.tier-features li svg{flex-shrink:0;margin-top:2px}.tier-action{margin-top:auto}.tier-action .btn{width:100%;justify-content:center}@media(max-width:768px){.subscription-tiers-grid{grid-template-columns:1fr}.subscription-current-header{flex-direction:column;align-items:flex-start}}.subscription-usage-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.subscription-usage-banner.near-limit{background:#f59e0b1a;border-color:#f59e0b4d}.subscription-usage-banner.limit-reached{background:#ef44441a;border-color:#ef44444d}.usage-banner-content{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;color:var(--color-text-secondary)}.subscription-usage-banner.near-limit .usage-banner-content{color:var(--color-accent-warning)}.subscription-usage-banner.limit-reached .usage-banner-content{color:var(--color-accent-error)}.usage-banner-content strong{color:var(--color-text-primary)}.subscription-usage-banner.limit-reached .usage-banner-content strong{color:var(--color-accent-error)}.subscription-usage-banner .btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.8125rem}.view-toggle{display:flex;background:var(--color-bg-tertiary);padding:4px;border-radius:var(--radius-md);gap:4px}.view-toggle-btn{padding:6px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;transition:all .2s ease}.view-toggle-btn:hover{color:var(--color-text-secondary)}.view-toggle-btn.active{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.shift-calendar{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.calendar-title{display:flex;align-items:center;gap:var(--spacing-md)}.calendar-title h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.calendar-grid{display:flex;flex-direction:column}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-bg-tertiary);border-bottom:1px solid var(--border-color)}.calendar-weekday{padding:var(--spacing-sm);text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.calendar-days{display:flex;flex-direction:column}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);min-height:120px}.calendar-day{padding:var(--spacing-xs);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--color-bg-secondary);transition:background .2s ease}.calendar-day:last-child{border-right:none}.calendar-day.empty{background:var(--color-bg-tertiary);opacity:.5}.calendar-day.today{background:rgba(var(--color-primary-rgb),.03)}.calendar-day-number{font-size:.8125rem;font-weight:500;color:var(--color-text-tertiary);margin-bottom:var(--spacing-xs);padding:4px}.calendar-day.today .calendar-day-number{color:var(--color-primary);font-weight:700}.calendar-day-shifts{display:flex;flex-direction:column;gap:4px}.calendar-shift-chip{padding:4px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-align:left;border:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .1s ease,filter .2s ease}.calendar-shift-chip:hover{transform:translateY(-1px);filter:brightness(1.1)}.calendar-shift-chip.open{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.2)}.calendar-shift-chip.filled,.calendar-shift-chip.completed{background:rgba(var(--color-accent-success-rgb),.1);color:var(--color-accent-success);border:1px solid rgba(var(--color-accent-success-rgb),.2)}.calendar-shift-chip.cancelled{background:rgba(var(--color-accent-error-rgb),.1);color:var(--color-accent-error);border:1px solid rgba(var(--color-accent-error-rgb),.2)}.calendar-more{font-size:.6875rem;font-weight:600;color:var(--color-text-tertiary);padding:2px 4px}.business-logo-badge{border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.business-logo-badge--sm{width:24px;height:24px}.business-logo-badge--md{width:32px;height:32px}.business-logo-badge--lg{width:48px;height:48px}.business-logo-badge--fallback{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.business-logo-badge__image{width:100%;height:100%;object-fit:cover}.modal-header-title-row{display:flex;align-items:center;gap:var(--spacing-sm)}
