*{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth;overflow-x:hidden}body{height:100%;background:var(--color-surface-base, var(--color-bg));color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--skeleton-base: var(--color-surface-panel-muted, rgba(241, 245, 249, 1));--skeleton-highlight: var(--color-primary-overlay-12, rgba(191, 214, 48, .12));--skeleton-border: var(--color-border-light, #f1f5f9)}#root{min-height:100vh;display:flex;flex-direction:column}.page-header{background:#fff;color:var(--color-primary);padding:2rem 0;text-align:center;border-bottom:2px solid var(--color-primary)}.page-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:.5rem}.page-header p{font-size:var(--font-size-lg);opacity:.9}.nav-container{background:var(--color-surface-panel, var(--color-bg-panel));border-bottom:1px solid var(--color-form-border, var(--color-border));padding:1rem 0;position:sticky;top:0;z-index:100}.nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);padding:.5rem 1rem;border-radius:var(--border-radius-sm);transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--color-primary);background:var(--color-primary-light)}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}.login-container,.dashboard-container,.timelog-container{background:var(--color-form-bg, var(--color-bg-panel));border:1px solid var(--color-form-border, var(--color-border));border-radius:var(--border-radius-sm);padding:2rem;margin:0 auto 2rem;max-width:600px}.dashboard-container{max-width:1000px}.timelog-container{max-width:800px}.page-title{text-align:center;margin-bottom:var(--space-2xl)}.page-title h2{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.page-title p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.section{background:var(--color-form-bg, #ffffff);border:1px solid var(--color-form-border, var(--color-border));border-radius:var(--border-radius-sm);padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.section h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl);align-items:end}.form-column{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-compact{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.form-container{display:flex;justify-content:center;align-items:flex-start;min-height:100%;padding:var(--space-xl) 0}.form-container .section{max-width:800px;width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-items:end}.form-row .form-group{margin-bottom:0}input,select,textarea{padding:clamp(.875rem,.8rem + .3vw,1rem);border:2px solid var(--color-form-input-border, var(--color-border));border-radius:var(--border-radius-sm);font-size:var(--font-size-base);background:var(--color-form-input-bg, var(--color-bg-panel));color:var(--color-form-input-text, var(--color-text));transition:all .2s;font-family:inherit;min-height:44px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-button-primary-border, var(--color-primary));box-shadow:0 0 0 3px var(--color-primary-light)}input::placeholder,textarea::placeholder{color:var(--color-form-placeholder, var(--color-text-light))}.compact-section{padding:var(--space-md);border-radius:calc(var(--border-radius-sm) - 4px)}.form-compact.compact{gap:var(--space-sm)}.form-row.compact-row{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.password-input-wrap{display:flex;gap:.5rem;align-items:center}.password-toggle{padding:.5rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);min-width:40px}.modern-chips{display:flex;flex-wrap:wrap;gap:.5rem}.group-chip{padding:.35rem .6rem;border-radius:999px;background:var(--color-bg-secondary);border:1px solid var(--color-border);font-size:var(--font-size-sm);cursor:pointer}.form-row-actions{display:flex;gap:var(--space-md);align-items:center;justify-content:space-between}.login-container{padding:1rem;max-width:600px}.btn{background:var(--color-button-primary-bg, var(--color-primary));color:var(--color-button-primary-text, #ffffff);border:2px solid var(--color-button-primary-border, var(--color-primary));border-radius:var(--border-radius-sm);padding:clamp(.75rem,.7rem + .2vw,1rem) clamp(1.5rem,1.3rem + .4vw,2rem);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;min-width:44px}.btn:hover{background:var(--color-button-primary-hover-bg, var(--color-button-primary-text, #ffffff));color:var(--color-button-primary-hover-text, var(--color-primary));border:2px solid var(--color-button-primary-hover-border, var(--color-primary))}.btn:active{background:var(--color-button-primary-active-bg, var(--color-button-primary-bg, var(--color-primary)));color:var(--color-button-primary-active-text, var(--color-button-primary-text, #ffffff))}.btn:disabled,.btn[disabled]{background:var(--color-button-primary-disabled-bg, var(--color-border));color:var(--color-button-primary-disabled-text, var(--color-text-light));border:2px solid var(--color-button-primary-disabled-border, var(--color-border));cursor:not-allowed;opacity:.7}a.btn{transition:all .3s ease}.btn-secondary{background:var(--color-secondary)}.btn-secondary:hover{background:#047857}.btn-danger{background:var(--color-error)}.btn-small{padding:.5rem 1rem;font-size:var(--font-size-sm)}.btn-compact{padding:.75rem 1.25rem;font-size:var(--font-size-sm);min-height:40px}.alert{padding:1rem 1.5rem;border-radius:var(--border-radius-sm);margin:1rem 0;font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:.5rem}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.alert-error:before{content:"⚠️"}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.alert-success:before{content:"✅"}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.alert-warning:before{content:"⚡"}h1{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:1rem;line-height:1.2}h2{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:1rem;line-height:1.3}h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:1rem;line-height:1.4}h4{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:.75rem}p{color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.6}label{color:var(--color-text);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-bottom:.5rem;display:block}.worklog-table{width:100%;border-collapse:collapse;background:var(--color-bg-panel);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);font-size:var(--font-size-sm)}.worklog-table th,.worklog-table td{padding:var(--space-md) var(--space-sm);text-align:left;border-bottom:1px solid var(--color-border-light)}.worklog-table th{background:var(--color-bg-secondary);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap}.worklog-table tr:hover{background:var(--color-primary-light)}.time-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;text-align:center;box-shadow:var(--shadow-sm)}.summary-card h4{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:.25rem}.summary-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.status-badge.complete{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.status-badge.on-track{background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary)}.status-badge.behind,.status-badge.status-under_review{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.status-badge.status-accepted{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.status-badge.status-declined{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.employee-list{display:flex;flex-direction:column;gap:1rem}.employee-item{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.employee-item:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.employee-info{display:flex;flex-direction:column;gap:.25rem}.employee-name{font-weight:var(--font-weight-semibold);color:var(--color-text)}.employee-email{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.employee-hours{color:var(--color-primary);font-weight:var(--font-weight-medium)}.loading{display:inline-flex;align-items:center;gap:.5rem}.loading:after{content:"";width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.skeleton{display:inline-block;background:var(--skeleton-base)}.skeleton-container{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl);border:1px solid var(--skeleton-border);border-radius:var(--border-radius, 16px);background:var(--color-surface-panel, var(--color-form-bg, #fff));box-shadow:var(--shadow-sm);min-height:160px}.skeleton-container.skeleton-fullscreen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-lg)}.skeleton-container.skeleton-fullscreen{align-items:center;padding-left:var(--space-lg);padding-right:var(--space-lg)}.skeleton-container.skeleton-fullscreen>*{max-width:1200px;width:100%}.skeleton-header{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;justify-content:space-between}.skeleton-circle{width:48px;height:48px;border-radius:var(--border-radius-sm, 12px);border:2px solid var(--skeleton-border);background:var(--skeleton-base);box-shadow:inset 0 1px #fff9,0 1px 2px #0000000a}.skeleton-lines{flex:1 1 220px;min-width:180px;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:12px;border-radius:999px;background:var(--skeleton-base)}.skeleton-line-short{width:50%}.skeleton-line-medium{width:75%}.skeleton-line-full{width:100%}.skeleton-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skeleton-pill{display:inline-block;height:36px;min-width:96px;border-radius:999px;background:var(--skeleton-base)}.skeleton-pill-cta{height:44px;min-width:140px}.skeleton-pill-wide{width:clamp(140px,22vw,280px)}.skeleton-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.skeleton-card{padding:var(--space-md);border-radius:var(--border-radius-sm, 8px);background:var(--color-surface-panel-muted, var(--color-bg-secondary));border:1px solid var(--skeleton-border);display:flex;flex-direction:column;gap:.75rem;min-height:120px}.skeleton-card-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:.25rem}.skeleton-card-content{display:flex;flex-direction:column;gap:.5rem}.skeleton-card .skeleton-line{height:12px;border-radius:999px;background:var(--skeleton-base)}.skeleton-card-title .skeleton-line{height:14px;width:70%}.skeleton-card-content .skeleton-line{height:12px}.skeleton-table{display:flex;flex-direction:column;border:1px solid var(--skeleton-border);border-radius:var(--border-radius-sm, 8px);overflow:hidden;background:var(--color-surface-panel, var(--color-form-bg, #fff))}.skeleton-row{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr)) 80px;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);align-items:center;border-top:1px solid var(--skeleton-border)}.skeleton-row-header{background:transparent;padding:calc(var(--space-sm) + 4px) var(--space-md)}.skeleton-row:first-child{border-top:none}.skeleton-row:nth-child(2n){background:var(--color-surface-panel-muted, var(--color-bg-secondary))}.skeleton-cell{height:14px;border-radius:10px;background:var(--skeleton-base)}.skeleton-cell-action{width:64px;justify-self:end}.skeleton-cell-header{height:14px;border-radius:10px;opacity:.95}.skeleton-animated{background-image:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-highlight) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;will-change:background-position;border-radius:inherit}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion: reduce){.skeleton-animated{animation:none;background-image:none}}@media (max-width: 640px){.skeleton-container{padding:var(--space-lg)}.skeleton-row{grid-template-columns:repeat(2,minmax(120px,1fr))}.skeleton-cell-action{width:100%;justify-self:stretch}}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}button:disabled:hover{background:var(--color-primary);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--color-text-secondary)}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h4{color:var(--color-text);margin-bottom:.5rem}hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.page-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:2rem 0;margin-top:auto;text-align:center;color:var(--color-text-secondary)}@media (max-width: 767px){.main-content{padding:var(--space-md)}.login-container,.dashboard-container,.timelog-container{margin:0 0 var(--space-md);padding:var(--space-lg);max-width:100%}.form-grid{grid-template-columns:1fr;gap:var(--space-lg)}.form-row{grid-template-columns:1fr;gap:var(--space-md)}.form-group{gap:var(--space-md)}.btn{width:100%;justify-content:center;min-height:48px}.nav-content{padding:0 var(--space-md);flex-direction:column;gap:var(--space-md)}.nav-links{flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.page-header{padding:var(--space-lg) var(--space-md)}.page-title{margin-bottom:var(--space-xl)}.page-title h2{font-size:var(--font-size-xl)}.page-title p{font-size:var(--font-size-base)}.section{padding:var(--space-lg);margin-bottom:var(--space-lg)}.section h3{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.time-summary{grid-template-columns:1fr;gap:var(--space-md)}.metrics-grid{grid-template-columns:1fr;gap:var(--space-lg)}.employee-item{flex-direction:column;gap:var(--space-md);align-items:flex-start;padding:var(--space-lg)}.worklog-table{font-size:var(--font-size-xs)}.worklog-table th,.worklog-table td{padding:var(--space-sm) var(--space-xs)}.timelog-container{overflow-x:auto}.worklog-table{min-width:600px;font-size:var(--font-size-xs)}}@media (max-width: 479px){.section{padding:var(--space-lg)}.form-container{padding:var(--space-md) 0}.btn{width:100%;justify-content:center}.worklog-table th,.worklog-table td{padding:var(--space-xs);font-size:var(--font-size-xs);min-width:100px}.main-content{padding:var(--space-sm)}.page-title{margin-bottom:var(--space-lg)}.page-title h2{font-size:var(--font-size-lg)}.section{padding:var(--space-md);margin-bottom:var(--space-md)}.page-header{padding:var(--space-lg) var(--space-sm)}}button:focus-visible,.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-4{margin-bottom:var(--space-md)}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-4{margin-top:var(--space-md)}.p-2{padding:var(--space-sm)}.p-4{padding:var(--space-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-sm)}.gap-4{gap:var(--space-md)}.w-full{width:100%}.hidden{display:none}@media (max-width: 767px){.hidden-mobile{display:none!important}.flex-mobile{display:flex!important}.flex-col-mobile{flex-direction:column!important}.text-center-mobile{text-align:center!important}.w-full-mobile{width:100%!important}}@media (min-width: 768px){.hidden-desktop{display:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}:root{--drawer-viewport-height: 100dvh}@supports (height: 100svh){:root{--drawer-viewport-height: 100svh}}html{font-family:Inter,system-ui,sans-serif}.login-container{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:var(--space-xl);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-surface-base, var(--color-bg)) 100%);position:relative;overflow:hidden}.main-content.login-page{max-width:none;width:100%;margin:0;padding:0}.main-content{width:100%;max-width:none;margin:0;padding:clamp(1rem,4vw,3rem);box-sizing:border-box}.main-content.login-page .login-container{width:100%;max-width:none;margin:0;border:none;border-radius:0}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--color-primary-overlay-10, rgba(191, 214, 48, .1)) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.login-form-wrapper{width:100%;max-width:420px;background:var(--color-form-bg, var(--color-bg-panel));border-radius:var(--border-radius-lg);padding:var(--space-2xl) var(--space-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-form-border, var(--color-border));position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--color-form-bg, #ffffff) 90%,transparent)}.login-header{text-align:center;margin-bottom:2.5rem}.login-progress{text-align:center;padding:2rem}.login-icon{font-size:3.5rem;margin-bottom:1rem;display:block;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-title{font-size:2rem;font-weight:700;word-break:break-word;white-space:normal;text-align:center;max-width:100%;overflow-wrap:break-word;line-height:1.2}.login-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5;max-width:300px;margin:0 auto}.login-form{width:100%}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-sm)}.form-control{width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--color-form-input-border, var(--color-border));border-radius:var(--border-radius-sm);font-size:var(--font-size-base);font-family:var(--font-family);background:var(--color-form-input-bg, var(--color-bg-panel));color:var(--color-form-input-text, var(--color-text));transition:all .2s ease;outline:none;min-height:48px}.form-control:focus{border-color:var(--color-button-primary-border, var(--color-primary));box-shadow:0 0 0 3px var(--color-primary-focus-ring, var(--color-primary-overlay-10, rgba(191, 214, 48, .1)));background:var(--color-form-input-bg, var(--color-bg-panel))}.form-control::placeholder{color:var(--color-form-placeholder, var(--color-text-light))}.btn-login{width:100%;padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--color-button-primary-gradient-start, var(--color-button-primary-bg, var(--color-primary))) 0%,var(--color-button-primary-gradient-end, var(--color-button-primary-border, var(--color-primary-hover))) 100%);color:var(--color-button-primary-text, #ffffff);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;min-height:48px}.btn-login:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow);background:linear-gradient(135deg,var(--color-button-primary-hover-bg, var(--color-button-primary-gradient-start, var(--color-primary-hover))) 0%,var(--color-primary-strong, var(--color-button-primary-gradient-end, var(--color-primary-hover))) 100%)}.btn-login:active{transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-button-primary-highlight, rgba(255, 255, 255, .2)),transparent);transition:left .5s}.btn-login:hover:not(:disabled):before{left:100%}.auth-link{display:block;text-align:center;margin-top:var(--space-md);color:var(--color-primary);font-size:var(--font-size-sm);text-decoration:none;font-weight:var(--font-weight-medium)}.alert{padding:clamp(.75rem,2vw,1.5rem);border-radius:var(--border-radius-sm);margin-bottom:clamp(1rem,2vw,2rem);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-left:auto;margin-right:auto;width:min(100%,900px);box-sizing:border-box}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.warning-text{color:var(--color-error);font-weight:var(--font-weight-medium)}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.dashboard-toggle{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl);background:var(--color-bg-panel);padding:var(--space-md);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-xs);border:1px solid var(--color-border-light)}.dashboard-toggle__btn{flex:1;min-width:160px;padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-sm);border:1px solid var(--color-form-border, var(--color-border));background:var(--color-form-bg, var(--color-bg));color:var(--color-text);font-weight:var(--font-weight-medium);transition:all .2s ease;cursor:pointer}.dashboard-toggle__btn:hover,.dashboard-toggle__btn:focus{outline:none;border-color:var(--color-button-primary-border, var(--color-primary));box-shadow:0 0 0 3px var(--color-primary-soft-strong, var(--color-primary-overlay-15))}.dashboard-toggle__btn.active{background:linear-gradient(135deg,var(--color-button-primary-gradient-start, var(--color-primary)) 0%,var(--color-button-primary-gradient-end, var(--color-primary-hover)) 100%);color:var(--color-button-primary-text, #ffffff);border-color:transparent;box-shadow:var(--shadow-sm)}.dashboard-toggle__btn.active:hover,.dashboard-toggle__btn.active:focus{box-shadow:var(--shadow)}.page-title{margin-top:2rem}.page-footer{margin-top:1rem;padding:1.5rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;background:var(--color-bg-panel);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);width:100%}.nav-container{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:3px solid var(--color-primary);box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:16px;width:100%}.nav-content{width:100%;max-width:none;margin:0;padding:0 clamp(1.5rem,4vw,3rem);display:flex;justify-content:flex-end;align-items:center;min-height:70px;box-sizing:border-box}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;color:var(--color-text-secondary);text-decoration:none;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-primary-overlay-10, rgba(191, 214, 48, .1)),transparent);transition:left .5s}.notification-permission-banner{position:fixed;bottom:1.5rem;right:1.5rem;width:min(360px,calc(100% - 2rem));background:var(--color-bg-panel, #fff);border:1px solid var(--color-border-light, rgba(0, 0, 0, .1));border-radius:var(--border-radius, 12px);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .1));padding:1.25rem 2.5rem 1.25rem 1.25rem;z-index:999;display:flex;flex-direction:column;gap:.75rem}.notification-permission-close{position:absolute;top:.5rem;right:.5rem;border:none;background:transparent;color:var(--color-text-secondary, #666);cursor:pointer;padding:.25rem;line-height:1;font-size:1.1rem}.notification-permission-close:hover{color:var(--color-text, #111)}.notification-permission-content{display:flex;flex-direction:column;gap:.4rem}.notification-permission-title{margin:0;font-weight:var(--font-weight-semibold, 600);color:var(--color-text, #222)}.notification-permission-text{margin:0;color:var(--color-text-secondary, #555);font-size:var(--font-size-sm, .9rem)}.notification-permission-actions{display:flex;flex-wrap:wrap;gap:.5rem}.notification-permission-accept,.notification-permission-dismiss{flex:1;min-width:140px;border-radius:var(--border-radius-sm, 8px);border:1px solid transparent;padding:.65rem .75rem;font-weight:var(--font-weight-medium, 500);cursor:pointer}.notification-permission-accept{background:var(--color-button-primary-bg, var(--color-primary));color:var(--color-button-primary-text, #fff);border-color:var(--color-button-primary-border, transparent)}.notification-permission-accept:disabled{opacity:.75;cursor:not-allowed}.notification-permission-dismiss{background:transparent;border-color:var(--color-border-light, rgba(0, 0, 0, .2));color:var(--color-text-secondary, #444)}@media (max-width: 768px){.notification-permission-banner{right:1rem;left:1rem;width:auto}}.nav-link:hover:before{left:100%}.nav-link:hover{color:var(--color-primary);background:var(--color-primary-overlay-05, rgba(191, 214, 48, .05));transform:translateY(-1px)}.pwa-install-overlay{position:fixed;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);z-index:120;display:flex;flex-direction:column;gap:.5rem}.pwa-install-card{max-width:min(360px,calc(100vw - 2rem));background:var(--color-bg-panel, #ffffff);border-radius:var(--border-radius, 1rem);padding:var(--space-xl, 1.5rem);box-shadow:var(--shadow-lg, 0 15px 35px rgba(0, 0, 0, .18));border:1px solid var(--color-border-light, rgba(0, 0, 0, .08));display:flex;flex-direction:column;gap:1rem}.pwa-install-title{font-weight:var(--font-weight-bold, 600);margin:0 0 .25rem}.pwa-install-description{margin:0;color:var(--color-text-secondary, #4b5563);font-size:var(--font-size-sm, .95rem);line-height:1.4}.pwa-install-actions{display:flex;gap:.75rem;justify-content:flex-end}.pwa-install-button{border-radius:999px;padding:.6rem 1.5rem;font-weight:var(--font-weight-medium, 500);border:1px solid transparent;cursor:pointer;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.pwa-install-button.primary{background:var(--color-primary, #bfd630);color:var(--color-button-primary-text, #111827);box-shadow:var(--shadow-sm, 0 8px 20px rgba(191, 214, 48, .35))}.pwa-install-button.primary:hover{transform:translateY(-1px);box-shadow:var(--shadow, 0 12px 24px rgba(191, 214, 48, .45))}.pwa-install-button.secondary{background:transparent;color:var(--color-text-secondary, #4b5563);border-color:var(--color-border, rgba(0, 0, 0, .15))}.pwa-install-button.secondary:hover{background:var(--color-primary-overlay-05, rgba(191, 214, 48, .05))}.nav-link.active{color:var(--color-primary);background:var(--color-primary-overlay-10, rgba(191, 214, 48, .1));font-weight:600}.nav-link.active:after{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--color-primary);border-radius:1px}.nav-icon{background:var(--color-primary-overlay-10, rgba(191, 214, 48, .1))}.nav-text{font-size:.875rem}.nav-user{display:flex;align-items:center;gap:1rem;margin-left:1rem;padding-left:1rem;border-left:1px solid var(--color-border)}.nav-user-actions{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.user-role{font-size:.75rem;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:.25rem .75rem;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn-install,.btn-install-full{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--color-primary, #bfd630) 0%,var(--color-primary-strong, #94a41f) 100%);color:var(--color-button-primary-text, #111827);border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 10px #bfd63059}.btn-install:hover,.btn-install-full:hover{transform:translateY(-1px);box-shadow:0 6px 18px #bfd63066}.btn-install-full{width:100%}.install-icon{font-size:1rem}.btn-logout{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--color-error) 0%,#dc2626 100%);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ef44444d}.btn-logout:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:#ffffffe6;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.hamburger-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0ea5e91a,#0ea5e90d);opacity:0;transition:opacity .3s}.hamburger-btn:hover:before{opacity:1}.hamburger-btn:hover{border-color:var(--color-primary);transform:scale(1.05)}.hamburger-btn.open{border-color:var(--color-primary)}.hamburger-btn.open:before{opacity:1}.hamburger-line{width:20px;height:2px;background:var(--color-text);margin:2px 0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center}.hamburger-btn.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-drawer{position:fixed;top:0;left:0;width:100%;height:var(--drawer-viewport-height, 100dvh);z-index:1000;pointer-events:none;-webkit-tap-highlight-color:transparent;contain:layout paint}.mobile-drawer.open{pointer-events:auto;touch-action:none}.drawer-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.mobile-drawer.open .drawer-backdrop{opacity:1}.drawer-content{position:absolute;top:0;left:0;width:280px;min-height:var(--drawer-viewport-height, 100dvh);height:var(--drawer-viewport-height, 100dvh);max-height:var(--drawer-viewport-height, 100dvh);background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:4px 0 20px #00000026;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;will-change:transform;backface-visibility:hidden}.mobile-drawer.open .drawer-content{transform:translate(0)}.mobile-drawer.suppress-transition .drawer-content,.mobile-drawer.suppress-transition .drawer-backdrop{transition:none!important}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#0ea5e90d,#0ea5e905)}.drawer-title{font-size:1.25rem;font-weight:600;color:var(--color-text)}.drawer-close{width:36px;height:36px;background:#fffc;border:1px solid var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:var(--color-text-secondary);transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drawer-close:hover{background:#fff;border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05)}.drawer-body{flex:1;display:flex;flex-direction:column;padding:1.5rem}.drawer-user{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0ea5e90d;border-radius:12px;margin-bottom:2rem}.user-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;box-shadow:0 4px 12px #0ea5e94d}.user-info{flex:1}.user-name{font-weight:600;color:var(--color-text);margin-bottom:.25rem}.user-role-badge{font-size:.75rem;color:var(--color-primary);background:#0ea5e91a;padding:.25rem .75rem;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.drawer-nav{flex:1}.drawer-link{display:flex;align-items:center;gap:1rem;padding:1rem;color:var(--color-text-secondary);text-decoration:none;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);margin-bottom:.25rem;position:relative;font-weight:500}.drawer-link:hover{background:#0ea5e90d;color:var(--color-primary);transform:translate(4px)}.drawer-link.active{background:#0ea5e91a;color:var(--color-primary);font-weight:600}.active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--color-primary);border-radius:2px}.drawer-icon{font-size:1.25rem;width:24px;text-align:center}.drawer-text{font-size:.875rem}.drawer-footer{padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:.75rem}.btn-logout-full{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(135deg,var(--color-error) 0%,#dc2626 100%);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ef44444d}.btn-logout-full:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.worklog-card{background:var(--color-form-bg, var(--color-bg-panel));border:1px solid var(--color-form-border, var(--color-border));border-radius:var(--border-radius-sm);padding:2rem;margin:0 0 2rem;width:100%;box-sizing:border-box;transition:all .3s ease}.worklog-header{margin-bottom:2rem}.worklog-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 .5rem}.worklog-subtext{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.worklog-form{display:flex;flex-direction:column;gap:1rem}.worklog-section{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);overflow:hidden;transition:all .2s ease}.worklog-section-toggle{background:transparent;border:none;padding:1rem 1.25rem;cursor:pointer;display:flex;align-items:center;gap:1rem;width:100%;text-align:left;transition:all .2s ease;font-family:var(--font-family)}.worklog-section-toggle:hover{background:var(--color-primary-overlay-05)}.worklog-section-toggle:active{background:var(--color-primary-overlay-08)}.toggle-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--color-primary);font-size:.75rem;font-weight:700;flex-shrink:0}.worklog-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin:0;flex:1}.worklog-section-badge{display:inline-block;font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-overlay-10);padding:.25rem .75rem;border-radius:12px;margin-left:auto;flex-shrink:0}.worklog-section-content{padding:0 1.25rem 1rem;background:linear-gradient(135deg,transparent 0%,var(--color-primary-overlay-02) 100%);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.worklog-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.worklog-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.worklog-field{display:flex;flex-direction:column;gap:.5rem}.worklog-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.worklog-input,.worklog-textarea{padding:.75rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);font-family:var(--font-family);background:var(--color-bg-panel);color:var(--color-text);transition:all .2s ease}.worklog-input::placeholder,.worklog-textarea::placeholder{color:var(--color-text-light)}.worklog-input:focus,.worklog-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-overlay-10)}.worklog-textarea{resize:vertical;min-height:80px;max-height:120px;font-family:var(--font-family)}.worklog-breaks-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.break-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:1rem;transition:all .2s ease}.break-card:hover{border-color:var(--color-primary-overlay-20);background:linear-gradient(135deg,var(--color-bg-secondary),rgba(191,214,48,.02))}.break-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.break-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.break-remove-btn{background:transparent;border:none;color:var(--color-error);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease;opacity:.6}.break-remove-btn:hover{opacity:1;background:var(--color-error-bg)}.break-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.worklog-empty-state{padding:2rem 1rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);margin-bottom:1rem}.worklog-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.worklog-btn-primary,.worklog-btn-secondary{padding:.875rem 1.5rem;border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0}.worklog-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;box-shadow:0 2px 8px #bfd6304d}.worklog-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #bfd63066}.worklog-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.worklog-btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1.5px solid var(--color-border)}.worklog-btn-secondary:hover{background:var(--color-bg-panel);border-color:var(--color-primary);color:var(--color-primary)}.spinner{display:inline-block;width:.875rem;height:.875rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (min-width: 768px) and (max-width: 1199px){.worklog-grid-3{grid-template-columns:1fr 1fr}.worklog-grid-3>:last-child{grid-column:1 / -1}.break-fields{grid-template-columns:1fr 1fr}.break-fields>:last-child{grid-column:1 / -1}}@media (max-width: 767px){.worklog-card{padding:1.5rem 1rem}.worklog-heading{font-size:var(--font-size-lg)}.worklog-grid-2,.worklog-grid-3,.break-fields{grid-template-columns:1fr}.worklog-input,.worklog-textarea{width:100%;box-sizing:border-box}.worklog-field .react-datepicker-wrapper{width:100%}.worklog-field .react-datepicker__input-container input{width:100%!important;box-sizing:border-box}.worklog-btn-primary,.worklog-btn-secondary{width:100%}.break-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.break-remove-btn{align-self:flex-end}.worklog-section-toggle{padding:.875rem 1rem}.worklog-section-content{padding:0 1rem 1rem}}@media (max-width: 480px){.worklog-card{padding:1rem;border-radius:var(--border-radius-sm)}.worklog-header{margin-bottom:1.5rem}.worklog-heading{font-size:var(--font-size-base)}.worklog-form{gap:.5rem}.worklog-section{gap:0}.worklog-input,.worklog-textarea{font-size:16px}.worklog-actions{margin-top:1rem;padding-top:1rem}}@media (max-width: 767px){.nav-links.desktop-nav{display:none}.hamburger-btn{display:flex;margin-right:auto}.nav-content{padding:0 1rem;min-height:60px;justify-content:flex-start;margin:0;max-width:none}}.dashboard-container{width:100%;max-width:none;margin:var(--space-lg) 0;padding:clamp(1rem,4vw,3rem);box-sizing:border-box}.time-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s ease}.summary-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.summary-card h4{margin:0 0 .5rem;font-size:.875rem;color:var(--color-primary);font-weight:600}.summary-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.summary-label{font-size:.875rem;color:#6b7280}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:2rem}.employee-list{display:grid;gap:1rem;max-height:400px;overflow-y:auto}.employee-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:relative;overflow:hidden;animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.employee-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);opacity:0;transition:opacity .3s ease}.employee-item:hover{border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.employee-item:hover:before{opacity:1}.load-more-btn{width:100%;margin-top:1rem}.employee-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.employee-name{font-weight:700;font-size:1.125rem;color:#111827;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.employee-name:before{content:"👤";font-size:1.25rem}.employee-email{color:#6b7280;font-size:.875rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.employee-email:before{content:"✉️";font-size:.875rem}.employee-hours,.employee-days,.employee-sick-days{color:#4b5563;font-size:.875rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#f9fafb;border-radius:6px;border-left:3px solid #e5e7eb}.employee-hours:before{content:"⏰";font-size:1rem}.employee-days:before{content:"🏖️";font-size:1rem}.employee-sick-days:before{content:"🤒";font-size:1rem}.employee-groups{margin-top:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.employee-groups:before{content:"👥";font-size:1rem;margin-right:.25rem}.employee-groups-label{font-weight:500;color:#4b5563}.employee-groups-badges{display:flex;flex-wrap:wrap;gap:.375rem}.group-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:linear-gradient(135deg,var(--color-primary-overlay-10, rgba(191, 214, 48, .1)) 0%,var(--color-primary-overlay-15, rgba(191, 214, 48, .15)) 100%);border:1px solid var(--color-primary-overlay-30, rgba(191, 214, 48, .3));color:var(--color-primary-contrast, var(--color-primary));border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.025em;transition:all .2s ease}.group-badge:hover{background:linear-gradient(135deg,var(--color-primary-overlay-15, rgba(191, 214, 48, .15)) 0%,var(--color-primary-overlay-20, rgba(191, 214, 48, .2)) 100%);border-color:var(--color-primary-overlay-40, rgba(191, 214, 48, .4));transform:translateY(-1px);box-shadow:0 2px 4px var(--color-primary-overlay-20, rgba(191, 214, 48, .2))}.employee-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;min-width:120px}.employee-actions .btn{width:100%;white-space:nowrap;justify-content:center}.employee-actions .btn-small{padding:.625rem 1rem;font-weight:500;border-radius:8px;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.employee-actions .btn-small:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.employee-item .edit-form{width:100%;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid #e5e7eb;box-shadow:inset 0 1px 3px #0000000d}.employee-item .edit-form .form-field{display:flex;flex-direction:column;gap:.5rem}.employee-item .edit-form .form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:#374151;letter-spacing:.01em}.employee-item .edit-form .form-label-icon{font-size:1rem;display:inline-flex;align-items:center;justify-content:center}.employee-item .edit-form input[type=text],.employee-item .edit-form input[type=email],.employee-item .edit-form input[type=number]{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#fff;transition:all .2s ease;font-family:inherit}.employee-item .edit-form input[type=text]:focus,.employee-item .edit-form input[type=email]:focus,.employee-item .edit-form input[type=number]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #0ea5e91a;background:#fff}.employee-item .edit-form input[type=text]:hover,.employee-item .edit-form input[type=email]:hover,.employee-item .edit-form input[type=number]:hover{border-color:#d1d5db}.employee-item .edit-form .group-selector{margin-top:0;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1rem}.employee-item .edit-form .group-selector__title{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;font-size:.875rem;color:#374151}.employee-item .edit-form .form-actions{display:flex;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.employee-item .edit-form .form-actions .btn{flex:1}.form-group-full{grid-column:1 / -1}.group-checkboxes{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.checkbox-inline{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-bg-panel);transition:border-color .2s ease,box-shadow .2s ease}.checkbox-inline input[type=checkbox]{accent-color:var(--color-primary)}.checkbox-inline:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.muted-text{color:var(--color-text-light);font-size:var(--font-size-sm)}.employee-item .muted-text{font-style:italic;padding:.375rem .75rem;background:#f3f4f6;border-radius:6px;border-left:3px solid #d1d5db}.form-inline{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end}.group-chip-container{margin-top:var(--space-md);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.group-chip{padding:.35rem .75rem;background:#0ea5e91f;border:1px solid rgba(14,165,233,.25);color:var(--color-primary);border-radius:999px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.group-chip.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.group-selector{margin-top:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);background:var(--color-bg-panel);display:flex;flex-direction:column;gap:var(--space-sm)}.group-selector__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.group-selector__options{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.group-selector__option{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-bg);transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer}.group-selector__option input[type=checkbox]{accent-color:var(--color-primary)}.group-selector__option:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xs)}.btn-danger{background:#ef4444;color:#fff;border:none}.btn-danger:hover{background:#dc2626}.btn-primary{background:var(--color-primary);color:#fff;border:none}.btn-primary:hover{background:rgba(var(--color-primary-rgb, 191, 214, 48),.2)}.btn-secondary{background:#6b7280;color:#fff;border:none}.btn-secondary:hover{background:#4b5563}.btn-small{padding:.5rem 1rem;font-size:.875rem}.timelog-container{width:100%;max-width:100%;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);margin:0;box-shadow:var(--shadow-sm);box-sizing:border-box;padding:var(--space-md);align-self:stretch}.worklog-table{width:100%;border-collapse:collapse}.login-form input{margin-bottom:.5rem}.login-form .btn-primary{margin-top:.5rem}.worklog-table th,.worklog-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.worklog-table th{background:#f9fafb;font-weight:600;color:#374151}.worklog-table tr:hover{background:#f9fafb}.table-actions{display:flex;gap:var(--space-xs);justify-content:center}.table-empty{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:var(--space-lg)}.report-controls{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-lg)}.report-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.section--monthly-reports .section-header{gap:var(--space-sm)}@media (max-width: 768px){.section--monthly-reports .section-header{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.section--monthly-reports .report-actions{width:100%;justify-content:flex-start}.section--monthly-reports .report-actions .btn{width:100%}}.report-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-md)}.report-toolbar select{min-width:140px}.report-filters{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end;margin-bottom:var(--space-md)}.report-filter{display:flex;flex-direction:column;gap:.35rem;min-width:200px}.report-filter label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.report-filter select,.report-filter input[type=search]{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:#fff;font-family:inherit;font-size:var(--font-size-sm)}.report-filter-checkbox{flex-direction:row;align-items:center;gap:var(--space-sm)}.report-filter-checkbox input[type=checkbox]{width:16px;height:16px}.report-error{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.report-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.report-view-toggle{display:flex;gap:var(--space-sm)}.toggle-btn{padding:.5rem 1rem;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.toggle-btn:hover,.toggle-btn:focus{outline:none;border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e926}.toggle-btn.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.report-daily-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}.daily-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-xs)}.daily-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.daily-card-date{font-weight:var(--font-weight-semibold);color:var(--color-text)}.daily-card-total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.daily-card-metrics{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.daily-card-metrics span{background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);padding:.25rem .5rem}.daily-card-worktypes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.daily-card-worktypes li{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text)}.daily-card-worktype-name{font-weight:var(--font-weight-medium)}.daily-card-worktype-hours{color:var(--color-text-secondary)}.report-breakdown{margin-top:var(--space-lg);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg)}.report-breakdown h4{margin-top:0;margin-bottom:var(--space-md)}.report-breakdown ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.report-breakdown li{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text)}.report-table-wrapper{margin-top:var(--space-xl);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-md);overflow-x:auto}.report-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.report-header-actions{display:flex;align-items:center;gap:var(--space-md)}.report-table-count{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.report-table th{background:#f9fafb;font-weight:600;color:#374151}.report-table tbody tr:hover{background:#0ea5e90f}.report-empty{padding:var(--space-lg);text-align:center;color:var(--color-text-secondary);font-style:italic}.loading{text-align:center;padding:2rem;color:#6b7280}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section{margin-bottom:2rem}.section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:1.5rem;text-align:center}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin-bottom:0;text-align:left}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:.35rem}.section-actions{display:flex;align-items:center;gap:var(--space-sm)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all .2s ease}.btn-ghost:hover{color:var(--color-primary);border-color:var(--color-primary);background:#0ea5e914}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:1.5rem}.metric-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-sm)}.metric-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);display:flex;align-items:flex-start;gap:.4rem;flex-wrap:wrap;overflow-wrap:anywhere;word-break:break-word}.metric-label__icon{font-size:1.25rem;flex-shrink:0}.metric-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.metric-value--alert{color:var(--color-error)}.metric-footnote{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.filters-panel{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-md);margin-bottom:1.5rem}.filters-panel__group{display:flex;flex-direction:column;gap:.5rem}.filters-panel__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.filters-panel__inputs{display:flex;align-items:center;gap:var(--space-sm)}.filters-panel__divider{color:var(--color-text-light);font-size:var(--font-size-xs)}.filter-select{min-width:160px;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background:#fff;font-family:inherit;font-size:var(--font-size-sm);transition:border-color .2s ease}.filter-select:focus{border-color:var(--color-primary);outline:none}.filters-panel__badges{margin-left:auto}.filter-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:#0ea5e91f;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em}.filter-badge--muted{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.management-edit-drawer{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.management-edit-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.management-edit-drawer__header h4{margin:0;font-size:var(--font-size-lg)}.management-edit-drawer__header p{margin:.25rem 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.form-grid--two-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}.form-group--full{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);grid-column:1 / -1}.empty-state--inline{padding:2rem 1.5rem}.table-wrapper{width:auto;overflow-x:auto;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background:#fff;box-shadow:var(--shadow-sm)}.table-wrapper table{width:100%;min-width:640px}@media (max-width: 900px){.filters-panel,.filters-panel__inputs{flex-direction:column;align-items:stretch}.filters-panel__divider{display:none}.filters-panel__badges{margin-left:0}}@media (max-width: 640px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.management-edit-drawer{padding:var(--space-md)}.form-grid--two-columns{grid-template-columns:1fr}.form-actions{justify-content:stretch;flex-direction:column}}@media (max-width: 600px){.login-title{font-size:1.3rem}}.monthly-btn{padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.monthly-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.empty-state{text-align:center;padding:3rem 1rem;background:var(--color-bg-panel);border-radius:var(--border-radius);border:1px solid var(--color-border)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.empty-state h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:.5rem}.empty-state p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.schedule-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem}.schedule-day{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:1.5rem 1rem;text-align:center;transition:all .2s ease;box-shadow:var(--shadow-sm)}.schedule-day:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-2px)}.schedule-day h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:.75rem;border-bottom:1px solid var(--color-border-light);padding-bottom:.5rem}.schedule-time{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.schedule-time .work-time{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:.5rem}.schedule-time .work-hours{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:.35rem .75rem;background:var(--color-bg-secondary);border-radius:var(--border-radius-xs);display:inline-block;margin-top:.25rem}.schedule-time.day-off{color:var(--color-success)}.schedule-time.rest-day{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.time-off-label{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.time-off-reason{display:block;margin-top:.35rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.time-off-note{display:block;margin-top:.25rem;font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-width: 1200px){.schedule-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.schedule-day{min-width:0}}@media (max-width: 768px){.schedule-grid{display:flex;overflow-x:auto;gap:1rem;padding-bottom:.5rem}.schedule-day{flex:0 0 200px;min-width:200px}}@media (max-width: 480px){.schedule-grid{display:flex;overflow-x:auto;gap:1rem;padding-bottom:.5rem}.schedule-day{flex:0 0 180px;min-width:180px;padding:1rem}}.section.manage-schedules{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-2xl)}.manage-schedules .section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;margin-bottom:0}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:420px;margin:0;line-height:1.6}.schedule-summary-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.section.manage-schedules .schedule-summary-chips{margin-top:var(--space-sm)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:999px;background:var(--color-primary-soft, rgba(191, 214, 48, .12));color:var(--color-primary-contrast, var(--color-primary));font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);box-shadow:0 4px 14px var(--color-primary-overlay-12, rgba(191, 214, 48, .12))}.chip-muted{background:#94a3b826;color:var(--color-text-secondary);box-shadow:none}.chip-info{background:var(--color-success-bg);color:var(--color-success)}.chip-total{background:var(--color-primary-overlay-10, rgba(191, 214, 48, .1));color:var(--color-primary-contrast, var(--color-primary));box-shadow:0 6px 18px var(--color-primary-overlay-20, rgba(191, 214, 48, .2))}.chip-accent{background:var(--color-warning-bg);color:var(--color-warning)}.manage-schedules-card{background:#fffffff2;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-xl);box-shadow:var(--shadow-lg)}.manage-schedules-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:var(--space-xl);align-items:flex-start;width:100%}.manage-schedules-grid>*{min-width:0}.manage-schedules-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-md);position:relative;min-width:0;max-width:100%}.manage-schedules-display{width:100%;max-width:960px;margin:var(--space-xl) auto 0;display:flex;flex-direction:column;gap:var(--space-lg);align-items:stretch}.manage-schedules-display .schedule-table-wrapper{margin-top:0}.manage-schedules-display .schedule-cards{justify-content:flex-start}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.panel-header h4{margin-bottom:.25rem}.panel-header p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.inline-loader{width:1.5rem;height:1.5rem;border-radius:50%;border:3px solid rgba(14,165,233,.18);border-top-color:var(--color-primary);animation:spin .8s linear infinite}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.manage-schedules .employee-search-container{display:flex;flex-direction:column;gap:var(--space-sm)}.manage-schedules .employee-search-input-row{display:flex;gap:var(--space-sm);align-items:center}.manage-schedules .employee-search-results{display:flex;flex-direction:column;gap:var(--space-xs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);background:var(--color-bg);padding:var(--space-xs);max-height:240px;overflow-y:auto}.manage-schedules .employee-search-result{border:1px solid transparent;border-radius:var(--border-radius-sm);background:transparent;padding:.55rem .75rem;text-align:left;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.manage-schedules .employee-search-result:hover,.manage-schedules .employee-search-result:focus{outline:none;border-color:#0ea5e959;background:#0ea5e914;box-shadow:0 6px 12px #0ea5e91f}.manage-schedules .employee-search-result--active{border-color:#0ea5e973;background:#0ea5e926;box-shadow:0 8px 18px #0ea5e929}.manage-schedules .employee-search-empty{padding:.75rem 1rem;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.manage-schedules .employee-search-selection{display:flex;justify-content:flex-start}.schedule-hints{display:flex;flex-direction:column;gap:.35rem;background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--border-radius-sm);padding:.85rem 1rem;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.toggle-group{display:inline-flex;align-items:center;gap:.35rem;background:var(--color-bg-secondary);border-radius:999px;padding:.35rem}.toggle{border:none;background:transparent;padding:.4rem .95rem;border-radius:999px;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.toggle:hover{color:var(--color-primary)}.toggle.active{background:#fff;color:var(--color-primary);box-shadow:0 10px 25px #0ea5e91f}.toggle-switch{display:inline-flex;align-items:center;gap:.75rem;padding:.45rem .85rem;border-radius:var(--border-radius-sm);background:var(--color-bg-secondary);cursor:pointer}.toggle-switch input{display:none}.toggle-slider{position:relative;width:48px;height:24px;border-radius:999px;background:#94a3b880;transition:background .2s ease}.toggle-slider:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0f172a1f;transition:transform .2s ease}.toggle-switch input:checked+.toggle-slider{background:#0ea5e999}.toggle-switch input:checked+.toggle-slider:after{transform:translate(24px)}.toggle-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-actions{gap:var(--space-sm)}.manage-schedules .btn.btn-secondary{background:var(--color-text-light);color:#fff;border-color:transparent}.manage-schedules .btn.btn-secondary:hover{background:var(--color-text-secondary);color:#fff}.employee-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.checkbox-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);background:var(--color-bg-panel);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.checkbox-card:hover{border-color:var(--color-primary);box-shadow:0 8px 20px #0ea5e926;transform:translateY(-1px)}.checkbox-card input{width:1rem;height:1rem}.pattern-option-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pattern-option-card{display:flex;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--border-radius);border:1px solid var(--color-border);background:var(--color-bg-panel);text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.pattern-option-card:hover{border-color:var(--color-primary);box-shadow:0 18px 35px #0f172a1f;transform:translateY(-2px)}.pattern-option-card--active{border-color:transparent;background:linear-gradient(135deg,#0ea5e914,#0ea5e905);box-shadow:0 22px 45px #0ea5e92e}.pattern-option-card__icon{font-size:2.25rem}.pattern-option-card__title-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:.35rem}.pattern-option-card ul{margin:var(--space-sm) 0 0;padding-left:1.25rem;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pattern-option-card li+li{margin-top:.25rem}.pattern-option-extra{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--border-radius-sm);background:var(--color-bg-secondary);border:1px dashed var(--color-border-light)}.pattern-option-extra__controls{display:flex;flex-direction:column;gap:var(--space-xs)}.pattern-editor.enhanced-card{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);background:var(--color-bg-panel);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-md)}.pattern-header{display:flex;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.pattern-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.pattern-header-actions{display:inline-flex;gap:var(--space-xs)}.pattern-quick-add{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--border-radius-sm);background:var(--color-bg-secondary);border:1px dashed var(--color-border-light)}.pattern-quick-add__chips,.pattern-quick-add__presets{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.chip-day{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:60px;padding:.35rem .5rem;border-radius:var(--border-radius-sm);border:1px solid rgba(148,163,184,.4);background:#fff;font-size:var(--font-size-xs);text-transform:uppercase;gap:.2rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.chip-day span{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.chip-day--disabled{opacity:.45;cursor:not-allowed}.pattern-empty{padding:var(--space-md);border-radius:var(--border-radius-sm);border:1px dashed var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.schedule-entry-row.enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) auto;gap:var(--space-sm);align-items:end;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light)}.schedule-entry-row.enhanced:last-child{border-bottom:none}.schedule-entry-col{display:flex;flex-direction:column;gap:.2rem}.pattern-footer{display:flex;justify-content:flex-end}.form-error{margin-top:var(--space-sm);padding:.75rem 1rem;background:var(--color-error-bg);border:1px solid rgba(239,68,68,.25);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-error)}.schedule-table-wrapper{margin-top:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);overflow:hidden;background:var(--color-bg-panel);box-shadow:var(--shadow-sm)}.schedule-table{display:grid}.schedule-cards{display:none;gap:var(--space-md)}.schedule-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-md);position:relative;min-width:0}.schedule-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(135deg,#0ea5e914,#0ea5e900) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.schedule-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.schedule-card-day{display:flex;flex-direction:column;gap:.15rem}.schedule-card-day-abbr{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.schedule-card-day-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.schedule-card-type{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.schedule-card-type.workday{background:#0ea5e91f;color:var(--color-primary)}.schedule-card-type.restday{background:#94a3b82e;color:var(--color-text-secondary)}.schedule-card-actions{display:inline-flex;gap:var(--space-xs);margin-left:auto}.schedule-card-body{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--color-border-light)}.schedule-card-time{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.schedule-card-time-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.schedule-card-time-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.table-header{display:grid;grid-template-columns:96px minmax(180px,1fr) 112px 116px;background:var(--color-bg-secondary);color:var(--color-text);font-weight:var(--font-weight-semibold);padding:.65rem 1.25rem;column-gap:clamp(.35rem,1.4vw,.9rem)}.table-row{display:grid;grid-template-columns:96px minmax(180px,1fr) 112px 116px;align-items:center;column-gap:clamp(.35rem,1.4vw,.9rem);padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border-light);transition:background .2s ease,transform .2s ease}.table-row:hover{background:#0ea5e90d;transform:translateY(-1px)}.table-row:last-child{border-bottom:none}.day-cell{font-weight:var(--font-weight-semibold);color:var(--color-text)}.time-cell{color:var(--color-primary);font-weight:var(--font-weight-medium)}.type-chip{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .9rem;min-width:110px;border-radius:999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.type-chip.workday{background:#0ea5e91f;color:var(--color-primary)}.type-chip.restday{background:#94a3b82e;color:var(--color-text-secondary)}.actions-cell{display:inline-flex;gap:.5rem;justify-content:flex-end}.btn-icon{width:38px;height:38px;border-radius:12px;border:1px solid var(--color-border);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-icon-danger{border-color:#ef44444d;color:var(--color-error)}.btn-icon-danger:hover{border-color:#ef444499;background:#ef44441a}.compact-empty{padding:2.5rem 1.5rem;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base)}.manage-schedules-placeholder{background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-xl);text-align:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center;align-items:center;min-height:100%}.manage-schedules-placeholder h4{margin-bottom:0;color:var(--color-text)}@media (max-width: 1024px){.manage-schedules-card{padding:var(--space-lg)}.manage-schedules-grid{grid-template-columns:1fr;gap:var(--space-lg)}}@media (max-width: 768px){.section.manage-schedules{padding:var(--space-xl)}.manage-schedules-card{padding:var(--space-md)}.manage-schedules-display{margin-top:var(--space-lg);max-width:100%;padding:0 var(--space-md)}.manage-schedules-panel{padding:var(--space-md);width:100%}.schedule-summary-chips{justify-content:flex-start}.table-header,.table-row{grid-template-columns:90px minmax(160px,1fr) 110px 110px;padding:.65rem .85rem;column-gap:clamp(.3rem,2vw,.75rem)}}@media (max-width: 560px){.section.manage-schedules{padding:var(--space-lg)}.manage-schedules-card{padding:var(--space-md)}.manage-schedules-panel{padding:var(--space-sm)}.manage-schedules-display{padding:0 var(--space-sm);margin-top:var(--space-md)}.schedule-table-wrapper{display:none}.schedule-cards{display:flex;flex-direction:row;gap:var(--space-md);overflow-x:auto;padding:0 var(--space-sm) var(--space-sm);margin:0 calc(-1 * var(--space-sm));scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.schedule-card{flex:0 0 clamp(220px,70vw,280px);scroll-snap-align:start}.table-header,.table-row{grid-template-columns:70px minmax(140px,1fr);gap:.5rem .75rem}.table-header span:nth-child(3),.table-header span:nth-child(4),.table-row span:nth-child(3),.table-row span:nth-child(4){grid-column:1 / -1}.actions-cell{justify-content:flex-start}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-surface-base, var(--color-bg)) 100%);position:relative;overflow:hidden}.loading-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--color-primary-overlay-05, rgba(191, 214, 48, .05)) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.loading-content{text-align:center;position:relative;z-index:1;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);padding:3rem 2rem;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);max-width:400px;width:90%}.loading-spinner-large{width:3rem;height:3rem;border:4px solid rgba(var(--color-primary-rgb, 191, 214, 48),.2);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loading-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:.5rem;line-height:1.3}.loading-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5;margin:0}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.mobile-cards{display:none}.worklog-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.card-actions{display:flex;gap:var(--space-xs)}.card-date{font-weight:var(--font-weight-semibold);color:var(--color-text)}.card-type{padding:var(--space-xs) var(--space-sm);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.card-body{display:flex;flex-direction:column;gap:var(--space-sm)}.time-info{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.time-separator{color:var(--color-text-secondary)}.hours-info{color:var(--color-primary);font-weight:var(--font-weight-medium)}.notes-info{color:var(--color-text-secondary);font-style:italic;padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.worklogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.worklog-card-monthly{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:all .2s ease;position:relative}.worklog-card-monthly:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.worklog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.worklog-actions{display:flex;gap:var(--space-xs)}.action-btn{background:none;border:none;cursor:pointer;padding:var(--space-xs);border-radius:var(--border-radius-sm);transition:all .2s ease;font-size:var(--font-size-lg)}.action-btn:hover{background:var(--color-bg-hover);transform:scale(1.1)}.edit-btn:hover{color:var(--color-primary)}.delete-btn:hover{color:var(--color-error)}.worklog-edit-form{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-hover);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.form-row{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-row label{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-size-sm)}.form-row input,.form-row select,.form-row textarea{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text)}.form-row textarea{resize:vertical;min-height:60px}.form-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md)}.save-btn,.cancel-btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.save-btn{background:var(--color-primary);color:#fff}.save-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:var(--color-bg-hover);color:var(--color-text);border:1px solid var(--color-border)}.cancel-btn:hover{background:var(--color-bg)}.worklog-type{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.date-badge{padding:var(--space-xs) var(--space-sm);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.worklog-times{margin-bottom:var(--space-lg)}.time-range{display:flex;gap:var(--space-xl);margin-bottom:var(--space-md)}.time-item{display:flex;flex-direction:column;gap:2px}.time-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.time-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.hours-summary{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-primary-light);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.hours-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.hours-value{color:var(--color-primary);font-weight:var(--font-weight-bold)}.worklog-notes{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-primary)}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.request-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:all .2s ease;position:relative}.request-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.request-type{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.type-icon{font-size:var(--font-size-xl)}.type-text{color:var(--color-primary)}.request-dates{margin-bottom:var(--space-lg)}.date-range{display:flex;gap:var(--space-xl)}.date-item{display:flex;flex-direction:column;gap:var(--space-xs)}.date-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.date-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.request-notes{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-primary)}.notes-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs);display:block}.notes-text{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.5;margin:0}.request-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.request-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.created-date{font-weight:var(--font-weight-medium)}.request-actions{display:flex;gap:var(--space-sm)}.filters-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:var(--space-xl)}.filter-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.filters-section .form-group{min-width:0}.filter-select{width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);background:var(--color-bg-panel);transition:all .2s ease}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91a;outline:none}@media (max-width: 768px){.filters-section{padding:var(--space-md)}.filter-controls{grid-template-columns:1fr;gap:var(--space-md)}}@media (max-width: 480px){.filters-section{padding:var(--space-sm)}}.admin-card .request-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.admin-card .employee-info{display:flex;flex-direction:column;gap:var(--space-xs)}.admin-card .employee-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.admin-card .request-type-text{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.admin-card .request-actions{flex-wrap:wrap;gap:var(--space-sm)}.admin-card .btn-success{background:var(--color-success);border-color:var(--color-success)}.admin-card .btn-success:hover{background:#047857;border-color:#047857}.admin-card .btn-warning{background:var(--color-warning);border-color:var(--color-warning);color:var(--color-text)}.admin-card .btn-warning:hover{background:#d97706;border-color:#d97706}.filter-row{margin-bottom:1.25rem}.filter-input{width:100%;margin-bottom:.5rem;padding:var(--space-md) var(--space-lg);border:2px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);background:var(--color-bg-panel);transition:all .2s ease}.filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91a;outline:none}.filter-input::placeholder{color:var(--color-text-light)}.view-mode-toggle{display:flex;background:var(--color-bg-panel);border:1px solid var(--color-border-light);border-radius:var(--border-radius);overflow:hidden;margin:var(--space-lg) auto var(--space-xl);box-shadow:var(--shadow-xs);justify-content:center;width:fit-content}.view-mode-toggle__btn{padding:var(--space-md) var(--space-xl);border:none;background:transparent;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .2s ease,color .2s ease}.view-mode-toggle__btn:not(:last-child){border-right:1px solid var(--color-border-light)}.view-mode-toggle__btn:hover,.view-mode-toggle__btn:focus{background:var(--toggle-focus);color:var(--color-primary);outline:none}.view-mode-toggle__btn--active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff}@media (max-width: 640px){.view-mode-toggle{width:100%;display:flex;flex-direction:column}.view-mode-toggle__btn{width:100%;padding:var(--space-md) var(--space-lg)}.view-mode-toggle__btn:not(:last-child){border-right:none;border-bottom:1px solid var(--color-border-light)}}.calendar-view{margin-top:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.calendar-container{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.calendar-loading{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary)}.calendar-legend{display:flex;gap:var(--space-lg);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.legend-dot{display:inline-block;width:12px;height:12px;border-radius:99px;margin-right:var(--space-xs);border:1px solid rgba(15,23,42,.15)}.legend-dot--accepted{background:#16a34a}.legend-dot--under-review{background:#facc15}.legend-dot--declined{background:#ef4444}@media (max-width: 768px){.requests-grid{grid-template-columns:1fr;gap:var(--space-md)}.request-card{padding:var(--space-lg)}.date-range{flex-direction:column;gap:var(--space-md)}.request-footer{flex-direction:column;gap:var(--space-md);align-items:flex-start}.request-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.request-header{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.request-actions{flex-direction:column;width:100%}.request-actions .btn{width:100%;justify-content:center}}@media (max-width: 768px){.worklogs-grid{grid-template-columns:1fr;gap:var(--space-sm)}.worklog-card-monthly{padding:var(--space-md)}.time-range{flex-direction:column;gap:var(--space-sm)}.worklog-header{flex-direction:column;gap:var(--space-xs);align-items:flex-start;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.worklog-times{margin-bottom:var(--space-md)}.worklog-notes{margin-bottom:var(--space-sm)}}@media (max-width: 480px){.worklog-card-monthly{padding:var(--space-sm)}.worklog-type{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.worklog-header{margin-bottom:var(--space-sm);padding-bottom:var(--space-xs)}.worklog-times{margin-bottom:var(--space-sm)}.worklog-notes{margin-bottom:var(--space-xs)}.time-range{gap:var(--space-xs)}.hours-summary{padding:var(--space-xs) var(--space-sm)}}.loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);grid-column:1 / -1;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.intersection-target{height:20px;grid-column:1 / -1}.end-message{grid-column:1 / -1;text-align:center;padding:var(--space-lg);color:var(--color-text-secondary);font-style:italic}.load-more-container{grid-column:1 / -1;display:flex;justify-content:center;padding:var(--space-xl) 0}.load-more-btn{padding:var(--space-md) var(--space-xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;min-width:150px}.load-more-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.load-more-btn:disabled{background:var(--color-text-secondary);cursor:not-allowed;transform:none}.loading-container{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) 0}.toast-container{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}.toast{background:var(--color-bg-panel, #0f172a);color:var(--color-text, #fff);padding:.75rem 1rem;border-radius:8px;box-shadow:0 6px 18px #02061759;display:flex;align-items:center;gap:.75rem;min-width:220px}.toast--success{background:var(--color-success-bg, #ecfdf5);color:var(--color-success, #065f46);border:1px solid rgba(6,95,70,.08)}.toast--error{background:var(--color-error-bg, #fff1f2);color:var(--color-error, #9f1239);border:1px solid rgba(159,18,57,.08)}.toast--info{background:var(--color-primary-light, #eef2ff);color:var(--color-primary, #3730a3);border:1px solid rgba(55,48,163,.08)}.toast-title{font-weight:600;margin-bottom:2px}.toast-message{font-size:.95rem}.toast-close{margin-left:auto;background:transparent;border:none;color:inherit;cursor:pointer;font-size:.95rem}.create-request-section{position:relative;background:var(--form-color-gradient);border-radius:var(--border-radius-lg);padding:clamp(1.75rem,1.5rem + 1vw,3rem);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);overflow:hidden;margin:var(--space-2xl) auto;max-width:960px}.create-request-section:before,.create-request-section:after{content:"";position:absolute;border-radius:999px;filter:blur(0);opacity:.35;pointer-events:none;background:radial-gradient(circle,#bfd630 0%,transparent 65%);transition:transform .6s ease}.create-request-section:before{width:320px;height:320px;top:-160px;right:-120px}.create-request-section:after{width:260px;height:260px;bottom:-140px;left:-120px;background:radial-gradient(circle,#bfd630 0%,transparent 70%)}.create-request-section:hover:before,.create-request-section:hover:after{transform:translateY(-8px) scale(1.02)}.create-request-section .section-header{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xl)}.create-request-section .section-header h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--color-text)}.create-request-section .section-header p{color:var(--color-text-secondary);max-width:560px;line-height:1.7}.days-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;background:#ffffffe6;border-radius:1rem;border:1px solid rgba(14,165,233,.25);font-weight:var(--font-weight-medium);color:var(--color-primary);box-shadow:var(--shadow-sm)}.days-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px #0ea5e926}.days-badge.days-badge--carryover{background:linear-gradient(135deg,#fff9dbf2,#ffeab3f2);border-color:#fbbf2473;color:#805b00}.days-badge.days-badge--carryover:before{background:#fbbf24;box-shadow:0 0 0 4px #fbbf2433}.days-badge.days-badge--regeneration{background:linear-gradient(135deg,#e8f5e9f2,#c8e6c9f2);border-color:#4caf5073;color:#1b5e20}.days-badge.days-badge--regeneration:before{background:#4caf50;box-shadow:0 0 0 4px #4caf5033}.request-form-card{position:relative;z-index:1;background:#ffffffeb;border-radius:var(--border-radius-lg);padding:clamp(1.5rem,1.25rem + 1vw,2.5rem);border:1px solid var(--color-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.time-off-form-panel .request-form-card{background:#fffffff5;border:1px solid var(--color-border);box-shadow:var(--shadow);overflow:visible}.time-off-form-panel .request-form-card:before,.time-off-form-panel .request-form-card:after{display:none}.request-form-card__eyebrow{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)}.request-form-card__meta{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end}.request-form-card__badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem 1rem;border-radius:999px;background:#0f172a0d;color:var(--color-text-secondary);font-size:var(--font-size-sm);border:1px solid rgba(148,163,184,.3)}.request-form-card__badge strong{font-size:inherit;color:var(--color-text)}.request-form-card__badge--accent{background:#3b82f61a;border-color:#3b82f64d;color:#1d4ed8}.request-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.request-stat-card{display:flex;gap:var(--space-md);padding:1rem 1.25rem;border-radius:var(--border-radius);border:1px solid rgba(148,163,184,.3);background:#ffffffe6;box-shadow:0 10px 40px #0f172a0f}.request-stat-card__content{display:flex;flex-direction:column;gap:.1rem}.request-stat-card__icon{width:48px;height:48px;border-radius:16px;background:#bfd63033;display:flex;align-items:center;justify-content:center;font-size:1.35rem}.request-stat-card__label{font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.request-stat-card__value{display:block;font-size:var(--font-size-xl);color:var(--color-text);margin-top:.2rem}.request-stat-card__hint{font-size:var(--font-size-xs);color:var(--color-text-light)}.time-off-form-panel{width:100%;margin:var(--space-lg) 0}.time-off-form-panel .request-form-card{width:100%}.request-form-card__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl)}.request-form-card__intro h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--color-text)}.request-form-card__intro p{color:var(--color-text-secondary);max-width:560px;line-height:1.7}.create-request-section .modern-form,.time-off-form-panel .modern-form{display:flex;flex-direction:column;gap:var(--space-xl)}.request-form-layout{display:block;width:100%;position:relative;z-index:1}.request-form-main{width:100%}.form-section{display:flex;flex-direction:column;gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(226,232,240,.9)}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section--soft{background:#0f766e08;border-radius:var(--border-radius);padding:var(--space-lg);border:1px solid rgba(45,212,191,.2);border-bottom:none;margin-bottom:var(--space-lg)}.form-section__header{display:flex;align-items:center;gap:var(--space-md)}.form-section__step{width:32px;height:32px;border-radius:999px;background:#3b82f626;color:#1d4ed8;font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center}.form-section__header h4{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.form-section__subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.request-form-aside{padding:1.5rem;border-radius:var(--border-radius-lg);background:linear-gradient(165deg,#0f766e14,#3b82f614);border:1px solid rgba(59,130,246,.25);box-shadow:0 20px 50px #0f172a14}.request-form-aside h4{margin-top:0;margin-bottom:.25rem}.request-form-aside__intro{margin-top:0;margin-bottom:var(--space-md);color:var(--color-text-secondary)}.request-form-aside__list{list-style:none;padding:0;margin:0 0 var(--space-lg) 0;display:flex;flex-direction:column;gap:var(--space-sm)}.request-form-aside__list li{position:relative;padding-left:1.5rem;color:var(--color-text);line-height:1.4}.request-form-aside__list li:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--color-primary);left:0;top:.55rem}.request-form-aside__cta{display:flex;flex-direction:column;gap:.5rem}.create-request-section .form-grid,.time-off-form-panel .form-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.create-request-section .form-group label,.time-off-form-panel .form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:flex;align-items:center;gap:.6rem;letter-spacing:.01em}.create-request-section .form-group.full-width,.time-off-form-panel .form-group.full-width{grid-column:1 / -1}.create-request-section .form-group,.time-off-form-panel .form-group{min-width:0}.label-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.75rem;background:#0ea5e91a;color:var(--color-primary);font-size:.95rem}.modern-input,.modern-select,.modern-textarea,.create-request-section .react-datepicker__input-container input,.time-off-form-panel .react-datepicker__input-container input{width:100%;max-width:100%;border-radius:var(--border-radius-sm);border:1px solid rgba(148,163,184,.35);background:#fffffff2;padding:clamp(.85rem,.75rem + .3vw,1rem) clamp(1rem,.9rem + .4vw,1.4rem);box-shadow:0 10px 30px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;font-size:var(--font-size-base)}.modern-input:focus,.modern-select:focus,.modern-textarea:focus,.create-request-section .react-datepicker__input-container input:focus,.time-off-form-panel .react-datepicker__input-container input:focus{border-color:#0ea5e999;box-shadow:0 12px 34px #0ea5e91f;transform:translateY(-1px)}.modern-textarea{resize:vertical;min-height:140px;line-height:1.6}.create-request-section .react-datepicker-wrapper,.create-request-section .react-datepicker__input-container,.time-off-form-panel .react-datepicker-wrapper,.time-off-form-panel .react-datepicker__input-container{width:100%}.form-actions{display:flex;justify-content:flex-end}.create-request-section .form-actions,.time-off-form-panel .form-actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap}.btn-large{min-width:clamp(180px,40%,240px);border-radius:999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border:none;box-shadow:0 12px 30px var(--shadow)}.btn-large:hover{transform:translateY(-2px);box-shadow:0 16px 36px var(--shadow-lg)}.btn-large:active{transform:translateY(0)}.optional{color:var(--color-text-light);font-size:var(--font-size-xs)}.modern-textarea::placeholder,.modern-input::placeholder{color:#64748ba6}.helper-text{font-size:var(--font-size-xs);color:var(--color-text-light)}@media (max-width: 900px){.create-request-section{margin:var(--space-xl) auto;padding:clamp(1.25rem,1rem + 1vw,2rem)}.create-request-section .section-header{gap:var(--space-xs)}.request-form-card__header{flex-direction:column;align-items:flex-start}.request-form-card__meta{justify-content:flex-start}.request-form-layout{grid-template-columns:1fr}}@media (max-width: 640px){.create-request-section{padding:clamp(1.15rem,.9rem + 2vw,1.75rem);border-radius:var(--border-radius)}.create-request-section:before,.create-request-section:after{opacity:.25}.create-request-section .section-header{align-items:flex-start}.create-request-section .section-header h3{font-size:var(--font-size-xl)}.create-request-section .section-header p{font-size:var(--font-size-sm)}.days-badge{width:100%;justify-content:center}.request-stat-grid{grid-template-columns:1fr}.request-form-main,.request-form-aside{padding:var(--space-md)}.create-request-section .form-actions,.time-off-form-panel .form-actions{justify-content:center}.btn-large{width:100%;min-width:unset}}@media (max-width: 480px){.create-request-section .form-grid{grid-template-columns:1fr}.create-request-section .form-group,.create-request-section .react-datepicker-wrapper,.create-request-section .react-datepicker__input-container{width:100%}.create-request-section .modern-input,.create-request-section .modern-select,.create-request-section .modern-textarea,.create-request-section .react-datepicker__input-container input{padding:.8rem 1rem;font-size:var(--font-size-sm)}.create-request-section .form-actions{flex-direction:column;align-items:stretch}.create-request-section .helper-text{text-align:left}}.create-employee-section{position:relative;background:linear-gradient(135deg,#0ea5e91a,#0ea5e908);border-radius:var(--border-radius-lg);padding:clamp(1.75rem,1.5rem + 1vw,3rem);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);margin:var(--space-2xl) auto;max-width:960px;overflow:hidden}.create-employee-section:before,.create-employee-section:after{content:"";position:absolute;border-radius:999px;opacity:.3;pointer-events:none;background:radial-gradient(circle,rgba(14,165,233,.35) 0%,transparent 70%);transition:transform .6s ease}.create-employee-section:before{width:320px;height:320px;top:-160px;left:-120px}.create-employee-section:after{width:280px;height:280px;bottom:-140px;right:-140px;background:radial-gradient(circle,rgba(14,165,233,.25) 0%,transparent 75%)}.create-employee-section:hover:before,.create-employee-section:hover:after{transform:translateY(-6px) scale(1.02)}.create-employee-section .section-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);position:relative;z-index:1}.section-lead{display:flex;flex-direction:column;gap:var(--space-sm);max-width:420px}.section-lead h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.01em}.section-lead p{line-height:1.6}.onboarding-highlights{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:flex-end}.highlight-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:#ffffffeb;border:1px solid rgba(148,163,184,.25);border-radius:999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);box-shadow:var(--shadow-sm)}.employee-form-card{position:relative;z-index:1;margin-top:var(--space-xl);background:#fffffff5;border-radius:var(--border-radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:clamp(1.5rem,1.25rem + .8vw,2.5rem)}.employee-mode-toggle{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-sm);padding:var(--space-sm);background:#0ea5e90d;border-radius:999px;border:1px solid rgba(148,163,184,.25);margin-bottom:var(--space-xl)}.mode-pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.2rem;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all .2s ease;cursor:pointer}.mode-pill:hover,.mode-pill:focus-visible{outline:none;border-color:#0ea5e999;box-shadow:0 0 0 3px #0ea5e926;color:var(--color-primary)}.mode-pill.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border-color:transparent;box-shadow:0 12px 30px #0ea5e940}.pill-icon{font-size:1rem}.employee-form{display:flex;flex-direction:column;gap:var(--space-lg)}.employee-form .form-section{background:#fffffff0;border-radius:var(--border-radius-lg);border:1px solid rgba(148,163,184,.25);padding:clamp(1.25rem,1rem + .8vw,1.9rem);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--space-md)}.employee-form .form-section+.form-section{margin-top:var(--space-sm)}.form-section-header{display:flex;flex-direction:column;gap:var(--space-xs)}.form-section-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.form-section-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.55}.group-selection{border:1px dashed rgba(14,165,233,.25);border-radius:var(--border-radius-lg);padding:clamp(1rem,.85rem + .6vw,1.5rem);margin-top:var(--space-sm)}.group-selection legend{display:inline-flex;align-items:center;gap:.55rem;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.group-selection .muted-text{margin-top:var(--space-sm)}.create-group-inline{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:stretch}.create-group-inline .modern-input{flex:1 1 240px;min-width:200px}.sticky-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-xs)}.invitation-feedback-card{margin-top:var(--space-xl);background:#fffffff5;border-radius:var(--border-radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow);padding:clamp(1.5rem,1.25rem + .6vw,2rem);display:grid;gap:var(--space-md)}.invitation-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-sm);align-items:center}.invitation-header h4{font-size:var(--font-size-lg);margin:0}.invitation-expiry{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.invitation-body{display:grid;gap:var(--space-md)}.invitation-link-box{padding:.75rem 1rem;background:var(--color-bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border-light);word-break:break-all}.invitation-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.success-text{color:var(--color-success)}.qr-preview{display:flex;justify-content:center;align-items:center;background:var(--color-bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);padding:var(--space-md)}.qr-preview img{max-width:180px;width:100%;height:auto}@media (max-width: 900px){.create-employee-section{padding:clamp(1.35rem,1.1rem + .8vw,2.2rem);margin:var(--space-xl) auto}.employee-form-card{padding:clamp(1.25rem,1.1rem + .6vw,2rem)}}@media (max-width: 768px){.create-employee-section .section-header{flex-direction:column;align-items:flex-start}.onboarding-highlights{justify-content:flex-start}.employee-mode-toggle{grid-template-columns:1fr;border-radius:var(--border-radius-lg)}.sticky-actions{justify-content:center}}@media (max-width: 640px){.employee-form .form-section{padding:clamp(1rem,.9rem + .6vw,1.5rem)}.highlight-pill{width:100%;justify-content:center}}@media (max-width: 480px){.sticky-actions{flex-direction:column;align-items:stretch}.sticky-actions .btn{width:100%}.invitation-actions{flex-direction:column;align-items:stretch}}.profile-container{width:100%}.profile-layout{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:start}.profile-main{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-section{background:var(--color-surface-panel, #ffffff);border-radius:var(--border-radius);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease}.profile-section:hover{box-shadow:var(--shadow)}.profile-section-header{width:100%;padding:var(--space-lg);background:linear-gradient(135deg,var(--color-primary-overlay-05) 0%,transparent 100%);border:none;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);transition:all .2s ease;text-align:left}.profile-section-header:hover{background:linear-gradient(135deg,var(--color-primary-overlay-08) 0%,transparent 100%)}.profile-section-header:active{background:linear-gradient(135deg,var(--color-primary-overlay-10) 0%,transparent 100%)}.profile-section-header-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.profile-section-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm)}.profile-section-header p{margin:var(--space-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.collapse-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:.875rem;color:var(--color-text-secondary);transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.collapse-icon.collapsed{transform:rotate(-90deg)}.profile-section-content{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.profile-form-row.full-width{grid-template-columns:1fr}.profile-field{display:flex;flex-direction:column;gap:var(--space-sm)}.profile-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm);letter-spacing:.3px;margin-bottom:var(--space-xs)}.label-icon{font-size:1.25em;display:inline-flex;min-width:1.25em}.profile-value-display{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-surface-panel-muted, var(--color-bg-secondary));border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);color:var(--color-text);transition:all .2s ease;word-break:break-word;min-height:44px}.profile-value-display.editable{cursor:pointer}.profile-value-display.editable:hover{background:var(--color-primary-overlay-02);border-color:var(--color-primary)}.profile-value-display span{flex:1;color:var(--color-text)}.edit-icon-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:var(--space-sm);border-radius:var(--border-radius-sm);margin-left:var(--space-md);transition:all .2s ease;opacity:.6;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.edit-icon-btn:hover{opacity:1;background:var(--color-primary-overlay-10)}.edit-icon-btn:active{transform:scale(.95)}.profile-edit-mode{display:flex;flex-direction:column;gap:var(--space-md)}.profile-edit-mode input{width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--color-primary-overlay-20);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);font-family:inherit;transition:all .2s ease;background:var(--color-form-input-bg, #ffffff);color:var(--color-text);min-height:44px}.profile-edit-mode input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-overlay-10)}.profile-edit-mode input::placeholder{color:var(--color-text-light)}.edit-actions{display:flex;gap:var(--space-sm);justify-content:flex-start;flex-wrap:wrap}.edit-actions .btn{flex:1;min-width:120px}.password-hint{font-size:var(--font-size-xs);color:var(--color-text-light);padding:var(--space-sm) var(--space-md);background:var(--color-primary-overlay-02);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-primary)}.profile-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md);position:static}.profile-stat-card{background:var(--color-surface-panel);border-radius:var(--border-radius);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-stat-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.stat-card-header{padding:var(--space-md) var(--space-md);background:linear-gradient(135deg,var(--color-primary-overlay-05) 0%,transparent 100%);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-sm)}.stat-icon{font-size:1.5em;display:inline-flex}.stat-card-header h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.stat-card-content{padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.stat-value-large{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;letter-spacing:-.02em}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin-top:var(--space-xs)}.stat-divider{height:1px;background:var(--color-border);margin:var(--space-sm) 0}.stat-detail{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) 0}.stat-label-small{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);display:block}.stat-value-small{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.stat-detail-secondary{display:flex;padding-top:var(--space-md);border-top:1px solid var(--color-border);flex-direction:column;gap:var(--space-xs);align-items:flex-start}.status-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;gap:var(--space-sm)}.status-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.status-active{background:var(--color-success-bg);color:var(--color-success)}.status-inactive{background:var(--color-error-bg);color:var(--color-error)}.status-value-secondary{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium);margin-top:var(--space-xs)}@media (max-width: 1400px){.stat-value-large{font-size:1.875rem}}@media (max-width: 1024px){.profile-form-row{grid-template-columns:1fr 1fr}.stat-value-large{font-size:1.75rem}}@media (max-width: 768px){.profile-layout{gap:var(--space-md)}.profile-form-row{grid-template-columns:1fr;gap:var(--space-md)}.profile-sidebar{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.profile-section-header{padding:var(--space-md) var(--space-lg)}.profile-section-header h3{font-size:var(--font-size-base)}.profile-section-header p{font-size:var(--font-size-xs)}.profile-section-content{padding:var(--space-md) var(--space-lg);gap:var(--space-md)}.stat-card-header{padding:var(--space-sm) var(--space-md);gap:var(--space-xs)}.stat-card-header h4{font-size:var(--font-size-xs)}.stat-icon{font-size:1.25em}.stat-card-content{padding:var(--space-md) var(--space-sm)}.stat-value-large{font-size:1.5rem}.stat-label{font-size:var(--font-size-xs)}.stat-divider{margin:var(--space-xs) 0}.stat-detail{padding:var(--space-xs) 0;gap:var(--space-xs)}.stat-detail-secondary{padding-top:var(--space-xs);margin-top:var(--space-xs)}.status-item{padding:var(--space-xs) 0;gap:var(--space-xs)}.edit-actions{flex-direction:column}.edit-actions .btn{width:100%}.profile-value-display{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.edit-icon-btn{margin-left:0;width:40px;height:40px}}@media (max-width: 640px){.profile-layout{gap:var(--space-md)}.profile-section-header{padding:var(--space-md);gap:var(--space-sm)}.profile-section-header h3{font-size:var(--font-size-sm)}.profile-section-header p{font-size:var(--font-size-xs)}.profile-section-content{padding:var(--space-md)}.profile-sidebar{grid-template-columns:1fr;gap:var(--space-md)}.profile-stat-card{overflow:hidden}.stat-card-header{padding:var(--space-sm) var(--space-md);gap:var(--space-xs)}.stat-card-header h4{font-size:var(--font-size-sm);margin:0}.stat-icon{font-size:1.3em}.stat-card-content{padding:var(--space-md) var(--space-md);gap:var(--space-md)}.stat-value-large{font-size:1.5rem}.stat-label{font-size:var(--font-size-xs)}.stat-divider{margin:var(--space-md) 0}.stat-detail{padding:var(--space-sm) 0;gap:var(--space-xs)}.stat-label-small{font-size:var(--font-size-xs)}.stat-value-small{font-size:var(--font-size-sm)}.stat-detail-secondary{padding-top:var(--space-md);margin-top:var(--space-md)}.status-item{padding:var(--space-sm) 0;gap:var(--space-sm)}.status-label{font-size:var(--font-size-xs)}.status-badge{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.collapse-icon{width:20px;height:20px;font-size:.75rem}.edit-actions{flex-direction:column;gap:var(--space-sm)}.edit-actions .btn{width:100%;font-size:var(--font-size-sm)}.profile-value-display{flex-direction:column;align-items:flex-start;padding:var(--space-md);min-height:auto}.edit-icon-btn{margin-left:0;margin-top:var(--space-sm);width:40px;height:40px;font-size:1rem}}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl);width:100%}.field-value{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.edit-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.edit-btn:hover{background:var(--color-primary-overlay-05, rgba(191, 214, 48, .05))}.inline-edit{display:flex;flex-direction:column;gap:var(--space-sm)}.inline-edit input{margin-bottom:var(--space-sm)}.inline-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn-small{padding:.375rem .75rem;font-size:.875rem}.profile-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}@media (max-width: 768px) and (min-width: 641px){.profile-info-grid{grid-template-columns:1fr;gap:var(--space-md)}.profile-field{padding:var(--space-sm)}.profile-actions-grid{grid-template-columns:1fr;gap:var(--space-sm)}}@media (max-width: 640px){.profile-info-grid{grid-template-columns:1fr;gap:var(--space-md)}.profile-field{padding:var(--space-sm)}.field-value{flex-direction:column;align-items:flex-start}.inline-edit input{width:100%}.inline-buttons{flex-direction:column;align-items:stretch}.inline-buttons .btn,.inline-buttons button{width:100%}}@media (max-width: 768px){.employee-item{flex-direction:column;align-items:stretch;gap:1rem;padding:1.25rem}.employee-actions{flex-direction:row;min-width:auto;width:100%}.employee-actions .btn{flex:1}.employee-name{font-size:1rem}}@media (max-width: 480px){.employee-item{padding:1rem}.employee-name:before,.employee-email:before,.employee-hours:before,.employee-days:before,.employee-sick-days:before,.employee-groups:before{font-size:.875rem}.employee-actions{flex-direction:column}.employee-actions .btn{width:100%}}.view-mode-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg)}.tab-button{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.tab-button:hover{background:var(--color-bg-panel);color:var(--color-text)}.tab-button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.panel-subheader{margin-bottom:var(--space-md)}.panel-subheader h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.plan-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.plan-entries{display:flex;flex-direction:column;gap:var(--space-sm)}.entries-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.entries-header h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.plan-entry-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 80px 40px;gap:var(--space-xs);align-items:center;padding:var(--space-sm);background:var(--color-bg);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.modern-select.small,.modern-input.small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.toggle-switch.compact{display:flex;align-items:center;gap:var(--space-xs)}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.active-plan-card{background:linear-gradient(135deg,var(--color-primary-overlay-12, rgba(191, 214, 48, .12)),var(--color-primary-overlay-02, rgba(191, 214, 48, .02)));border:1px solid var(--color-primary-overlay-25, rgba(191, 214, 48, .25));border-radius:var(--border-radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);box-shadow:0 20px 45px var(--color-primary-overlay-20, rgba(191, 214, 48, .2))}.active-plan-card__header{display:flex;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;align-items:flex-start}.active-plan-card__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-contrast, var(--color-primary));margin:0 0 var(--space-xs)}.active-plan-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs);color:var(--color-text-muted);font-size:var(--font-size-sm)}.active-plan-card__meta span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--color-border);margin:0 var(--space-xs)}.active-plan-card__meta span:first-child:before{display:none}.active-plan-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-md)}.plan-entries-preview--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.entry-preview--elevated{background:var(--color-bg-panel);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.plan-empty{padding:var(--space-md);border:1px dashed var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:var(--font-size-sm)}.schedule-table-wrapper--plan{margin-top:var(--space-lg)}.schedule-cards--plan{margin-top:var(--space-md)}.schedule-card--plan{border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.schedule-card--plan-rest{border-style:dashed;opacity:.85}.pattern-preview-section{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.pattern-preview-card{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-lg);background:var(--color-bg-panel);box-shadow:var(--shadow-sm)}.pattern-preview-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-md)}.pattern-preview-eyebrow{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:0}.pattern-preview-card__chips{display:inline-flex;flex-wrap:wrap;gap:var(--space-xs)}.pattern-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm)}.pattern-preview-entry{border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);background:var(--color-bg-secondary)}.pattern-preview-entry--work{border-color:var(--color-primary);background:var(--color-primary-soft, rgba(191, 214, 48, .12))}.pattern-preview-entry--rest{border-style:dashed;color:var(--color-text-secondary)}.pattern-preview-day{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.pattern-preview-time{flex:1;font-size:var(--font-size-sm);color:var(--color-text)}.pattern-preview-type{font-size:1.25rem}.plans-section{margin-bottom:var(--space-xl)}.plans-section h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-md)}.plans-list{display:flex;flex-direction:column;gap:var(--space-md)}.plan-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-md);transition:all .2s ease}.plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-card.past{opacity:.7}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.plan-header h5{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.plan-actions{display:flex;gap:var(--space-xs)}.plan-meta{display:flex;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.plan-entries-preview{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.entry-preview{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.entry-day{font-weight:var(--font-weight-semibold);color:var(--color-text)}.entry-time{color:var(--color-text-muted)}.entry-type{font-size:1.1em}.active-plan-info{display:flex;align-items:center;gap:var(--space-sm)}.plan-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-success-light);color:var(--color-success-dark);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.plan-date{font-weight:var(--font-weight-normal);opacity:.9}.future-plans-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.future-plans-section h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-md)}.future-plans-list{display:flex;flex-direction:column;gap:var(--space-sm)}.future-plan-card{background:var(--color-bg-panel);border:1px solid var(--color-border-info);border-left:4px solid var(--color-info);border-radius:var(--border-radius-md);padding:var(--space-md)}.future-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.future-plan-header strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.future-plan-date{font-size:var(--font-size-xs);color:var(--color-info);font-weight:var(--font-weight-medium)}.future-plan-preview{display:flex;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.preview-entry{padding:2px 6px;background:var(--color-bg);border-radius:var(--border-radius-sm)}.preview-more{font-weight:var(--font-weight-semibold)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-content{background:var(--color-bg-panel);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.schedule-history-modal{max-width:1000px}.modal-header{display:flex;justify-content:space-between;align-items:start;padding:var(--space-xl);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.btn-close{background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);line-height:1;transition:color .2s ease}.btn-close:hover{color:var(--color-text)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-xl)}.modal-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-md)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md)}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.history-timeline{display:flex;flex-direction:column;gap:var(--space-lg)}.history-record{background:var(--color-bg-panel);border:1px solid var(--color-border);border-left:4px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-lg)}.history-record-created{border-left-color:var(--color-success)}.history-record-updated{border-left-color:var(--color-info)}.history-record-deleted{border-left-color:var(--color-danger)}.history-record-replaced{border-left-color:var(--color-warning)}.history-header{margin-bottom:var(--space-md)}.history-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.history-emoji{font-size:1.5em}.history-title h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.history-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.badge-created{background:var(--color-success-light);color:var(--color-success-dark)}.badge-updated{background:var(--color-info-light);color:var(--color-info-dark)}.badge-deleted{background:var(--color-danger-light);color:var(--color-danger-dark)}.badge-replaced{background:var(--color-warning-light);color:var(--color-warning-dark)}.history-meta{display:flex;gap:var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-muted)}.history-details{display:flex;flex-direction:column;gap:var(--space-md)}.history-info{display:flex;gap:var(--space-lg);font-size:var(--font-size-sm)}.history-info strong{color:var(--color-text)}.history-notes{padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-left:3px solid var(--color-primary-light);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.history-schedule-grid h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-sm)}@media (max-width: 768px){.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;border-radius:0}.plan-entry-row{grid-template-columns:1fr;gap:var(--space-sm)}.form-row{grid-template-columns:1fr}.future-plan-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.section .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-md)}.section .section-header>div:first-child{flex:1}.section .section-header h3{margin:0 0 var(--space-xs) 0}.calendar-wrapper{background:var(--color-surface-base, #ffffff);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);overflow:hidden}.fc{font-family:Inter,system-ui,sans-serif;--fc-border-color: var(--color-border);--fc-button-bg-color: var(--color-primary);--fc-button-border-color: var(--color-primary);--fc-button-hover-bg-color: var(--color-primary-dark);--fc-button-hover-border-color: var(--color-primary-dark);--fc-button-active-bg-color: var(--color-primary-dark);--fc-button-active-border-color: var(--color-primary-dark);--fc-today-bg-color: var(--color-primary-light-10);--fc-page-bg-color: var(--color-surface-base);--fc-neutral-bg-color: var(--color-bg-subtle);--fc-list-event-hover-bg-color: var(--color-bg-subtle)}.fc .fc-toolbar{flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)!important}.fc .fc-toolbar-title{font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)}.fc .fc-button{border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);padding:.4em .65em;font-size:var(--font-size-sm);text-transform:capitalize}.fc .fc-col-header-cell-cushion{padding:var(--space-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.05em}.fc .fc-daygrid-day-number{padding:var(--space-xs) var(--space-sm);color:var(--color-text);font-size:var(--font-size-sm)}.fc-event{border-radius:var(--border-radius-sm);padding:2px 4px;font-size:var(--font-size-xs);border:none;box-shadow:var(--shadow-xs);cursor:pointer}@media (max-width: 640px){.fc .fc-toolbar{flex-direction:column;align-items:stretch}.fc .fc-toolbar-chunk{display:flex;justify-content:center;margin-bottom:var(--space-xs)}.fc .fc-toolbar-title{font-size:var(--font-size-md)!important;margin:var(--space-xs) 0}}