@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:3rem}.password-toggle{position:absolute;right:0;background:none;border:none;cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s}.password-toggle:hover{color:var(--text)}.password-toggle svg{width:20px;height:20px}.login-container,.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;background:transparent}.back-to-home{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem;font-weight:500;margin-bottom:1.5rem;transition:color .2s ease;text-decoration:none}.back-to-home:hover{color:var(--text-primary)}.back-to-home svg{transition:transform .2s ease}.back-to-home:hover svg{transform:translate(-3px)}.login-card{max-width:400px;width:100%;padding:2.5rem 2rem;background:var(--bg-medium);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.login-title{font-size:1.75rem;font-weight:800;text-align:center;color:var(--text-primary);margin-bottom:.4rem;letter-spacing:-.02em}.login-subtitle{text-align:center;color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-row-inline{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{font-weight:600;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.btn-block{width:100%;margin-top:.5rem;padding:.75rem 1.25rem;font-size:.95rem}.error-message{background:var(--error-bg);border:1px solid rgba(248,113,113,.3);color:var(--error);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1.25rem;font-size:.85rem;font-weight:500}.field-error{color:var(--error);font-size:.75rem;margin-top:.25rem;font-weight:500}.signup-link{text-align:center;margin-top:1.75rem;color:var(--text-muted);font-size:.85rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.signup-link a{color:var(--primary-light);font-weight:600}.signup-link a:hover{text-decoration:underline}@media (max-width: 480px){.login-card{padding:2rem 1.5rem}.login-title{font-size:1.5rem}.form-row-inline{grid-template-columns:1fr}}.clock-button-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:340px;margin:0 auto;padding:1rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-pill);font-weight:700;font-size:.75rem;margin-bottom:1.75rem;letter-spacing:.05em;text-transform:uppercase}.status-badge.clocked-in{background:var(--success);color:#052e16}.status-badge.clocked-out{background:var(--bg-light);color:var(--text-muted)}.pulse-dot{width:7px;height:7px;background:currentColor;border-radius:50%;animation:pulse 2s ease-in-out infinite}.clock-btn{width:100%;max-width:260px;height:56px;border-radius:var(--radius-lg);border:none;font-family:var(--font-sans);font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.04em;display:flex;align-items:center;justify-content:center;gap:.6rem;text-transform:uppercase}.clock-in-btn{background:var(--success);color:#052e16}.clock-in-btn:hover:not(:disabled){background:#5ae890;transform:translateY(-1px)}.clock-in-btn:active:not(:disabled){transform:translateY(0)}.clock-in-btn:disabled{opacity:.5;cursor:not-allowed}.clock-out-btn{background:var(--bg-light);color:var(--error);border:1px solid var(--border-light)}.clock-out-btn:hover:not(:disabled){background:var(--error-bg);border-color:var(--error)}.active-info{margin:1.25rem 0;text-align:center;background:var(--bg-light);padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border-color);width:100%}.active-info p{margin:0}.active-info p:first-child{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.active-info .elapsed{font-size:2.75rem;font-weight:800;color:var(--text-white);font-family:var(--font-mono);letter-spacing:-.02em;line-height:1}.active-info .location{color:var(--text-muted);font-size:.8rem;margin-top:.6rem}.elapsed-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:.35rem}.project-selector-dropdown{width:100%;margin-bottom:1.25rem}.project-selector-dropdown label{display:block;margin-bottom:.5rem;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.project-dropdown{width:100%}.error-message{width:100%;background:var(--error-bg);border:1px solid rgba(248,113,113,.3);color:var(--error);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1.25rem;font-size:.85rem;font-weight:500}.error-message.warning{background:var(--warning-bg);border-color:#fbbf244d;color:var(--warning)}@media (max-width: 480px){.clock-button-container{padding:.5rem}.status-badge{margin-bottom:1rem;padding:.4rem .85rem;font-size:.7rem}.active-info{margin:.75rem 0;padding:1rem}.active-info .elapsed{font-size:2rem}.elapsed-label{margin-top:.25rem}.clock-btn{height:48px;font-size:.85rem}.project-selector-dropdown{margin-bottom:.75rem}}.navbar{background:#242424d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:.6rem 0;position:sticky;top:0;z-index:100}.navbar-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}@media (min-width: 640px){.navbar-content{padding:0 1.5rem}}.navbar-brand{font-size:1.2rem;font-weight:800;color:var(--text-white);margin:0;letter-spacing:-.02em}.navbar-desktop{display:flex;align-items:center;gap:1rem}.navbar-user{display:flex;align-items:center;gap:.5rem;padding-right:1rem;border-right:1px solid var(--border-color)}.navbar-user .user-name{color:var(--text-secondary);font-size:.85rem;font-weight:500}.navbar-links{display:flex;align-items:center;gap:.25rem}.navbar-links .btn{background:transparent;border:none;color:var(--text-muted);padding:.45rem .75rem;font-size:.85rem;border-radius:var(--radius-md)}.navbar-links .btn:hover,.navbar-links .btn.active{background:var(--bg-light);color:var(--text-primary)}.nav-divider{width:1px;height:20px;background:var(--border-color);margin:0 .5rem}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;font-size:.7rem;font-weight:700;color:var(--text-white);background:var(--primary);border-radius:9px}.company-badge{background:var(--bg-light);color:var(--text-secondary);padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.role-badge{background:var(--bg-lighter);color:var(--text-muted);padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.role-badge.small{font-size:.6rem;padding:.1rem .4rem}.navbar-mobile{display:none;align-items:center;gap:.6rem}.hamburger-btn{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.hamburger-icon{width:18px;height:14px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;height:2px;width:100%;background:var(--text-primary);transition:all .25s ease;border-radius:1px}.hamburger-icon.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-drawer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}.mobile-drawer.open{pointer-events:auto}.mobile-drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;opacity:0;transition:opacity .25s ease}.mobile-drawer.open .mobile-drawer-overlay{opacity:1}.mobile-drawer-content{position:absolute;top:0;right:0;width:280px;max-width:85%;height:100%;background:var(--bg-medium);border-left:1px solid var(--border-color);padding:5rem 1.5rem 1.5rem;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto}.mobile-drawer.open .mobile-drawer-content{transform:translate(0)}.mobile-user-info{display:flex;flex-direction:column;gap:.4rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.mobile-user-details{display:flex;align-items:center;gap:.5rem}.mobile-user-name{font-weight:700;font-size:1rem;color:var(--text-white)}.mobile-user-email{font-size:.8rem;color:var(--text-muted)}.mobile-nav-links{display:flex;flex-direction:column;gap:.25rem}.mobile-nav-link{text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:.95rem;padding:.75rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--bg-light);color:var(--text-primary)}.mobile-nav-link.mobile-logout{color:var(--error);margin-top:auto;border-top:1px solid var(--border-color);padding-top:1.25rem;border-radius:0;background:none;text-align:left;border:none;cursor:pointer;width:100%;font-family:var(--font-sans)}.mobile-nav-link.mobile-logout:hover{background:var(--error-bg);border-radius:var(--radius-md)}.mobile-nav-divider{height:1px;background:var(--border-color);margin:.75rem 0}.mobile-nav-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.25rem 1rem;margin-bottom:.25rem}@media (max-width: 768px){.navbar-desktop{display:none}.navbar-mobile{display:flex}}.toast-container{position:fixed;bottom:1.25rem;right:1.25rem;display:flex;flex-direction:column;gap:.65rem;z-index:9999;max-width:360px}.toast{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-radius:var(--radius-lg);background:var(--bg-medium);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);animation:slideIn .25s ease-out;min-width:260px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{display:flex;align-items:center;gap:.75rem;flex:1}.toast-icon{font-size:.9rem;font-weight:700;flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.toast-message{font-size:.85rem;line-height:1.4;color:var(--text-primary);font-weight:500}.toast-actions{display:flex;align-items:center;gap:.4rem;margin-left:.85rem}.toast-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.2rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-close-btn:hover{color:var(--text-primary);background:var(--bg-light)}.toast-retry-btn{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:.35rem .7rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.toast-retry-btn:hover{background:var(--bg-lighter)}.toast-success{border-left:3px solid var(--success)}.toast-success .toast-icon{background:var(--success);color:#052e16}.toast-error{border-left:3px solid var(--error)}.toast-error .toast-icon{background:var(--error);color:#450a0a}.toast-warning{border-left:3px solid var(--warning)}.toast-warning .toast-icon{background:var(--warning);color:#422006}.toast-info{border-left:3px solid var(--info)}.toast-info .toast-icon{background:var(--info);color:#1e3a5f}@media (max-width: 480px){.toast-container{left:1rem;right:1rem;bottom:1rem;max-width:none}.toast{min-width:auto}}.skeleton{background:linear-gradient(90deg,var(--bg-light) 25%,var(--bg-lighter) 50%,var(--bg-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-circle{border-radius:50%}.skeleton-text{display:flex;flex-direction:column;gap:.4rem}.skeleton-card{padding:1.25rem;background:var(--bg-medium);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.skeleton-table{width:100%;background:var(--bg-medium);border-radius:var(--radius-xl);border:1px solid var(--border-color);overflow:hidden}.skeleton-table-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.85rem;padding:.85rem 1rem;background:var(--bg-light);border-bottom:1px solid var(--border-color)}.skeleton-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.85rem;padding:.85rem 1rem;border-bottom:1px solid var(--border-color)}.skeleton-table-row:last-child{border-bottom:none}.skeleton-clock{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem}.skeleton-clock-btn{margin-top:.85rem}.skeleton-summary{padding:.85rem 0}.skeleton-stats{margin-top:1.25rem;display:flex;flex-direction:column;gap:.85rem}.skeleton-stat-row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--border-color)}.skeleton-stat-row:last-child{border-bottom:none}.dashboard-skeleton{padding:1.5rem}.dashboard-skeleton-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.skeleton-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.skeleton-metric-card{height:120px;border-radius:var(--radius-xl)}.admin-skeleton{padding:1.5rem}.skeleton-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}@media (max-width: 900px){.skeleton-metrics-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-skeleton-grid{grid-template-columns:1fr}}@media (max-width: 500px){.skeleton-metrics-row{grid-template-columns:1fr}}.dashboard{min-height:100vh;background:transparent}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;margin-top:1.5rem}@media (max-width: 900px){.metrics-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.metrics-row{grid-template-columns:1fr;gap:.75rem}}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.25rem}.dashboard-grid.full-width{grid-template-columns:1fr}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}.clock-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.mobile-clock-section{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:auto;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:.75rem;margin-top:.5rem;padding:1.25rem 1rem}.desktop-only{display:grid}.mobile-summary{display:none;margin-top:1rem}.summary-section{padding:1.5rem}.summary-section h2{margin-bottom:1.25rem;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.summary-stat{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--border-color)}.summary-stat:last-of-type{border-bottom:none}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.stat-value{font-size:1.35rem;font-weight:700;font-family:var(--font-mono);color:var(--text-white)}.stat-value.overtime{color:var(--warning)}.project-row{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary)}.project-row:last-child{border-bottom:none}.project-heading{margin-top:1.5rem;margin-bottom:.6rem;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.last-updated{text-align:right;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;margin-top:1rem}.error-state{text-align:center;padding:2rem;color:var(--text-muted);width:100%}.error-state p{margin-bottom:1rem}.history-section{margin-top:1.5rem;margin-bottom:3rem}.history-section h2{margin-bottom:1rem;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.no-entries{text-align:center;color:var(--text-muted);padding:2.5rem;background:var(--bg-medium);border-radius:var(--radius-xl);border:1px solid var(--border-color);font-size:.9rem}.entries-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-medium);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color)}.entries-table th{padding:.85rem 1rem;text-align:left;font-weight:700;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-color);background:var(--bg-light)}.entries-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary)}.entries-table tbody tr:last-child td{border-bottom:none}.entries-table tbody tr:hover td{background:var(--bg-light)}.time-value{display:block;font-weight:600;font-family:var(--font-mono);font-size:.85rem}.location-name{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.location-link{display:inline-block;font-size:.7rem;color:var(--primary-light);margin-top:.2rem;font-weight:500}.active-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;background:var(--success);color:#052e16;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;text-transform:uppercase}.active-badge:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%;animation:pulse 2s ease-in-out infinite}.active-badge-small{padding:.15rem .4rem;background:var(--success);color:#052e16;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700}.card-header-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.6rem;border-bottom:1px solid var(--border-color)}.card-date{font-weight:700;font-size:.9rem;color:var(--text-white)}.card-hours{font-weight:700;font-family:var(--font-mono);color:var(--text-white);font-size:1rem}.card-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid var(--border-color);font-size:.85rem}.card-value{font-size:.85rem;text-align:right;color:var(--text-primary)}.chart-card{padding:1.5rem}.chart-card h2{margin-bottom:1.25rem;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.chart-header h2{margin:0}.period-filter{padding:.45rem 1.75rem .45rem .85rem;background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' fill-opacity='0.5' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center}.period-filter:focus{border-color:var(--primary-color);outline:none}.period-filter option{background:var(--bg-medium);color:var(--text-primary)}@media (max-width: 768px){.desktop-table{display:none}.mobile-cards{display:block}.container{padding:0 1rem}.last-updated{text-align:center}.dashboard-grid.desktop-only{display:none}.mobile-clock-section{display:flex}.mobile-summary{display:block}.metrics-row{margin-top:.5rem;gap:.5rem}.metrics-row .metric-card{padding:.75rem 1rem;border-radius:14px;min-height:72px;display:flex;flex-direction:column;justify-content:center}.metrics-row .metric-card .metric-label{font-size:.7rem;margin-bottom:.15rem}.metrics-row .metric-card .metric-value-row{gap:.4rem}.metrics-row .metric-card .metric-value{font-size:1.35rem}.metrics-row .metric-card .metric-hours{font-size:.8rem}.metrics-row .metric-card .metric-subtitle{font-size:.65rem;margin-top:.15rem}.chart-header{flex-direction:column;align-items:stretch}.period-filter{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.metrics-row>*,.dashboard-grid>*{animation:fadeInUp .4s ease-out backwards}.metrics-row>*:nth-child(1){animation-delay:0s}.metrics-row>*:nth-child(2){animation-delay:.05s}.metrics-row>*:nth-child(3){animation-delay:.1s}.dashboard-grid>*:nth-child(1){animation-delay:.15s}.dashboard-grid>*:nth-child(2){animation-delay:.2s}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1rem;margin-bottom:.5rem}.view-toggle{display:flex;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.25rem;gap:.25rem}.view-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{color:var(--text-primary);background:var(--bg-light)}.view-toggle-btn.active{background:var(--primary-color);color:#fff}.view-toggle-btn svg{flex-shrink:0}.stat-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;margin-top:1.5rem}.stat-card{padding:1.5rem;border-radius:20px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.stat-card.yellow{background:linear-gradient(135deg,#f5f0e1,#e8e0c8);color:#2d2a1f}.stat-card.yellow .stat-card-header{color:#5c5640}.stat-card.yellow .stat-card-value{color:#1a1810}.stat-card.yellow .stat-card-footer{color:#6b644d}.stat-card.mint{background:linear-gradient(135deg,#c8f5e3,#a8e6cf);color:#1a3d2e}.stat-card.mint .stat-card-header{color:#2d5c47}.stat-card.mint .stat-card-value{color:#0d261c}.stat-card.mint .stat-card-footer{color:#3d7a61}.stat-card.purple{background:linear-gradient(135deg,#e0d4f5,#c9b8e8);color:#2d1f4a}.stat-card.purple .stat-card-header{color:#5c4a7a}.stat-card.purple .stat-card-value{color:#1a0f33}.stat-card.purple .stat-card-footer{color:#6b5a8a}.stat-card-header{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;margin-bottom:.75rem}.stat-card-header svg{opacity:.8}.stat-card-value{font-size:2.75rem;font-weight:700;line-height:1.1;margin-bottom:.5rem;font-family:var(--font-mono)}.stat-card-unit{font-size:1.25rem;font-weight:500;opacity:.7;margin-left:.25rem}.stat-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;margin-top:auto}.stat-card-percent{font-weight:600}.stat-card-dots{display:flex;gap:.35rem}.stat-card-dots .dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.3}.stat-card-dots .dot.active{opacity:.7}.quick-actions-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.quick-action-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all .2s ease;color:var(--text-primary)}.quick-action-card.clickable{cursor:pointer}.quick-action-card.clickable:hover{background:var(--bg-light);border-color:var(--primary-color)}.quick-action-badge{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .5rem;background:var(--warning);color:#1a1500;border-radius:var(--radius-md);font-size:.9rem;font-weight:700}.quick-action-text{flex:1;font-size:.9rem;font-weight:500}.quick-action-arrow{color:var(--text-muted);flex-shrink:0;opacity:.5}.quick-action-card:hover .quick-action-arrow{opacity:1;color:var(--primary-color)}.charts-section{margin-bottom:1.5rem}.charts-accordion-toggle{display:none;width:100%;padding:1rem;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:.5rem}.charts-accordion-toggle:hover{background:var(--bg-light)}.accordion-icon{transition:transform .3s ease}.accordion-icon.expanded{transform:rotate(180deg)}.charts-container{transition:all .3s ease}.charts-container.collapsed{display:none}.chart-hint{font-size:.75rem;color:var(--text-muted);margin-bottom:1rem;font-style:italic}.activity-feed{padding:1.5rem;margin-bottom:2rem}.activity-feed h2{margin-bottom:1rem;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-light);border-radius:var(--radius-md);border:1px solid var(--border-color)}.activity-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}.activity-icon.clock-in{background:#4caf5026;color:var(--success)}.activity-icon.clock-out{background:#00e5ff26;color:var(--primary-light)}.activity-content{flex:1;min-width:0}.activity-name{font-weight:600;color:var(--text-white);font-size:.9rem}.activity-action{color:var(--text-muted);font-size:.85rem;margin-left:.35rem}.activity-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0}@media (max-width: 1200px){.stat-cards-row,.quick-actions-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.stat-cards-row{grid-template-columns:repeat(2,1fr)}.stat-cards-row .stat-card:last-child{grid-column:span 2}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:stretch}.last-updated{text-align:center;margin-bottom:0}.view-toggle{width:100%;justify-content:center}.view-toggle-btn{flex:1;justify-content:center;padding:.65rem .75rem;font-size:.8rem}.stat-cards-row{grid-template-columns:1fr;gap:.75rem}.stat-cards-row .stat-card:last-child{grid-column:span 1}.stat-card{padding:1.25rem;border-radius:16px}.stat-card-value{font-size:2.25rem}.quick-actions-row{grid-template-columns:1fr;gap:.5rem}.quick-action-card{padding:.85rem 1rem}.charts-accordion-toggle{display:flex}.activity-item{padding:.6rem}.activity-name{font-size:.85rem}.activity-action{display:block;margin-left:0;font-size:.8rem}}@media (max-width: 500px){.stat-card-value{font-size:2rem}.stat-card-unit{font-size:1rem}.view-toggle-btn{font-size:.75rem;padding:.5rem}.view-toggle-btn svg{width:14px;height:14px}}.landing{--landing-bg-darkest: #0f0f0f;--landing-bg-dark: #1a1a1a;--landing-bg-medium: #242424;--landing-primary: #6366F1;--landing-primary-hover: #818CF8;--landing-primary-light: rgba(99, 102, 241, .1);--landing-text: #FFFFFF;--landing-text-secondary: rgba(255, 255, 255, .7);--landing-text-muted: rgba(255, 255, 255, .5);--landing-radius-md: 12px;--landing-radius-lg: 14px;--landing-radius-xl: 18px;background:var(--landing-bg-darkest);color:var(--landing-text);min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.landing *{box-sizing:border-box}.landing a{color:inherit;text-decoration:none}.landing-container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;background:#0f0f0fe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.landing-nav .landing-container{display:flex;align-items:center;justify-content:space-between;gap:40px}.landing-logo-group{display:flex;align-items:baseline;gap:8px}.landing-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-logo-tagline{font-size:.75rem;font-weight:500;color:var(--landing-text-muted)}.landing-nav-links{display:flex;align-items:center;gap:32px}.landing-nav-links a{font-size:.9375rem;font-weight:500;color:var(--landing-text-secondary);transition:color .2s ease}.landing-nav-links a:hover{color:var(--landing-text)}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;border-radius:var(--landing-radius-lg);border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.landing-btn-primary{background:var(--landing-primary);color:#fff}.landing-btn-primary:hover{background:var(--landing-primary-hover);transform:translateY(-2px)}.landing-btn-secondary{background:transparent;color:var(--landing-text);border:1px solid rgba(255,255,255,.2)}.landing-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.landing-btn-sm{padding:10px 20px;font-size:.9375rem}.landing-hero{padding:160px 0 100px;overflow:hidden}.landing-hero .landing-container{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.landing-hero-content{max-width:540px}.landing-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:100px;font-size:.875rem;font-weight:500;color:var(--landing-primary-hover);margin-bottom:24px}.landing-badge-dot{width:8px;height:8px;background:var(--landing-primary);border-radius:50%;animation:landing-pulse 2s ease-in-out infinite}@keyframes landing-pulse{0%,to{opacity:1}50%{opacity:.5}}.landing h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin:0 0 24px;letter-spacing:-.02em}.landing h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin:0 0 16px;letter-spacing:-.01em}.landing h3{font-size:1.5rem;font-weight:700;margin:0 0 12px}.landing-gradient-text{background:linear-gradient(135deg,var(--landing-primary),#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-subtitle{font-size:1.25rem;line-height:1.7;color:var(--landing-text-secondary);margin:0 0 40px}.landing-hero-cta{display:flex;gap:16px;flex-wrap:wrap}.landing-hero-note{margin-top:16px;font-size:.875rem;color:var(--landing-text-muted)}.landing-screenshot-frame{background:var(--landing-bg-dark);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.landing-browser-bar{display:flex;gap:6px;padding:12px 16px;background:var(--landing-bg-medium);border-bottom:1px solid rgba(255,255,255,.06)}.landing-browser-dot{width:10px;height:10px;border-radius:50%}.landing-browser-dot:nth-child(1){background:#ff5f57}.landing-browser-dot:nth-child(2){background:#febc2e}.landing-browser-dot:nth-child(3){background:#28c840}.landing-screenshot-frame img{width:100%;display:block}.landing-hero-visual{position:relative}.landing-screenshot-mobile{position:absolute;bottom:-40px;right:-30px;width:180px;z-index:2}.landing-phone-frame{background:var(--landing-bg-dark);border-radius:24px;padding:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.landing-phone-frame img{border-radius:18px;width:100%}.landing-section{padding:100px 0}.landing-section-dark{background:var(--landing-bg-dark)}.landing-section-darkest{background:var(--landing-bg-darkest)}.landing-section-header{text-align:center;margin-bottom:60px}.landing-section-header p{font-size:1.125rem;color:var(--landing-text-secondary);max-width:600px;margin:0 auto}.landing-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.landing-product-card{background:var(--landing-bg-medium);border-radius:var(--landing-radius-xl);padding:40px;border:1px solid rgba(255,255,255,.06);position:relative}.landing-product-card.featured{border-color:#6366f14d;background:linear-gradient(135deg,rgba(99,102,241,.08) 0%,transparent 50%)}.landing-product-badge{position:absolute;top:24px;right:24px;padding:6px 12px;background:#22c55e26;color:#22c55e;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.landing-product-badge.muted{background:#ffffff14;color:var(--landing-text-muted)}.landing-product-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--landing-primary-light);border-radius:16px;color:var(--landing-primary);margin-bottom:24px}.landing-product-icon.muted{background:#ffffff0d;color:var(--landing-text-muted)}.landing-product-card p{color:var(--landing-text-secondary);margin:0 0 24px;line-height:1.7}.landing-product-features{list-style:none;padding:0;margin:0 0 32px}.landing-product-features li{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--landing-text-secondary);border-bottom:1px solid rgba(255,255,255,.06)}.landing-product-features li:last-child{border-bottom:none}.landing-product-features svg{color:var(--landing-primary);flex-shrink:0}.landing-feature-row{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;margin-bottom:100px}.landing-feature-row:last-child{margin-bottom:0}.landing-feature-row.reverse{grid-template-columns:1.3fr 1fr}.landing-feature-row.reverse .landing-feature-content{order:2}.landing-feature-row.reverse .landing-feature-image{order:1}.landing-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--landing-primary-light);border-radius:12px;color:var(--landing-primary);margin-bottom:20px}.landing-feature-content h3{font-size:1.75rem}.landing-feature-content>p{font-size:1.125rem;line-height:1.7;color:var(--landing-text-secondary);margin:0 0 24px}.landing-feature-list{list-style:none;padding:0;margin:0}.landing-feature-list li{position:relative;padding-left:28px;margin-bottom:12px;color:var(--landing-text-secondary)}.landing-feature-list li:before{content:"✓";position:absolute;left:0;color:var(--landing-primary);font-weight:700}.landing-manager-section{padding:100px 0;background:linear-gradient(180deg,var(--landing-bg-darkest) 0%,var(--landing-bg-dark) 100%)}.landing-manager-content{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.landing-section-tag{display:inline-block;padding:8px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:100px;font-size:.875rem;font-weight:600;color:#22c55e;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}.landing-manager-text h2{font-size:clamp(1.75rem,3vw,2.5rem)}.landing-manager-lead{font-size:1.125rem;line-height:1.7;color:var(--landing-text-secondary);margin:0 0 40px;max-width:480px}.landing-stats-grid{display:flex;flex-direction:column;gap:20px}.landing-stat-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--landing-bg-medium);border-radius:var(--landing-radius-lg);border:1px solid rgba(255,255,255,.06);transition:border-color .2s ease}.landing-stat-item:hover{border-color:#6366f14d}.landing-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--landing-primary-light);border-radius:10px;color:var(--landing-primary);flex-shrink:0}.landing-stat-content strong{display:block;font-size:1rem;color:var(--landing-text);margin-bottom:4px}.landing-stat-content span{font-size:.875rem;color:var(--landing-text-muted)}.landing-benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.landing-benefits-grid.landing-benefits-4col{grid-template-columns:repeat(4,1fr);gap:24px}.landing-benefits-grid.landing-benefits-4col .landing-benefit-card:nth-child(5){grid-column:2 / 4}.landing-benefits-4col .landing-benefit-card{text-align:center;padding:32px 24px}.landing-benefits-4col .landing-benefit-card h3{font-size:1.125rem}.landing-benefits-4col .landing-benefit-card p{font-size:.9375rem}.landing-benefit-card{background:var(--landing-bg-medium);border-radius:var(--landing-radius-xl);padding:40px;border:1px solid rgba(255,255,255,.06);transition:border-color .2s ease,transform .2s ease}.landing-benefit-card:hover{border-color:#6366f14d;transform:translateY(-4px)}.landing-benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#6366f126,#c4b5fd1a);border-radius:14px;color:var(--landing-primary-hover);margin-bottom:24px}.landing-benefit-card h3{font-size:1.25rem}.landing-benefit-card p{color:var(--landing-text-secondary);line-height:1.7;margin:0}.landing-social-proof{padding:60px 0;background:linear-gradient(180deg,var(--landing-bg-dark) 0%,var(--landing-bg-darkest) 100%);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.landing-social-proof-content{text-align:center;max-width:600px;margin:0 auto}.landing-trust-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:100px;color:#22c55e;font-weight:600;font-size:.9375rem;margin-bottom:16px}.landing-trust-badge svg{width:20px;height:20px}.landing-trust-text{font-size:1.125rem;color:var(--landing-text-secondary);line-height:1.6;margin:0}.landing-pricing-card{max-width:480px;margin:0 auto;background:var(--landing-bg-medium);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px 40px;text-align:center}.landing-pricing-card h2{font-size:1.5rem;margin-bottom:24px}.landing-price-display{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.landing-price{font-size:3.5rem;font-weight:800;color:var(--landing-text);line-height:1}.landing-price-period{font-size:1.25rem;color:var(--landing-text-muted);font-weight:500}.landing-price-description{font-size:1.125rem;color:var(--landing-text-secondary);margin:0 0 8px}.landing-price-per-employee{font-size:1rem;color:var(--landing-primary);font-weight:500;margin:0 0 32px}.landing-price-includes{list-style:none;padding:0;margin:0 auto 32px;text-align:left;max-width:280px}.landing-price-includes li{position:relative;padding-left:28px;margin-bottom:12px;color:var(--landing-text-secondary);font-size:.9375rem}.landing-price-includes li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700}.landing-pricing-card .landing-btn{width:100%;justify-content:center;padding:16px 32px;font-size:1.0625rem}.landing-price-note{margin-top:16px;font-size:.875rem;color:var(--landing-text-muted)}.landing-cta-card{position:relative;background:linear-gradient(135deg,var(--landing-primary) 0%,#4f46e5 100%);border-radius:24px;padding:80px 60px;text-align:center;overflow:hidden}.landing-cta-content{position:relative;z-index:1}.landing-cta-card h2{color:#fff}.landing-cta-card p{color:#ffffffe6;font-size:1.25rem;max-width:500px;margin:0 auto 40px}.landing-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.landing-cta-card .landing-btn-primary{background:#fff;color:var(--landing-primary)}.landing-cta-card .landing-btn-primary:hover{background:#ffffffe6}.landing-cta-card .landing-btn-secondary{color:#fff;border-color:#fff6}.landing-cta-card .landing-btn-secondary:hover{background:#ffffff1a;border-color:#fff9}.landing-cta-note{margin-top:24px;font-size:.875rem;color:#ffffffb3!important}.landing-cta-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.landing-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.landing-decoration-circle:nth-child(1){width:300px;height:300px;top:-100px;right:-50px}.landing-decoration-circle:nth-child(2){width:200px;height:200px;bottom:-80px;left:-40px}.landing-decoration-circle:nth-child(3){width:100px;height:100px;top:50%;left:15%;background:#ffffff0d}.landing-footer{padding:80px 0 40px;background:var(--landing-bg-dark);border-top:1px solid rgba(255,255,255,.06)}.landing-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}.landing-footer-brand p{color:var(--landing-text-muted);max-width:280px;margin:16px 0 0}.landing-footer-links h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--landing-text-muted);margin:0 0 20px}.landing-footer-links ul{list-style:none;padding:0;margin:0}.landing-footer-links li{margin-bottom:12px}.landing-footer-links a{color:var(--landing-text-secondary);font-size:.9375rem;transition:color .2s ease}.landing-footer-links a:hover{color:var(--landing-text)}.landing-footer-bottom{padding-top:40px;border-top:1px solid rgba(255,255,255,.06);text-align:center}.landing-footer-bottom p{color:var(--landing-text-muted);font-size:.875rem;margin:0}@media (max-width: 1024px){.landing-hero .landing-container,.landing-feature-row,.landing-feature-row.reverse,.landing-manager-content{grid-template-columns:1fr;gap:50px}.landing-hero-content,.landing-manager-text{text-align:center;max-width:100%}.landing-hero-cta{justify-content:center}.landing-feature-row.reverse .landing-feature-content,.landing-feature-row.reverse .landing-feature-image{order:unset}.landing-screenshot-mobile{right:0;bottom:-20px;width:140px}.landing-stats-grid{max-width:400px;margin:0 auto}.landing-benefits-grid.landing-benefits-4col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.landing-nav-links{display:none}.landing-nav .landing-container{gap:16px}.landing-nav .landing-btn-sm{padding:8px 12px;font-size:.8125rem}.landing-hero{padding:120px 0 60px}.landing-screenshot-mobile{display:none}.landing-products-grid,.landing-benefits-grid{grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:1fr 1fr;gap:40px}.landing-footer-brand{grid-column:span 2}.landing-cta-card{padding:60px 32px}.landing-benefits-grid.landing-benefits-4col{grid-template-columns:1fr}.landing-social-proof{padding:40px 0}.landing-trust-text{font-size:1rem}.landing-pricing-card{padding:32px 24px}.landing-price{font-size:2.75rem}}@media (max-width: 420px){.landing-logo-group{flex-shrink:1;min-width:0}.landing-logo{font-size:1.25rem}.landing-logo-tagline{font-size:.625rem}.landing-nav .landing-btn-sm{flex-shrink:0}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .15s ease-out}.modal-card{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.75rem;max-width:380px;width:100%;text-align:center;animation:slideUp .2s ease-out}.modal-icon{width:60px;height:60px;margin:0 auto 1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-icon svg{width:28px;height:28px}.modal-icon-danger{background:var(--error-bg);color:var(--error)}.modal-icon-warning{background:var(--warning-bg);color:var(--warning)}.modal-title{font-size:1.2rem;font-weight:700;margin-bottom:.65rem;color:var(--text-white)}.modal-message{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5;font-size:.9rem}.modal-actions{display:flex;gap:.75rem;justify-content:center}.modal-btn-cancel{background:var(--bg-light);color:var(--text-primary);min-width:100px;border:1px solid var(--border-color)}.modal-btn-cancel:hover{background:var(--bg-lighter)}.modal-btn-confirm{min-width:100px}.modal-btn-danger{background:var(--error);color:#fff}.modal-btn-danger:hover{background:#ef4444}.modal-btn-warning{background:var(--warning);color:#422006}.modal-btn-warning:hover{background:#f59e0b}.edit-modal-card{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.75rem;max-width:460px;width:100%;animation:slideUp .2s ease-out}.edit-modal-title{font-size:1.2rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-white);text-align:left}.edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem}.edit-form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.85rem}.edit-form-group label{font-weight:600;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.edit-form-group .input{padding:.7rem .9rem;font-size:.9rem}.email-warning{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem;background:var(--warning-bg);border-radius:var(--radius-md);margin-bottom:.85rem;color:var(--warning)}.email-warning svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.email-warning span{font-size:.8rem;line-height:1.4}.pay-rate-input-wrapper{display:flex;align-items:center;gap:0}.pay-rate-prefix{display:flex;align-items:center;justify-content:center;padding:.7rem .85rem;background:var(--bg-light);border:1px solid var(--border-color);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--text-muted);font-weight:600;font-size:.9rem}.pay-rate-input{border-radius:0!important;flex:1;min-width:0}.pay-rate-suffix{display:flex;align-items:center;justify-content:center;padding:.7rem .85rem;background:var(--bg-light);border:1px solid var(--border-color);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-muted);font-weight:500;font-size:.75rem}.field-hint{font-size:.7rem;color:var(--text-muted);margin-top:.2rem}.field-error{color:var(--error);font-size:.75rem}.edit-modal-actions{display:flex;gap:.75rem;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-color)}.edit-modal-actions-right{display:flex;gap:.75rem}.edit-modal-btn-deactivate{background:transparent;color:var(--error);border:1px solid var(--error);min-width:100px}.edit-modal-btn-deactivate:hover:not(:disabled){background:var(--error);color:#fff}.edit-modal-btn-deactivate:disabled{opacity:.5;cursor:not-allowed}.edit-modal-btn-cancel{background:var(--bg-light);color:var(--text-primary);min-width:90px;border:1px solid var(--border-color)}.edit-modal-btn-cancel:hover:not(:disabled){background:var(--bg-lighter)}.edit-modal-btn-save{min-width:110px;background:var(--primary-color);color:#fff;border:none}.edit-modal-btn-save:hover:not(:disabled){background:var(--primary-hover)}.edit-modal-btn-save:disabled,.edit-modal-btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.edit-modal-card{padding:1.25rem;margin:.4rem}.edit-form-grid{grid-template-columns:1fr}.edit-modal-actions{flex-direction:column;gap:.5rem}.edit-modal-actions-right{flex-direction:column-reverse;width:100%}.edit-modal-btn-cancel,.edit-modal-btn-save,.edit-modal-btn-deactivate{width:100%}.edit-modal-btn-deactivate{order:1;margin-top:.5rem}}.breadcrumb{margin-bottom:1rem}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{color:var(--text-muted);font-size:.85rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast);padding:.25rem 0}.breadcrumb-link:hover{color:var(--primary-light)}.breadcrumb-text{color:var(--text-muted);font-size:.85rem;font-weight:500;padding:.25rem 0}.breadcrumb-current{color:var(--text-secondary);font-weight:600}.breadcrumb-separator{display:flex;align-items:center;color:var(--text-muted);opacity:.5;margin:0 .5rem}.breadcrumb.compact .breadcrumb-link,.breadcrumb.compact .breadcrumb-text{font-size:.8rem}.breadcrumb.compact .breadcrumb-separator{margin:0 .35rem}.breadcrumb.compact .breadcrumb-separator svg{width:12px;height:12px}@media (max-width: 768px){.breadcrumb{margin-bottom:.75rem}.breadcrumb-link,.breadcrumb-text{font-size:.8rem}.breadcrumb-separator{margin:0 .35rem}.breadcrumb-separator svg{width:12px;height:12px}.breadcrumb-link,.breadcrumb-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 480px){.breadcrumb-link,.breadcrumb-text{max-width:80px}}.admin-panel{min-height:100vh;background:transparent}.admin-section{margin-top:1.5rem;margin-bottom:1.5rem}.section-margin{margin-top:2.5rem}.form-group label{font-weight:600;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.password-strength{display:flex;align-items:center;gap:.65rem;margin-top:.4rem}.strength-bar{flex:1;height:3px;background:var(--bg-lighter);border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:width .3s,background-color .3s}.strength-label{font-size:.7rem;font-weight:600}@media (max-width: 768px){.desktop-table{display:none}.mobile-cards{display:block}.form-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}}.map-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.map-picker-modal{background:var(--bg-medium);border:1px solid var(--border);border-radius:1rem;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.map-picker-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.map-picker-header h3{margin:0;font-size:1.25rem}.map-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.75rem;cursor:pointer;line-height:1;padding:0}.map-close-btn:hover{color:var(--text)}.map-search{display:flex;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.map-search .input{flex:1}.map-container{height:350px;width:100%;background:var(--bg-dark)}.map-loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-muted)}.map-coords{display:flex;gap:2rem;padding:.75rem 1.5rem;background:var(--bg-dark);font-family:monospace;font-size:.9rem;color:var(--text-muted)}.map-instructions{padding:.75rem 1.5rem;font-size:.9rem;color:var(--text-muted);border-top:1px solid var(--border)}.map-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--border)}@media (max-width: 600px){.map-picker-modal{max-height:95vh}.map-container{height:280px}.map-coords{flex-direction:column;gap:.5rem}}.address-autocomplete{display:flex;flex-direction:column;gap:.25rem;width:100%}.address-autocomplete-error{display:flex;flex-direction:column;gap:.25rem}.autocomplete-error-text{color:var(--error);font-size:.8rem;margin:0}.pac-container{background-color:var(--bg-medium);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 4px 12px #0000004d;font-family:inherit;margin-top:4px;z-index:10000!important}.pac-item{padding:.75rem 1rem;color:var(--text);cursor:pointer;border-top:1px solid var(--border);line-height:1.4}.pac-item:first-child{border-top:none}.pac-item:hover,.pac-item-selected{background-color:var(--bg-light)}.pac-item-query{color:var(--text);font-size:.95rem}.pac-matched{font-weight:600}.pac-icon{display:none}.pac-item span:last-child{color:var(--text-muted);font-size:.85rem}.settings-page{min-height:100vh;background:transparent}.settings-section{margin-bottom:1.5rem}.settings-section h2{font-size:.8rem;margin-bottom:1.25rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.section-header h2{margin-bottom:0}.section-margin{margin-top:2rem}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-color);gap:1.25rem}.setting-row:last-child{border-bottom:none}.setting-info{flex:1}.setting-info strong{font-size:.9rem;color:var(--text-primary);display:block;font-weight:700}.setting-info p{color:var(--text-muted);font-size:.8rem;margin:.25rem 0 0;line-height:1.4}.setting-row .setting-select{width:170px!important;flex:none!important}.setting-row .setting-select.timezone-select{width:240px!important}.setting-row .setting-input{width:110px!important;flex:none!important;text-align:center}.setting-unit{color:var(--text-muted);font-size:.8rem;font-weight:500}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-lighter);border-radius:var(--radius-pill);transition:all var(--transition-fast)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-muted);border-radius:50%;transition:all var(--transition-fast)}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(20px);background-color:#fff}.toggle:focus-within .slider{box-shadow:0 0 0 2px #6366f133}.inline-form{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:flex-start;background:var(--bg-medium);padding:1.25rem;border-radius:var(--radius-xl);border:1px solid var(--border-color)}.inline-form .input{flex:1;min-width:140px}.form-field{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:140px}.location-form{background:var(--bg-light);padding:1.25rem;border-radius:var(--radius-xl);margin-bottom:1.25rem;border:1px solid var(--border-color)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.location-form-actions{display:flex;gap:.65rem;margin-top:1.25rem}.form-label{display:block;font-size:.75rem;font-weight:600;margin-bottom:.25rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.coordinates-preview{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);margin:.4rem 0 0;padding:.4rem .65rem;background:var(--bg-medium);border-radius:var(--radius-md)}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.4rem}.items-list{display:flex;flex-direction:column;gap:.65rem}.item-row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;background:var(--bg-medium);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:border-color var(--transition-fast)}.item-row:hover{border-color:var(--border-light)}.item-subtitle{font-size:.8rem;color:var(--text-muted);margin:.2rem 0 0}.item-coords{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);margin:.2rem 0 0}.code-badge{display:inline-flex;margin-left:.65rem;padding:.15rem .5rem;background:var(--bg-lighter);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.04em}.empty-state{text-align:center;color:var(--text-muted);padding:2.5rem;border-radius:var(--radius-xl);background:var(--bg-medium);border:1px dashed var(--border-light)}.project-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.project-card{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-fast)}.project-card:hover{border-color:var(--border-light)}.project-card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-light)}.project-card-title{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.project-card-title strong{font-size:.95rem;color:var(--text-primary);font-weight:700}.project-card-body{padding:1rem 1.25rem;min-height:100px}.location-count{font-size:.8rem;color:var(--text-muted);margin:0 0 .65rem;font-weight:600}.location-list{list-style:none;padding:0;margin:0}.location-list li{font-size:.85rem;padding:.2rem 0 .2rem .85rem;position:relative;color:var(--text-secondary)}.location-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;background:var(--primary-color);border-radius:50%}.location-list .more-locations{color:var(--text-muted);font-style:italic;padding-left:.85rem;margin-top:.2rem}.location-list .more-locations:before{content:""}.no-locations-warning{background:var(--warning-bg);border-radius:var(--radius-md);padding:.65rem .85rem;font-size:.8rem;color:var(--warning)}.project-card-actions{display:flex;gap:.65rem;padding:.85rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-light)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-medium);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color);animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.locations-modal{max-width:650px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-light)}.modal-header h3{margin:0;font-size:1rem;color:var(--text-primary);font-weight:700}.modal-close{background:var(--bg-medium);border:1px solid var(--border-color);font-size:1.1rem;color:var(--text-muted);cursor:pointer;padding:0;min-width:44px;min-height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-lighter);color:var(--text-primary)}.modal-body{padding:1.25rem;overflow-y:auto}.modal-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:700;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}@media (max-width: 768px){.form-grid-2{grid-template-columns:1fr}.setting-row{flex-wrap:wrap}.setting-info{flex-basis:100%;margin-bottom:.65rem}.setting-row .setting-select,.setting-row .setting-select.timezone-select,.setting-row .setting-input{width:100%!important}.setting-unit{display:none}.section-header{flex-direction:column;align-items:flex-start}.inline-form{flex-direction:column}.inline-form .input{width:100%}.location-form-actions{flex-direction:column}.project-cards{grid-template-columns:1fr}.modal-section-header{flex-direction:column;align-items:flex-start;gap:.65rem}.project-card-actions{flex-direction:column}.project-card-actions .btn{width:100%}}@media (max-width: 480px){.setting-row .setting-select,.setting-row .setting-select.timezone-select,.setting-row .setting-input{width:100%!important}}.pay-period-selector{display:flex;align-items:center;gap:.4rem;background:var(--bg-medium);padding:.4rem;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.period-nav-btn{padding:.5rem;min-width:44px;min-height:44px;background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.period-nav-btn:hover:not(:disabled){background:var(--bg-lighter)}.period-nav-btn:disabled{opacity:.4;cursor:not-allowed}.period-nav-btn svg{flex-shrink:0;width:14px;height:14px}.period-display{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:160px;padding:0 .65rem}.period-label{font-size:.9rem;font-weight:700;color:var(--text-white);white-space:nowrap}.period-type{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.period-loading{color:var(--text-muted);font-size:.8rem;padding:.4rem .85rem}.today-btn{margin-left:.2rem;background:var(--primary-color);color:#fff;border:none;padding:.5rem .85rem;min-height:44px;font-size:.75rem;font-weight:700}.today-btn:hover{background:var(--primary-hover)}@media (max-width: 640px){.pay-period-selector{flex-wrap:wrap;justify-content:center;padding:.65rem}.period-display{min-width:130px}.period-label{font-size:.8rem}.today-btn{margin-left:0;margin-top:.4rem;width:100%}}.timesheet-table-container{width:100%;overflow-x:auto;background:var(--bg-medium);border-radius:var(--radius-xl);border:1px solid var(--border-color);max-width:100%}.timesheet-loading{padding:2.5rem;text-align:center;color:var(--text-muted)}.timesheet-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.timesheet-table th{padding:.85rem .75rem;text-align:left;font-weight:700;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-light);border-bottom:1px solid var(--border-color);white-space:nowrap}.timesheet-table td{padding:.85rem .75rem;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.timesheet-table tbody tr:last-child td{border-bottom:none}.timesheet-table tbody tr:hover{background:var(--bg-light)}.timesheet-table .has-overtime{background:var(--warning-bg)}.timesheet-table .has-overtime:hover{background:#fbbf241f}.timesheet-table .bg-yellow-50{background:#fef3c714}.timesheet-table .bg-yellow-50:hover{background:#fef3c726}.ml-2{margin-left:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.text-xs{font-size:.75rem}.bg-yellow-100{background-color:#fef3c7e6}.text-yellow-800{color:#92400e}.text-yellow-600{color:#d97706}.rounded-full{border-radius:9999px}.ml-1{margin-left:.25rem}.text-yellow-600.hover\:text-yellow-800:hover{color:#92400e}.btn-warning{background:var(--warning);color:#422006;border:none}.btn-warning:hover{background:#f59e0b}.timesheet-table .text-right{text-align:right}.timesheet-table .font-mono{font-family:var(--font-mono)}.timesheet-table .font-bold{font-weight:700}.timesheet-table .text-warning{color:var(--warning)}.timesheet-table .notes-cell{max-width:220px;white-space:normal;font-size:.8rem;color:var(--text-muted);line-height:1.4}.timesheet-table .actions-col{width:130px;text-align:center}.action-buttons{display:flex;gap:.4rem;justify-content:flex-end}.totals-row{background:var(--bg-light);font-weight:700}.totals-row td{border-top:1px solid var(--border-light);border-bottom:none;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--text-white)}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.change-comment{font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:.2rem;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timesheet-card{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;margin-bottom:.75rem;cursor:pointer;transition:all var(--transition-fast)}.timesheet-card:hover{border-color:var(--border-light)}.timesheet-card.expanded{border-color:var(--primary-color);background:var(--bg-light)}.timesheet-card.exception-card{border-color:#d97706;background:#fef3c70d}.timesheet-card.exception-card:hover{border-color:#f59e0b;background:#fef3c714}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.65rem}.card-date{display:flex;flex-direction:column}.card-date .day{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;font-weight:700;letter-spacing:.04em}.card-date .date{font-weight:700;font-size:.95rem;color:var(--text-white)}.card-hours{text-align:right}.card-hours .total{font-size:1.05rem;font-weight:800;color:var(--text-white);font-family:var(--font-mono)}.card-hours .overtime{display:block;font-size:.65rem;color:var(--warning);font-weight:700}.card-times{display:flex;align-items:center;gap:.65rem;color:var(--text-secondary);font-size:.85rem;margin-bottom:.65rem;font-family:var(--font-mono)}.time-separator{color:var(--text-muted)}.card-project{margin-left:auto;padding:.2rem .65rem;background:var(--bg-lighter);border-radius:var(--radius-pill);font-size:.65rem;font-weight:700;color:var(--text-secondary)}.card-status{margin-top:.65rem;display:flex;gap:.4rem}.card-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px dashed var(--border-color)}.detail-row:last-of-type{border-bottom:none}.detail-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:700;letter-spacing:.04em}.detail-value{color:var(--text-primary);font-size:.85rem}.card-actions{display:flex;gap:.65rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);justify-content:flex-end}.totals-card{background:var(--bg-light);cursor:default;border-style:dashed}.totals-card:hover{border-color:var(--border-color)}.totals-title{font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.06em}.totals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:.85rem}.total-item{text-align:center}.total-item.highlight{background:var(--bg-medium);padding:.65rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.total-label{display:block;font-size:.6rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:.2rem;font-weight:700;letter-spacing:.04em}.total-value{font-size:1.05rem;font-weight:800;color:var(--text-white);font-family:var(--font-mono)}.location-name{display:block;font-size:.7rem;color:var(--text-muted);margin-top:.2rem;line-height:1.2}.location-link{display:block;font-size:.7rem;color:var(--primary-light);margin-top:.2rem;font-weight:600;line-height:1.2}.location-link:hover{text-decoration:underline}@media (max-width: 768px){.desktop-table{display:none}.mobile-cards{display:block}}.timesheet-table-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center}.timesheet-table-container .empty-state-icon{width:40px;height:40px;color:var(--text-muted);opacity:.5;margin-bottom:.75rem}.timesheet-table-container .empty-state-title{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin:0 0 .25rem}.timesheet-table-container .empty-state-description{font-size:.85rem;color:var(--text-muted);margin:0}.change-request-modal{max-width:min(520px,calc(100vw - 2rem));width:90%;overflow:hidden}.change-request-modal .input{width:100%;max-width:100%;box-sizing:border-box}.change-request-modal input[type=datetime-local]{min-width:0}.change-request-modal .form-row{display:flex;flex-wrap:wrap;gap:1rem}.change-request-modal .form-row .form-group{flex:1 1 200px;min-width:0}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--neutral-700)}.modal-header .modal-title{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;color:var(--neutral-400);cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .15s ease}.modal-close:hover{color:var(--neutral-100);background:var(--neutral-700)}.current-times{background:var(--neutral-850);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem}.current-times h3{font-size:.75rem;font-weight:600;color:var(--neutral-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.times-display{display:flex;gap:2rem}.time-item{display:flex;flex-direction:column;gap:.25rem}.time-label{font-size:.75rem;color:var(--neutral-500)}.time-value{font-family:var(--font-mono);color:var(--neutral-200)}.form-section{margin-bottom:1.5rem}.form-section h3{font-size:.75rem;font-weight:600;color:var(--neutral-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--neutral-300);margin-bottom:.5rem}.form-error{background:#ef44441a;border:1px solid var(--error-500);color:var(--error-400);padding:.75rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1rem}.field-error{display:block;color:var(--error-400);font-size:.75rem;margin-top:.25rem}.textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--neutral-700)}@media (max-width: 480px){.form-row{grid-template-columns:1fr}.times-display{flex-direction:column;gap:.75rem}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.entry-edit-modal{max-width:560px;width:90%;max-height:90vh;overflow-y:auto;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.entry-info{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .85rem;background:var(--bg-light);border-radius:var(--radius-md);margin-bottom:1rem}.employee-name{font-weight:700;color:var(--text-white)}.employee-email{font-size:.8rem;color:var(--text-muted)}.form-section{margin-bottom:1rem}.form-section h3{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.extras-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}@media (min-width: 500px){.extras-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.entry-edit-modal{max-height:95vh}.extras-grid{grid-template-columns:1fr}}.diff-view{display:flex;flex-direction:column;gap:.25rem}.diff-label{font-size:.75rem;font-weight:500;color:var(--neutral-400);text-transform:uppercase;letter-spacing:.5px}.diff-values{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.diff-original{font-family:var(--font-mono);font-size:.875rem;color:var(--neutral-300)}.diff-original.diff-changed{color:var(--error-400);text-decoration:line-through;opacity:.8}.diff-arrow{display:flex;align-items:center;color:var(--neutral-500)}.diff-new{font-family:var(--font-mono);font-size:.875rem;color:var(--success-400);font-weight:500}.diff-summary{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 640px){.diff-values{font-size:.8rem}}.export-buttons{display:flex;gap:.4rem}.export-buttons .btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);padding:.45rem .85rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;transition:all var(--transition-fast)}.export-buttons .btn:hover{background:var(--bg-lighter)}.export-buttons .btn svg{flex-shrink:0;width:14px;height:14px}@media (max-width: 480px){.export-buttons{width:100%}.export-buttons .btn{flex:1;justify-content:center}}.timesheets-page{min-height:100vh;padding:1.25rem;background:transparent;max-width:1400px;margin:0 auto}@media (min-width: 640px){.timesheets-page{padding:1.5rem}}.timesheets-header{margin-bottom:.5rem}.timesheets-header .breadcrumb{margin-bottom:0}.header-left{display:flex;align-items:center;gap:1.25rem}.back-link{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.85rem;font-weight:600;padding:.45rem .75rem;border-radius:var(--radius-md);background:var(--bg-medium);border:1px solid var(--border-color)}.back-link:hover{color:var(--text-primary);background:var(--bg-light)}.page-title{font-size:1.5rem;font-weight:800;color:var(--text-white);margin:0}.header-right{display:flex;align-items:center;gap:.75rem}.scope-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl);align-items:center}.scope-indicator{display:flex;align-items:center;gap:.75rem}.scope-label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.scope-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:var(--primary-color);color:var(--text-white);font-size:.85rem;font-weight:600;border-radius:var(--radius-md)}.scope-select{padding:.5rem 2rem .5rem .85rem;background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-white);font-size:.85rem;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.scope-select:hover{border-color:var(--primary-color);background-color:var(--bg-lighter)}.scope-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.admin-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl);align-items:center}.employee-filter,.project-filter{display:flex;align-items:center;gap:.75rem}.employee-filter label,.project-filter label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.employee-filter select,.project-filter select{min-width:220px}.period-and-export{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem}.timesheets-content{display:flex;flex-direction:column;gap:1.5rem}.pending-approvals-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--warning-bg, rgba(234, 179, 8, .1));border:1px solid var(--warning, #eab308);border-radius:var(--radius-xl)}.banner-content{display:flex;align-items:center;gap:.75rem;color:var(--warning, #eab308)}.banner-content svg{flex-shrink:0}.banner-content span{font-size:.9rem;color:var(--text-secondary)}.banner-content strong{color:var(--text-white)}@media (max-width: 640px){.pending-approvals-banner{flex-direction:column;align-items:stretch;text-align:center}.banner-content{justify-content:center}}.timesheet-card{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-light);border-bottom:1px solid var(--border-color)}.card-header h2{font-size:.8rem;font-weight:700;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:.08em}.card-body{padding:0}.card-header-actions{display:flex;align-items:center;gap:.75rem}.entry-filter-select{min-width:150px;font-size:.85rem}.add-entry-btn{display:inline-flex;align-items:center;gap:.4rem}.my-requests-section{margin-top:.75rem}.requests-list{padding:0}.request-item{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.request-item:hover{background:var(--bg-light)}.request-item.expanded{background:var(--bg-light);border-left:3px solid var(--primary-color)}.request-item:last-child{border-bottom:none}.request-item-header{display:flex;justify-content:space-between;align-items:center}.request-entry-info{display:flex;flex-direction:column;gap:.2rem}.request-entry-date{font-weight:700;color:var(--text-white)}.request-status-info{display:flex;align-items:center;gap:.65rem}.request-submitted{font-size:.7rem;color:var(--text-muted)}.request-item .expand-icon{color:var(--text-muted);transition:transform var(--transition-fast)}.request-item .expand-icon.rotated{transform:rotate(180deg);color:var(--primary-light)}.request-details{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-color);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.request-diff-container{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:1rem;background:var(--bg-medium);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.request-diff-container .diff-summary{flex:1}.hours-summary{display:flex;align-items:center;gap:.65rem;padding-left:1.25rem;border-left:1px solid var(--border-color)}.hours-summary .hours-value{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--text-white)}.hours-summary .hours-arrow{color:var(--text-muted)}.hours-summary .hours-diff{font-family:var(--font-mono);font-size:.85rem;font-weight:700;padding:.15rem .4rem;border-radius:var(--radius-sm)}.employee-reason-section{margin-top:1rem;padding:.85rem;background:var(--bg-light);border-radius:var(--radius-lg)}.employee-reason-section .reason-label{display:block;font-size:.65rem;font-weight:700;color:var(--text-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.06em}.employee-reason-section .reason-text{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.admin-response{margin-top:.75rem;padding:.85rem;background:var(--success-bg);border-radius:var(--radius-lg)}.admin-response .response-label{display:block;font-size:.65rem;font-weight:700;color:var(--success);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.06em}.admin-response .response-text{font-size:.85rem;color:var(--text-primary)}.audit-modal{max-width:600px}.audit-list{max-height:380px;overflow-y:auto}.audit-item{padding:1rem;border-bottom:1px solid var(--border-color)}.audit-item:last-child{border-bottom:none}.audit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}.audit-field{font-weight:700;color:var(--text-white);font-size:.8rem;background:var(--bg-lighter);padding:.2rem .5rem;border-radius:var(--radius-sm)}.audit-time{font-size:.75rem;color:var(--text-muted)}.audit-change{font-family:var(--font-mono);font-size:.8rem;margin-bottom:.65rem;background:var(--bg-light);padding:.75rem;border-radius:var(--radius-md);display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.audit-old{color:var(--error);text-decoration:line-through;opacity:.7}.audit-new{color:var(--success);font-weight:600}.audit-hours-change{margin-left:auto;font-weight:700;font-size:.75rem}.audit-reason{font-size:.8rem;color:var(--text-secondary);font-style:italic;padding-left:.4rem;border-left:2px solid var(--border-color)}.audit-admin{font-size:.7rem;color:var(--text-muted);margin-top:.4rem;text-align:right}@media (max-width: 768px){.timesheets-header{flex-direction:column;align-items:flex-start}.header-right{width:100%;flex-direction:column}.scope-controls{flex-direction:column;align-items:stretch;width:100%}.scope-indicator{justify-content:space-between;width:100%}.scope-select{flex:1;min-width:0}.admin-controls{flex-direction:column;width:100%}.employee-filter,.project-filter{width:100%;flex-direction:column;align-items:flex-start}.employee-filter select,.project-filter select{width:100%}.period-and-export{flex-direction:column;align-items:stretch}.request-item-header{flex-direction:column;align-items:flex-start;gap:.65rem}.request-status-info{width:100%;justify-content:space-between}.request-diff-container{flex-direction:column;align-items:stretch}.hours-summary{border-left:none;padding-left:0;border-top:1px solid var(--border-color);padding-top:.85rem}}.approvals-page{min-height:100vh;padding:1.25rem;background:transparent;max-width:1400px;margin:0 auto}@media (min-width: 640px){.approvals-page{padding:1.5rem}}.approvals-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.approvals-header .page-title{font-size:1.5rem;font-weight:800;color:var(--text-white);margin:0}.results-count{font-size:.875rem;color:var(--text-muted)}.approvals-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:0}.tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:700;background:var(--warning);color:#000;border-radius:10px}.approvals-content{display:flex;flex-direction:column;gap:1rem}.loading-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state{text-align:center;padding:3rem;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.empty-state-icon{width:48px;height:48px;margin:0 auto 1rem;color:var(--text-muted)}.empty-state-title{font-size:1.125rem;font-weight:700;color:var(--text-white);margin:0 0 .5rem}.empty-state-description{font-size:.875rem;color:var(--text-muted);margin:0}.approvals-table-container{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.approvals-table{width:100%;border-collapse:separate;border-spacing:0}.approvals-table th{padding:.85rem 1rem;text-align:left;font-weight:700;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-color);background:var(--bg-light)}.approvals-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary);vertical-align:middle}.approvals-table tbody tr:last-child td{border-bottom:none}.approvals-table tbody tr:hover td{background:var(--bg-light)}.employee-cell .employee-name{font-weight:600;color:var(--text-white)}.hours-cell{font-family:var(--font-mono);font-weight:500}.hours-diff{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;font-family:var(--font-mono)}.hours-diff.positive{color:#052e16;background:var(--success)}.hours-diff.negative{color:#450a0a;background:var(--error)}.reason-cell .reason-text,.time-cell{color:var(--text-muted);font-size:.85rem}.mobile-card:last-child{margin-bottom:0}.card-header-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color)}.card-header-row .employee-name{font-weight:700;font-size:1rem;color:var(--text-white)}.time-ago{font-size:.8rem;color:var(--text-muted)}.card-body{display:flex;flex-direction:column;gap:.5rem}.card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.card-label{font-size:.8rem;color:var(--text-muted);font-weight:500;flex-shrink:0}.card-value{font-size:.875rem;color:var(--text-primary);text-align:right}.card-value .hours-diff{margin-left:.5rem}.card-value.reason-text{text-align:right;color:var(--text-muted)}.card-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.card-actions .btn{width:100%}.load-more-container{display:flex;justify-content:center;padding:1.5rem;border-top:1px solid var(--border-color)}.load-more-btn{min-width:150px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.125rem;font-weight:700;color:var(--text-white);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text-white)}.review-info{margin-bottom:1.25rem}.review-employee{font-size:1rem;color:var(--text-white);margin:0 0 .25rem}.review-date{font-size:.875rem;color:var(--text-muted);margin:0}.diff-section{padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.reason-section{padding:1rem 0;border-bottom:1px solid var(--border-color)}.reason-section label{display:block;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.reason-section .reason-text{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.comment-section{padding-top:1rem}.comment-section label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.comment-section .textarea{width:100%;resize:vertical}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-light)}@media (max-width: 900px){.desktop-table{display:none}.mobile-cards{display:block;padding:1rem}.approvals-table-container{background:transparent;border:none}.load-more-container{background:transparent;border:none;padding:1rem 0}}@media (max-width: 768px){.approvals-header{flex-direction:column;align-items:flex-start}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.team-table-card{overflow-x:auto}.team-table{width:100%;border-collapse:collapse}.team-table th,.team-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.team-table th{font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.team-table tbody tr:hover{background:var(--bg-light)}.name-cell{font-weight:500;color:var(--text-primary)}.clock-status{display:flex;align-items:center;gap:.5rem}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.clocked-in{background:var(--success);box-shadow:0 0 6px var(--success);animation:pulse-green 2s infinite}.status-dot.clocked-out{background:var(--text-muted)}@keyframes pulse-green{0%,to{box-shadow:0 0 6px var(--success)}50%{box-shadow:0 0 12px var(--success)}}.status-text{display:flex;flex-direction:column;gap:.125rem}.status-label{font-weight:500;font-size:.875rem;color:var(--success)}.status-label.clocked-out-text{color:var(--text-muted)}.clock-time{font-size:.75rem;color:var(--text-secondary)}.pending-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--warning-bg);color:var(--warning);font-size:.75rem;font-weight:600;border-radius:var(--radius-pill);border:1px solid rgba(251,191,36,.3);cursor:pointer;transition:all var(--transition-fast)}.pending-badge:hover{background:#fbbf2440;border-color:var(--warning)}.no-pending{color:var(--text-muted);font-size:.875rem}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.team-mobile-cards{display:none}@media (max-width: 768px){.team-table-card{display:none}.team-mobile-cards{display:flex;flex-direction:column;gap:1rem}.team-member-card{background:var(--bg-medium);border-radius:var(--radius-lg);padding:1rem;border:1px solid var(--border-color)}.team-member-card .card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.member-name{font-weight:600;font-size:1rem;color:var(--text-primary)}.mobile-status-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.mobile-status-badge.clocked-in{background:var(--success-bg);color:var(--success)}.mobile-status-badge.clocked-out{background:var(--bg-lighter);color:var(--text-muted)}.mobile-status-badge .status-dot{width:8px;height:8px}.clock-info{font-size:.75rem;color:var(--text-secondary);margin-bottom:.75rem}.card-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.875rem;color:var(--text-secondary);word-break:break-all}.card-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.card-actions .btn{flex:1}}@media (max-width: 1024px) and (min-width: 769px){.team-table th,.team-table td{padding:.75rem .5rem;font-size:.875rem}.clock-time{display:none}}.platform-dashboard{min-height:100vh;background:transparent}.platform-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;background:#242424d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.platform-brand{font-size:1.35rem;font-weight:800;color:var(--text-white);margin:0}.platform-user{display:flex;align-items:center;gap:.85rem}.platform-admin-badge{padding:.25rem .65rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-pill);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.user-email{color:var(--text-secondary);font-size:.85rem}.platform-overview{margin-top:1.5rem}.platform-overview h2{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.75rem;border-radius:var(--radius-xl);text-align:center;border:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{transform:translateY(-3px)}.stat-card:nth-child(1){background:linear-gradient(145deg,var(--card-yellow) 0%,var(--card-yellow-dark) 100%);box-shadow:0 8px 32px #f5f0c859}.stat-card:nth-child(2){background:linear-gradient(145deg,var(--card-green) 0%,var(--card-green-dark) 100%);box-shadow:0 8px 32px #c8e6c959}.stat-card:nth-child(3){background:linear-gradient(145deg,var(--card-purple) 0%,var(--card-purple-dark) 100%);box-shadow:0 8px 32px #d1c4e959}.stat-card:nth-child(1):hover{box-shadow:0 12px 40px #f5f0c873}.stat-card:nth-child(2):hover{box-shadow:0 12px 40px #c8e6c973}.stat-card:nth-child(3):hover{box-shadow:0 12px 40px #d1c4e973}.stat-number{font-size:3rem;font-weight:800;color:#1a1a1a;line-height:1}.stat-label{font-size:.75rem;color:#1a1a1ab3;text-transform:uppercase;letter-spacing:.08em;margin-top:.6rem;font-weight:600}.companies-section{margin-top:1.5rem;margin-bottom:3rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:.85rem;flex-wrap:wrap}.section-header h2{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0}.search-input{max-width:280px}.data-table th{padding:.85rem 1rem;text-align:left;font-weight:700;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-color);background:var(--bg-light)}.data-table tbody tr:hover td{background:var(--bg-light)}.company-cell{display:flex;flex-direction:column;gap:.2rem}.company-name{font-weight:700;color:var(--text-white)}.company-subdomain{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.admin-cell{display:flex;flex-direction:column;gap:.2rem}.admin-email{font-size:.75rem;color:var(--text-muted)}.role-badge.status-inactive{background:var(--error);color:#450a0a;border-radius:var(--radius-pill)}.status-badge.inactive{background:var(--error);color:#450a0a}.desktop-table{display:table}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:.85rem;margin-bottom:.65rem;border-bottom:1px solid var(--border-color)}.card-label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.no-data{text-align:center;padding:2.5rem;color:var(--text-muted);background:var(--bg-medium);border-radius:var(--radius-xl);border:1px dashed var(--border-light)}.btn-sm{padding:.4rem .8rem;font-size:.8rem}@media (max-width: 768px){.desktop-table{display:none}.mobile-cards{display:block}.stats-grid{grid-template-columns:1fr}.platform-header{flex-direction:column;gap:.85rem;padding:.85rem 1rem}.platform-user{flex-wrap:wrap;justify-content:center}.section-header{flex-direction:column;align-items:stretch}.search-input{max-width:none}}.people-page{min-height:100vh;background:transparent}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.tabs-container{margin-bottom:1.5rem}.tabs{display:flex;gap:.25rem;background:var(--bg-medium);padding:.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);width:fit-content}.tab{padding:.625rem 1.25rem;background:transparent;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--text-primary);background:var(--bg-light)}.tab.active{background:var(--primary);color:#fff}.tab-content{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.admin-section{margin-top:0;margin-bottom:1.5rem}.admin-section h2{margin-bottom:1.25rem;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}.form-row{margin-bottom:1.25rem}.create-form{margin-bottom:1.5rem;background:var(--bg-medium);padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border-color)}.create-form h3{margin-bottom:1.25rem;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.65rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label,.form-label{font-weight:600;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.field-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.input-error{border-color:var(--error)!important;box-shadow:0 0 0 2px #f8717126!important}.field-error{color:var(--error);font-size:.75rem;margin-top:.2rem}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.card .data-table{border:none;border-radius:0}.data-table thead{background:var(--bg-light)}.data-table th{padding:.85rem 1rem;text-align:left;font-weight:700;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-color)}.data-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary);vertical-align:middle;line-height:1.4}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-light)}.clickable-row{cursor:pointer}.clickable-card{cursor:pointer;transition:transform var(--transition-fast)}.clickable-card:hover{transform:translateY(-2px)}.text-muted{color:var(--text-muted)}.actions-cell{text-align:right}.role-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .55rem;background:var(--bg-lighter);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1;height:1.25rem;vertical-align:middle}.role-badge.manager{background:var(--primary);color:#fff}.role-badge.status-active{background:var(--success);color:#052e16;border-radius:var(--radius-pill)}.role-badge.status-inactive{background:var(--bg-lighter);color:var(--text-muted);border-radius:var(--radius-pill)}.role-badge.status-pending{background:var(--warning);color:#000;border-radius:var(--radius-pill)}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .55rem;background:var(--bg-lighter);color:var(--text-secondary);border-radius:var(--radius-pill);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1;height:1.25rem;vertical-align:middle}.status-badge.active{background:var(--success);color:#052e16}.status-badge.inactive{background:var(--bg-lighter);color:var(--text-muted)}.status-badge.pending{background:var(--warning);color:#000}.status-dot{width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}.error-state{text-align:center;padding:2.5rem;background:var(--bg-medium);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.error-state p{margin-bottom:1.25rem;color:var(--text-muted)}.mobile-cards{display:none}.mobile-card{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;margin-bottom:.75rem}.card-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.card-row:last-child{border-bottom:none}.card-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.card-value{font-size:.85rem;color:var(--text-primary)}.org-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.org-summary{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-secondary)}.summary-divider{color:var(--border-color)}.org-view-toggle{display:flex;background:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.2rem}.view-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--primary-color);color:#fff}.view-btn svg{flex-shrink:0}.org-tree-container{overflow-x:auto;padding:1rem 0}.org-tree{display:flex;flex-direction:column;align-items:center;min-width:fit-content}.org-tree-node{display:flex;flex-direction:column;align-items:center;position:relative}.org-tree-card{padding:.75rem 1.25rem;background:var(--bg-medium);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;min-width:140px;transition:all var(--transition-fast)}.org-tree-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.org-tree-card.admin,.org-tree-card.super_admin{border-color:var(--warning);background:linear-gradient(135deg,rgba(251,191,36,.1) 0%,var(--bg-medium) 100%)}.org-tree-card.manager{border-color:var(--primary-color);background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,var(--bg-medium) 100%)}.org-tree-card.employee{border-color:var(--success);background:linear-gradient(135deg,rgba(76,175,80,.1) 0%,var(--bg-medium) 100%)}.org-tree-name{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:.25rem}.org-tree-role{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.org-tree-children{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;position:relative}.org-tree-children:before{content:"";position:absolute;top:0;left:50%;width:2px;height:1.5rem;background:var(--border-color);transform:translate(-50%)}.org-tree-node:not(:only-child) .org-tree-children>.org-tree-node:before{content:"";position:absolute;top:-1.5rem;left:50%;width:2px;height:1.5rem;background:var(--border-color);transform:translate(-50%)}.org-tree-children>.org-tree-node:not(:only-child):after{content:"";position:absolute;top:-1.5rem;width:100%;height:2px;background:var(--border-color)}.org-tree-children>.org-tree-node:first-child:after{left:50%;width:50%}.org-tree-children>.org-tree-node:last-child:after{right:50%;width:50%;left:auto}.org-tree-children>.org-tree-node:only-child:after{display:none}.org-tree-unassigned{margin-top:2rem;padding-top:2rem;border-top:1px dashed var(--border-color)}.org-tree-unassigned h4{text-align:center;color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.org-groups{display:flex;flex-direction:column;gap:1.5rem}.org-group{padding:0;overflow:hidden}.org-group-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;background:var(--bg-light);border-bottom:1px solid var(--border-color)}.org-group-header h3{font-size:.9rem;font-weight:600;color:var(--text-primary)}.member-count{font-size:.75rem;color:var(--text-muted)}.transfers-summary{padding:1rem 1.25rem;background:var(--primary-light, rgba(59, 130, 246, .1));border-color:var(--primary);margin-bottom:1.5rem}.transfers-summary p{color:var(--primary);margin:0}.transfers-summary .count{font-weight:700;font-size:1.1rem}.filter-form{display:flex;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-field{display:flex;flex-direction:column;gap:.4rem}.filter-field label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.date-cell{font-size:.8rem;white-space:nowrap}.transfer-arrow{margin:0 .5rem;color:var(--text-muted)}.to-manager{font-weight:500}.reason-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-text,.empty-text{color:var(--text-muted);padding:2rem;text-align:center}.results-count{margin-top:1rem;font-size:.875rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color)}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}@media (max-width: 768px){.desktop-table{display:none}.mobile-cards{display:block}.form-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.tabs{width:100%}.tab{flex:1;text-align:center;padding:.625rem .5rem;font-size:.8rem}.org-header{flex-direction:column;align-items:stretch}.org-summary{flex-wrap:wrap;justify-content:center}.org-view-toggle{justify-content:center}.org-tree-card{min-width:110px;padding:.6rem .75rem}.org-tree-name{font-size:.8rem}.org-tree-children{gap:.5rem}.filter-form{flex-direction:column;align-items:stretch}.filter-field,.filter-field .input{width:100%}}.deactivated-section{margin-top:1.5rem;border:1px dashed var(--border-color);background:var(--bg-medium)}.deactivated-section h2{display:flex;align-items:center;gap:.5rem;margin-bottom:0}.clickable-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem 0;margin:-.5rem 0}.clickable-header:hover h2{color:var(--text-primary)}.chevron{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.chevron.open{transform:rotate(90deg)}.chevron svg{stroke:var(--text-muted)}.deactivated-row{opacity:.7}.deactivated-row:hover{opacity:1}.deactivated-card{opacity:.8;border-style:dashed}.deactivated-section .section-header{margin-bottom:0}.deactivated-section .data-table,.deactivated-section .mobile-cards{margin-top:1rem}.billing-setup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:transparent}.billing-setup-card{max-width:480px;width:100%;padding:2.5rem 2rem;background:var(--bg-medium);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.billing-setup-header{text-align:center;margin-bottom:2rem}.billing-setup-header h1{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.billing-setup-header p{color:var(--text-muted);font-size:.95rem}.info-message{background:var(--warning-bg, rgba(250, 204, 21, .1));border:1px solid rgba(250,204,21,.3);color:var(--warning, #facc15);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.85rem;font-weight:500}.billing-setup-card .error-message,.pricing-section{margin-bottom:1.5rem}.pricing-card{background:var(--bg-light);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-color)}.pricing-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.pricing-header h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.price .amount{font-size:2.5rem;font-weight:800;color:var(--primary-light)}.price .period{color:var(--text-muted);font-size:1rem}.pricing-features{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.75rem}.pricing-features li{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.check-icon{width:1.25rem;height:1.25rem;color:var(--success);flex-shrink:0;margin-top:.1rem}.additional-pricing{background:var(--bg-medium);padding:1rem;border-radius:var(--radius-md);text-align:center}.additional-pricing p{color:var(--text-muted);font-size:.8rem;margin-bottom:.25rem}.additional-cost{color:var(--text-primary);font-weight:600;font-size:.9rem}.trial-info{text-align:center;margin-bottom:1.5rem}.trial-badge{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:700;font-size:.9rem;margin-bottom:.5rem}.trial-info p{color:var(--text-muted);font-size:.85rem}.btn-lg{padding:1rem 1.5rem;font-size:1rem}.btn-block{width:100%}.billing-note{text-align:center;color:var(--text-muted);font-size:.75rem;margin-top:1rem;line-height:1.5}.skip-link{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.skip-link a{color:var(--text-muted);font-size:.85rem;text-decoration:none}.skip-link a:hover{color:var(--text-secondary);text-decoration:underline}.skip-note{color:var(--text-muted);font-size:.75rem;margin-top:.25rem;opacity:.7}@media (max-width: 480px){.billing-setup-card{padding:2rem 1.5rem}.billing-setup-header h1{font-size:1.5rem}.price .amount{font-size:2rem}}.grace-period-banner{background:var(--warning-bg, rgba(250, 204, 21, .1));border-bottom:1px solid rgba(250,204,21,.3);padding:.75rem 1rem}.grace-period-banner.blocked{background:var(--error-bg);border-bottom-color:#f871714d}.grace-period-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.grace-period-banner .warning-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--warning, #facc15)}.grace-period-banner.blocked .warning-icon{color:var(--error)}.grace-period-text{flex:1;font-size:.875rem;color:var(--text-primary);min-width:200px}.grace-period-text strong{color:var(--warning, #facc15)}.grace-period-banner.blocked .grace-period-text strong{color:var(--error)}.grace-period-btn{flex-shrink:0;background:var(--warning, #facc15)!important;color:var(--bg-dark)!important;border:none!important;font-weight:600}.grace-period-banner.blocked .grace-period-btn{background:var(--error)!important;color:#fff!important}.grace-period-btn:hover{opacity:.9}@media (max-width: 640px){.grace-period-content{flex-direction:column;text-align:center;gap:.5rem}.grace-period-banner .warning-icon{display:none}.grace-period-btn{width:100%}}.billing-page{min-height:100vh}.billing-section{margin-bottom:1.5rem}.billing-section h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.billing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.billing-header>div{display:flex;align-items:center;gap:.75rem}.billing-header h2{margin-bottom:0}.status-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-active{background:var(--success-bg);color:var(--success)}.status-trial{background:linear-gradient(135deg,#3b82f626,#8b5cf626);color:var(--primary-light)}.status-warning{background:var(--warning-bg, rgba(250, 204, 21, .1));color:var(--warning, #facc15)}.status-error{background:var(--error-bg);color:var(--error)}.trial-banner{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem}.trial-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:var(--radius-md);flex-shrink:0}.trial-icon svg{width:1.25rem;height:1.25rem;color:#fff}.trial-info strong{display:block;color:var(--text-primary);font-size:.95rem;margin-bottom:.25rem}.trial-info p{color:var(--text-muted);font-size:.85rem;margin:0}.warning-banner{display:flex;align-items:center;gap:1rem;background:var(--warning-bg, rgba(250, 204, 21, .1));border:1px solid rgba(250,204,21,.3);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem}.warning-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--warning, #facc15);border-radius:var(--radius-md);flex-shrink:0}.warning-icon svg{width:1.25rem;height:1.25rem;color:var(--bg-dark)}.warning-info strong{display:block;color:var(--text-primary);font-size:.95rem;margin-bottom:.25rem}.warning-info p{color:var(--text-muted);font-size:.85rem;margin:0}.billing-details{display:flex;flex-direction:column;gap:.75rem}.billing-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.billing-detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-muted);font-size:.9rem}.detail-value{color:var(--text-primary);font-weight:600;font-size:.9rem}.usage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.usage-stat{text-align:center;padding:1rem;background:var(--bg-light);border-radius:var(--radius-md)}.usage-number{display:block;font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.2}.usage-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:.25rem}.usage-progress{margin-bottom:1.5rem}.progress-bar{height:8px;background:var(--bg-light);border-radius:var(--radius-full);overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);transition:width .3s ease}.usage-text{font-size:.8rem;color:var(--text-muted)}.estimated-cost{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-light);border-radius:var(--radius-md);margin-bottom:1rem}.cost-label{color:var(--text-secondary);font-weight:500}.cost-value{font-size:1.5rem;font-weight:800;color:var(--primary-light)}.pricing-breakdown{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-light);border-radius:var(--radius-md);margin-bottom:1rem}.breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.breakdown-row span:first-child{color:var(--text-muted)}.breakdown-row span:last-child{color:var(--text-primary);font-weight:500}.billing-note{font-size:.8rem;color:var(--text-muted);text-align:center}@media (max-width: 640px){.billing-header{flex-direction:column}.billing-header>div{flex-wrap:wrap}.usage-summary{grid-template-columns:repeat(3,1fr);gap:.5rem}.usage-stat{padding:.75rem .5rem}.usage-number{font-size:1.5rem}.trial-banner,.warning-banner{flex-direction:column;text-align:center}}.impersonation-banner{display:flex;align-items:center;justify-content:center;gap:.85rem;padding:.65rem 1rem;background:var(--warning);color:#422006;font-size:.85rem;font-weight:600;position:sticky;top:0;z-index:1001}.banner-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#00000026;border-radius:50%;font-weight:700;font-size:.8rem}.banner-text{color:#422006}.banner-text strong{font-weight:800}.banner-exit-btn{padding:.35rem .85rem;background:#00000026;border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-md);color:#422006;font-size:.8rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.banner-exit-btn:hover{background:#00000040}.banner-exit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.impersonation-banner{flex-wrap:wrap;gap:.5rem;padding:.5rem .85rem;font-size:.8rem}.banner-exit-btn{padding:.3rem .7rem;font-size:.75rem}}:root{--bg-darkest: #0f0f0f;--bg-dark: #1a1a1a;--bg-medium: #242424;--bg-light: #2d2d2d;--bg-lighter: #383838;--bg-lightest: #444444;--bg-gradient-light: #4a4a4a;--bg-gradient-dark: #121212;--primary-color: #6366F1;--primary-hover: #818CF8;--primary-dark: #4F46E5;--primary-light: #A5B4FC;--card-yellow: #F5F0C8;--card-yellow-dark: #E8E0A0;--card-yellow-text: #2d2a1a;--card-green: #C8E6C9;--card-green-dark: #A5D6A7;--card-green-text: #1a2d1a;--card-purple: #D1C4E9;--card-purple-dark: #B39DDB;--card-purple-text: #2a1a3d;--card-blue: #B3E5FC;--card-blue-dark: #81D4FA;--card-blue-text: #1a2d3d;--card-pink: #F8BBD9;--card-pink-dark: #F48FB1;--card-pink-text: #3d1a2a;--card-orange: #FFCCBC;--card-orange-dark: #FFAB91;--card-orange-text: #3d2a1a;--background-page: #1a1a1a;--background-card: #242424;--background-elevated: #2d2d2d;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .5);--text-white: #FFFFFF;--text-dark: #1a1a1a;--success: #4ADE80;--success-bg: rgba(74, 222, 128, .15);--error: #F87171;--error-bg: rgba(248, 113, 113, .15);--warning: #FBBF24;--warning-bg: rgba(251, 191, 36, .15);--info: #60A5FA;--info-bg: rgba(96, 165, 250, .15);--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--border-focus: var(--primary-color);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-float: 0 12px 40px rgba(0, 0, 0, .6);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-pill: 9999px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:linear-gradient(135deg,var(--bg-gradient-light) 0%,var(--bg-gradient-dark) 100%);background-attachment:fixed;color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-weight:400;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;letter-spacing:-.02em;margin-bottom:.5em;line-height:1.2}h1{font-size:2.25rem;font-weight:800}h2{font-size:1.5rem}h3{font-size:1.125rem}p{margin-bottom:1rem}a{color:var(--primary-light);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.1rem;min-height:44px;font-family:var(--font-sans);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary-color);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--bg-light);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover:not(:disabled){background:var(--bg-lighter);border-color:var(--border-light)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light)}.btn-outline:hover:not(:disabled){background:var(--bg-light);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#ef4444}.btn-sm{padding:.5rem .8rem;min-height:44px;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}.input{display:block;width:100%;padding:.7rem .9rem;font-family:var(--font-sans);font-size:.9rem;line-height:1.5;color:var(--text-primary);background:var(--bg-medium);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 3px #6366f133}.input::placeholder{color:var(--text-muted)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' fill-opacity='0.5' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.5rem}.card{background:var(--bg-medium);border-radius:var(--radius-xl);padding:1.5rem;border:1px solid var(--border-color)}.metric-card{border-radius:20px;padding:1.5rem;border:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000026}.metric-card.yellow{background:linear-gradient(145deg,var(--card-yellow) 0%,var(--card-yellow-dark) 100%);color:var(--card-yellow-text);box-shadow:0 8px 32px #f5f0c859}.metric-card.green{background:linear-gradient(145deg,var(--card-green) 0%,var(--card-green-dark) 100%);color:var(--card-green-text);box-shadow:0 8px 32px #c8e6c959}.metric-card.purple{background:linear-gradient(145deg,var(--card-purple) 0%,var(--card-purple-dark) 100%);color:var(--card-purple-text);box-shadow:0 8px 32px #d1c4e959}.metric-card.blue{background:linear-gradient(145deg,var(--card-blue) 0%,var(--card-blue-dark) 100%);color:var(--card-blue-text);box-shadow:0 8px 32px #b3e5fc59}.metric-card.pink{background:linear-gradient(145deg,var(--card-pink) 0%,var(--card-pink-dark) 100%);color:var(--card-pink-text);box-shadow:0 8px 32px #f8bbd959}.metric-card.orange{background:linear-gradient(145deg,var(--card-orange) 0%,var(--card-orange-dark) 100%);color:var(--card-orange-text);box-shadow:0 8px 32px #ffccbc59}.metric-card .metric-label{font-size:.85rem;font-weight:500;opacity:.75;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.metric-card .metric-value-row{display:flex;align-items:baseline;gap:.5rem}.metric-card .metric-value{font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.metric-card .metric-hours{font-size:1rem;font-weight:400;opacity:.6}.metric-card .metric-subtitle{font-size:.75rem;opacity:.65;margin-top:.35rem}.metric-card .metric-progress{margin-top:.75rem;height:4px;background:#0000001a;border-radius:var(--radius-pill);overflow:hidden}.metric-card .metric-progress-fill{height:100%;background:#00000040;border-radius:var(--radius-pill);transition:width var(--transition-slow)}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;font-size:.7rem;font-weight:700;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em}.badge-success{background:var(--success);color:#052e16}.badge-warning{background:var(--warning);color:#422006}.badge-error{background:var(--error);color:#450a0a}.badge-info{background:var(--info);color:#1e3a5f}.badge-neutral{background:var(--bg-lighter);color:var(--text-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-medium)}::-webkit-scrollbar-thumb{background:var(--bg-lighter);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-lightest)}::selection{background:var(--primary-color);color:#fff}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}