[data-theme=dark]{--ce-bg:#0d1b2a;--ce-bg-panel:#0a2e1a;--ce-bg-card:#ffffff08;--ce-bg-surface:#ffffff0a;--ce-bg-surface-hover:#ffffff0f;--ce-input-bg:#ffffff0a;--ce-input-bg-focus:#ffffff0f;--ce-text:#d1fae5;--ce-text-soft:#94a3b8cc;--ce-text-muted:#94a3b880;--ce-text-heading:#d1fae5;--ce-text-label:#94a3b8e6;--ce-accent:#22c55e;--ce-accent-dark:#0f4d2e;--ce-accent-glow:#22c55e59;--ce-accent-subtle:#22c55e1a;--ce-border:#22c55e1f;--ce-border-accent:#22c55e40;--ce-border-focus:#22c55e80;--ce-link:#4ade80;--ce-header-bg:#0a2e1a;--ce-header-border:#22c55e26;--ce-dash-bg:#0d1b2a;--ce-card-bg:#ffffff0a;--ce-card-border:#22c55e1a;--ce-card-shadow:0 1px 3px #00000059;--ce-nav-text:#d1fae5b3;--ce-nav-hover-bg:#22c55e1a;--ce-nav-hover-text:#d1fae5;--ce-nav-active-bg:#22c55e;--ce-nav-active-text:#0d1b2a;--ce-dash-text:#d1fae5;--ce-dash-text-soft:#64748b;--ce-hamburger:#d1fae5;--ce-mobile-nav-bg:#0a2e1a;--ce-mobile-nav-border:#22c55e1f;--ce-mobile-nav-item:#d1fae5b3;--ce-mobile-nav-hover:#22c55e1a;--ce-mobile-back-bar:#0a2e1a;--ce-mobile-back-border:#22c55e1f;--ce-mobile-back-btn:#4ade80;--ce-activity-bg:#ffffff0a;--ce-quick-link-bg:#ffffff0d;--ce-quick-link-text:#d1fae5;--ce-settings-card-bg:#ffffff0a;--ce-settings-card-shadow:0 1px 4px #0000004d;--ce-settings-input-bg:#ffffff0f;--ce-settings-input-border:#22c55e33;--ce-settings-label:#d1fae5cc;--ce-settings-text:#d1fae5;--ce-settings-subtext:#64748b;--ce-sidebar-btn-text:#d1fae5b3;--ce-sidebar-btn-hover:#22c55e1a;--ce-sidebar-btn-active:#22c55e;--ce-sidebar-btn-active-text:#0d1b2a;--ce-user-menu-bg:#0a2e1a;--ce-user-menu-border:#22c55e26;--ce-user-menu-text:#d1fae5;--ce-user-menu-subtext:#64748b;--ce-user-menu-hover:#22c55e1a;--ce-user-name:#d1fae5}[data-theme=light]{--ce-bg:#f0fdf4;--ce-bg-panel:#fff;--ce-bg-card:#0f4d2e08;--ce-bg-surface:#0f4d2e0a;--ce-bg-surface-hover:#f0fdf4;--ce-input-bg:#fff;--ce-input-bg-focus:#f0fdf4;--ce-text:#0d1b2a;--ce-text-soft:#64748b;--ce-text-muted:#64748bb3;--ce-text-heading:#0d1b2a;--ce-text-label:#374151;--ce-accent:#22c55e;--ce-accent-dark:#0f4d2e;--ce-accent-glow:#22c55e33;--ce-accent-subtle:#22c55e14;--ce-border:#0f4d2e26;--ce-border-accent:#0f4d2e4d;--ce-border-focus:#22c55e80;--ce-link:#0f4d2e;--ce-header-bg:#fff;--ce-header-border:#e5e7eb;--ce-dash-bg:#f0fdf4;--ce-card-bg:#fff;--ce-card-border:#e5e7eb;--ce-card-shadow:0 1px 3px #00000014;--ce-nav-text:#6b7280;--ce-nav-hover-bg:#f0fdf4;--ce-nav-hover-text:#111827;--ce-nav-active-bg:#22c55e;--ce-nav-active-text:#fff;--ce-dash-text:#111827;--ce-dash-text-soft:#6b7280;--ce-hamburger:#374151;--ce-mobile-nav-bg:#fff;--ce-mobile-nav-border:#e5e7eb;--ce-mobile-nav-item:#374151;--ce-mobile-nav-hover:#f3f4f6;--ce-mobile-back-bar:#f9fafb;--ce-mobile-back-border:#e5e7eb;--ce-mobile-back-btn:#22c55e;--ce-activity-bg:#f9fafb;--ce-quick-link-bg:#f3f4f6;--ce-quick-link-text:#374151;--ce-settings-card-bg:#fff;--ce-settings-card-shadow:0 1px 4px #00000014;--ce-settings-input-bg:#fff;--ce-settings-input-border:#e5e7eb;--ce-settings-label:#374151;--ce-settings-text:#111827;--ce-settings-subtext:#6b7280;--ce-sidebar-btn-text:#374151;--ce-sidebar-btn-hover:#f3f4f6;--ce-sidebar-btn-active:#22c55e;--ce-sidebar-btn-active-text:#fff;--ce-user-menu-bg:#fff;--ce-user-menu-border:#e5e7eb;--ce-user-menu-text:#111827;--ce-user-menu-subtext:#9ca3af;--ce-user-menu-hover:#f3f4f6;--ce-user-name:#111827}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body,html{overflow-x:hidden;width:100%}.mobile-back-bar{display:none}@media (max-width:768px){.mobile-back-bar{align-items:center;background:var(--ce-mobile-back-bar);border-bottom:1px solid var(--ce-mobile-back-border);display:flex;padding:.5rem 1rem}.mobile-back-btn{align-items:center;background:none;border:none;color:var(--ce-mobile-back-btn);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.25rem 0}.mobile-back-btn:active{opacity:.7}}.admin-dashboard{background:var(--ce-dash-bg);min-height:100vh}.dashboard-header{background:var(--ce-header-bg);border-bottom:1px solid var(--ce-header-border);height:70px;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:3rem}.logo{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem}.header-logo-desktop{display:block;height:74px}@media (max-width:768px){.header-logo-desktop{height:40px}}.logo-icon{font-size:2rem}.logo-text{color:var(--ce-accent-dark);font-weight:700}.main-nav{display:flex;gap:.5rem}.nav-item{background:none;border:none;border-radius:6px;color:var(--ce-nav-text);cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:all .2s}.nav-item:hover{background:var(--ce-nav-hover-bg);color:var(--ce-nav-hover-text)}.nav-item.active{background:var(--ce-nav-active-bg);color:var(--ce-nav-active-text)}.header-right{align-items:center;display:flex;gap:1rem}.user-name{color:var(--ce-dash-text);font-weight:600}.logout-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:background .2s}.logout-btn:hover{background:#dc2626}.dashboard-content{margin:0 auto;max-width:1400px;padding:2rem}.welcome-section{margin-bottom:2rem}.welcome-section h1{color:var(--ce-dash-text);font-size:2.5rem;margin-bottom:.5rem}.subtitle{color:var(--ce-dash-text-soft);font-size:1.1rem}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.left-column,.right-column{display:flex;flex-direction:column;gap:2rem}.stats-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.stats-carousel-track::-webkit-scrollbar{display:none}.stat-card{align-items:center;background:var(--ce-card-bg);border:1px solid var(--ce-card-border);border-radius:12px;box-shadow:var(--ce-card-shadow);display:flex;gap:1rem;padding:1.5rem}.stat-icon{font-size:2.5rem}.stat-value{color:var(--ce-dash-text);font-size:2rem;font-weight:700}.stat-label{color:var(--ce-dash-text-soft);font-size:.875rem}.action-cards{display:flex;flex-direction:column;gap:1rem}.action-card{align-items:center;background:var(--ce-card-bg);border:1px solid var(--ce-card-border);border-radius:12px;box-shadow:var(--ce-card-shadow);cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.action-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-card.highlighted{border:2px solid #f97316}.action-icon{align-items:center;background:#fef3c7;border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.action-content{flex:1 1}.action-content h3{color:var(--ce-dash-text);font-size:1.125rem;margin-bottom:.25rem}.action-content p{color:var(--ce-dash-text-soft);font-size:.875rem;margin:0}.action-badge{background:#f97316;border-radius:6px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.action-arrow{color:var(--ce-dash-text-soft);font-size:1.5rem}.recent-activity{background:var(--ce-card-bg);border:1px solid var(--ce-card-border);border-radius:12px;box-shadow:var(--ce-card-shadow);padding:1.5rem}.recent-activity h2{color:var(--ce-dash-text);font-size:1.25rem;margin-bottom:1rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:center;background:var(--ce-activity-bg);border-radius:8px;display:flex;gap:1rem;padding:1rem}.activity-icon{font-size:1.5rem}.activity-content{flex:1 1}.activity-date{color:var(--ce-dash-text-soft);font-size:.75rem;margin-top:.25rem}.info-card{background:var(--ce-card-bg);border:1px solid var(--ce-card-border);border-radius:12px;box-shadow:var(--ce-card-shadow);padding:1.5rem}.info-card h3{color:var(--ce-dash-text);font-size:1.125rem;margin-bottom:1rem}.plan-name{color:var(--ce-accent);font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-transform:capitalize}.plan-stat{display:flex;justify-content:space-between;margin-bottom:.5rem}.plan-stat-label{color:var(--ce-dash-text-soft);font-size:.875rem}.plan-stat-value{color:var(--ce-dash-text);font-weight:600}.usage-bar{background:var(--ce-card-border);border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden}.usage-fill{background:linear-gradient(90deg,var(--ce-accent-dark),var(--ce-accent));height:100%;transition:width .3s}.quick-links{display:flex;flex-direction:column;gap:.5rem}.quick-link-btn{background:var(--ce-quick-link-bg);border:none;border-radius:8px;color:var(--ce-quick-link-text);cursor:pointer;font-weight:600;padding:.75rem;text-align:left;transition:all .2s;width:100%}.quick-link-btn:hover{background:var(--ce-accent);color:#fff}.help-card{background:linear-gradient(135deg,var(--ce-accent-dark) 0,var(--ce-accent) 100%);color:#fff}.help-card h3{color:#fff}.help-card p{color:#ffffffe6;margin-bottom:1rem}.help-btn{background:#fff;border:none;border-radius:8px;color:var(--ce-accent-dark);cursor:pointer;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.help-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.hamburger-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;height:18px;justify-content:space-between;padding:0;width:26px}.hamburger-btn span{background:var(--ce-hamburger);border-radius:2px;display:block;height:2.5px;transform-origin:center;transition:transform .22s ease,opacity .22s ease;width:100%}.hamburger-btn.open span:first-child{transform:translateY(7.75px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open span:nth-child(3){transform:translateY(-7.75px) rotate(-45deg)}.mobile-nav-overlay{background:#00000059;inset:0;position:fixed;z-index:98}.mobile-nav-menu{animation:mobileMenuSlideDown .2s ease;background:var(--ce-mobile-nav-bg);border-bottom:1px solid var(--ce-mobile-nav-border);box-shadow:0 8px 24px #0000001f;left:0;padding:.5rem;position:fixed;right:0;top:60px;z-index:99}@keyframes mobileMenuSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-item{background:none;border:none;border-radius:8px;color:var(--ce-mobile-nav-item);cursor:pointer;display:block;font-size:1rem;font-weight:500;padding:.875rem 1rem;text-align:left;transition:background .15s;width:100%}.mobile-nav-item:active,.mobile-nav-item:hover{background:var(--ce-mobile-nav-hover)}.mobile-nav-item.active{background:var(--ce-nav-active-bg);color:var(--ce-nav-active-text);font-weight:600}.mobile-quick-actions{display:none}.settings-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:220px 1fr}.settings-sidebar{background:var(--ce-card-bg);border:1px solid var(--ce-card-border);border-radius:12px;box-shadow:var(--ce-card-shadow);padding:1rem;position:sticky;top:90px}.settings-sidebar button{color:var(--ce-sidebar-btn-text)!important}.settings-content{display:flex;flex-direction:column;gap:2rem}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.stats-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-header{height:60px;padding:0 1rem}.main-nav{display:none}.hamburger-btn{display:flex}.logo-text{font-size:1.1rem}.logo-icon{font-size:1.5rem}.dashboard-content{padding:1rem}.welcome-section h1{color:var(--ce-dash-text);font-size:1.6rem}.subtitle{color:var(--ce-dash-text-soft);font-size:.95rem}.stats-overview{gap:.75rem;grid-template-columns:1fr 1fr}.stat-card{gap:.75rem;padding:1rem}.stat-icon{font-size:1.75rem}.stat-value{color:var(--ce-dash-text);font-size:1.5rem}.stat-label{color:var(--ce-dash-text-soft);font-size:.75rem}.action-card{gap:.75rem;padding:1rem}.action-icon{font-size:1.75rem;height:48px;width:48px}.action-content h3{color:var(--ce-dash-text);font-size:1rem}.action-content p{color:var(--ce-dash-text-soft);font-size:.8rem}.action-arrow{display:none}.mobile-quick-action-btn.schedule{background:linear-gradient(135deg,#f59e0b,#d97706)}.info-card{padding:1.25rem}.info-card h3{color:var(--ce-dash-text);font-size:1rem}.quick-link-btn{background:var(--ce-quick-link-bg);color:var(--ce-quick-link-text);font-size:.9rem;padding:.875rem 1rem}.quick-link-btn:active,.quick-link-btn:hover{background:var(--ce-accent);color:#fff}.mobile-quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.mobile-quick-action-btn{align-items:center;border:none;border-radius:14px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:1.25rem 1rem;transition:transform .15s,box-shadow .15s;width:100%}.mobile-quick-action-btn:active{box-shadow:0 1px 4px #00000026;transform:scale(.97)}.mobile-quick-action-btn .btn-icon{font-size:1.75rem}.mobile-quick-action-btn.time-entry{background:linear-gradient(135deg,var(--ce-accent-dark) 0,var(--ce-accent) 100%)}.mobile-quick-action-btn.payroll{background:linear-gradient(135deg,#10b981,#059669)}.settings-layout{grid-template-columns:1fr}.settings-sidebar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;position:static}.settings-sidebar button{flex:1 1 auto;font-size:.8rem;min-width:120px;padding:.5rem .75rem;text-align:center;white-space:nowrap}.dashboard-grid{gap:1rem;grid-template-columns:1fr}.left-column,.right-column{gap:1rem}.plan-name{font-size:1.25rem}.plan-stat-label,.plan-stat-value{font-size:.875rem}}.schedule-mobile-only{display:none}.schedule-desktop-only{display:flex}@media (max-width:768px){.schedule-mobile-only{display:block}.schedule-desktop-only{display:none}}.business-reg-container{align-items:center;background:var(--ce-bg);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.business-reg-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:700px;padding:3rem;width:100%}.business-reg-header{margin-bottom:2.5rem;text-align:center}.business-reg-header h1{color:#1f2937;font-size:2rem;margin-bottom:.5rem}.business-reg-header p{color:#6b7280;font-size:1rem;margin-bottom:2rem}.step-indicator{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.step-indicator span{background:#f3f4f6;border-radius:20px;color:#9ca3af;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s}.step-indicator span.active{background:var(--ce-bg);color:#fff}.business-reg-form{margin-bottom:1.5rem}.form-step{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-step h2{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem}.form-group label{color:#374151}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.plan-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.plan-card{border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:1.5rem;position:relative;text-align:center;transition:all .3s}.plan-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-4px)}.plan-card.selected{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#22c55e;box-shadow:0 8px 16px #667eea33}.popular-badge{background:var(--ce-bg);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:.25rem .75rem;position:absolute;top:-12px;transform:translateX(-50%)}.plan-card h3{color:#1f2937;font-size:1.25rem;margin-bottom:.5rem}.plan-card .price{color:#22c55e;font-size:2rem;font-weight:700;margin-bottom:1rem}.plan-card .price span{color:#6b7280;font-size:1rem;font-weight:400}.plan-card ul{list-style:none;padding:0;text-align:left}.plan-card ul li{color:#4b5563;font-size:.9rem;padding:.5rem 0}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .2s}.btn-primary{background:var(--ce-bg);color:#fff;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#f3f4f6}.button-row{display:flex;gap:1rem;margin-top:1.5rem}.button-row .btn-primary,.button-row .btn-secondary{flex:1 1}.error-message{margin-bottom:1.5rem}.business-reg-footer{border-top:1px solid #e5e7eb;padding-top:1.5rem;text-align:center}.business-reg-footer p{color:#6b7280;font-size:.875rem}.business-reg-footer a{color:#22c55e;font-weight:600;text-decoration:none}.business-reg-footer a:hover{text-decoration:underline}@media (max-width:768px){.business-reg-box{padding:2rem 1.5rem}.business-reg-header h1{font-size:1.5rem}.plan-cards{grid-template-columns:1fr}.step-indicator{align-items:center;flex-direction:column}.form-row{grid-template-columns:1fr}}.modal-backdrop{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.modal-content{background:#fff;border-radius:10px;box-shadow:0 0 15px #0003;max-height:90vh;max-width:95vw;overflow-y:auto;padding:2rem;width:auto}.table-scroll-wrapper{border:1px solid #e0e0e0;border-radius:5px;margin-top:1rem;max-width:100%;overflow-x:auto}.multi-day-table{border-collapse:collapse;min-width:800px;width:auto}.multi-day-table td:first-child,.multi-day-table th:first-child{background-color:#fff;border-right:2px solid #ddd;left:0;padding-right:1rem;position:sticky;z-index:1}.multi-day-table th:first-child{font-weight:700;z-index:2}.multi-day-table td,.multi-day-table th{padding:.5rem;text-align:center}.login-container{align-items:center;background:var(--ce-bg);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-box{background:var(--ce-bg-panel);border:1px solid var(--ce-border);border-radius:12px;box-shadow:var(--ce-card-shadow);max-width:440px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:var(--ce-text-heading);font-size:2rem;margin-bottom:.5rem}.login-header p{color:var(--ce-text-soft);font-size:1rem}.login-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--ce-text-label);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-group input{background:var(--ce-input-bg);border:1px solid var(--ce-border-accent);border-radius:8px;box-sizing:border-box;color:var(--ce-text);font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-group input:focus{border-color:var(--ce-accent);box-shadow:0 0 0 3px var(--ce-accent-glow);outline:none}.error-message{background-color:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#991b1b;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.login-button{background:linear-gradient(135deg,var(--ce-accent-dark),var(--ce-accent));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:transform .2s,box-shadow .2s;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 20px var(--ce-accent-glow);transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.demo-section{border-top:1px solid var(--ce-border);margin-top:2rem;padding-top:2rem}.demo-title{color:var(--ce-text-soft);font-size:.875rem;font-weight:500;margin-bottom:1rem;text-align:center}.demo-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.demo-btn{background:var(--ce-input-bg);border:1px solid var(--ce-border-accent);border-radius:6px;color:var(--ce-text);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;min-width:100px;padding:.5rem 1rem;transition:all .2s}.demo-btn:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.demo-employee:hover{background-color:var(--ce-accent-subtle);border-color:var(--ce-accent);color:var(--ce-accent-dark)}.demo-manager:hover{background-color:#fef3c7;border-color:#f59e0b;color:#92400e}.demo-admin:hover{background-color:#fce7f3;border-color:#ec4899;color:#9f1239}@media (max-width:480px){.login-box{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}.demo-buttons{flex-direction:column}.demo-btn{width:100%}}.tutorial-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:220px 1fr}.tutorial-sidebar{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;position:sticky;top:90px}.tutorial-nav-btn{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.6rem;padding:.65rem .85rem;text-align:left;transition:background .15s,color .15s;width:100%}.tutorial-nav-btn:hover{background:#f3f4f6}.tutorial-nav-btn.active{background:var(--ce-nav-active-bg);color:#fff;font-weight:600}.tutorial-nav-icon{flex-shrink:0;font-size:1.1rem}.tutorial-main{display:flex;flex-direction:column;gap:1.5rem}.tutorial-section-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:.75rem;padding-bottom:1rem}.tutorial-section-icon{font-size:2rem}.tutorial-section-header h2{color:#111827;font-size:1.75rem;font-weight:700;margin:0}.tutorial-block{background:#fff;border-left:4px solid var(--ce-accent);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:1.5rem}.tutorial-block-heading{color:#111827;font-size:1.1rem;font-weight:700;margin:0 0 .75rem}.tutorial-tip{background:#fef9c3;border:1px solid #fde68a;border-radius:6px;color:#6b7280;font-size:.875rem;margin:0 0 .75rem;padding:.5rem .75rem}.tutorial-steps{display:flex;flex-direction:column;gap:.6rem;margin:0;padding-left:1.25rem}.tutorial-steps li{color:#374151;font-size:.95rem;line-height:1.6}.tutorial-steps li b,.tutorial-steps li strong{color:#111827}@media (max-width:768px){.tutorial-layout{gap:1rem;grid-template-columns:1fr}.tutorial-sidebar{flex-direction:row;flex-wrap:wrap;gap:.4rem;padding:.6rem;position:static}.tutorial-nav-btn{flex:0 1 auto;font-size:.8rem;gap:.4rem;padding:.5rem .75rem}.tutorial-section-header h2{font-size:1.4rem}.tutorial-block{padding:1.25rem}}body{background-color:#f4f6f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.container{background-color:#fff;border-radius:10px;box-shadow:0 0 12px #0000000d;margin:2rem auto;max-width:900px;padding:2rem}h1{color:#333;font-size:2rem;margin-bottom:1.5rem}form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}input,select,textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.5rem;width:100%}button{background-color:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;width:fit-content}button:hover{background-color:#0f4d2e}.entry-card{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:1rem;padding:1rem}.section{margin-top:2rem}label{font-weight:700;margin-top:.5rem}.total-summary{background:#f9f9f9;border-left:4px solid #22c55e;border-radius:8px;margin-bottom:2rem;padding:1rem}
/*# sourceMappingURL=main.d6e2fee4.css.map*/