:root{--primary: #E91E8C;--primary-dark: #7B2D8B;--bg-page: #F8FAFC;--bg-card: #FFFFFF;--border: #E2E8F0;--text: #1E293B;--text-muted: #64748B;--online: #10B981;--idle: #F59E0B;--offline: #94A3B8;--radius-card: .75rem;--radius-btn: .5rem;--radius-pill: 9999px;--navbar-height: 56px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}@keyframes spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-once{display:inline-block;animation:spin-once .5s ease}@media (max-width: 768px){.desktop-only{display:none!important}}@media (min-width: 769px){.mobile-only{display:none!important}}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(135deg,#7b2d8b,#e91e8c);width:100%}.top-nav-tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.app-main{width:100%}.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid var(--border);box-shadow:0 -2px 8px #00000014;display:flex;justify-content:space-around;align-items:stretch;z-index:90}.bottom-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;border:none;background:transparent;cursor:pointer;padding:.35rem .25rem .25rem;border-top:2px solid transparent;color:var(--text-muted);min-width:0}.bottom-tab-item.active{color:var(--primary);border-top-color:var(--primary)}.bottom-tab-icon{font-size:1.125rem;line-height:1}.bottom-tab-label{font-size:.65rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.profile-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.profile-btn-mobile{font-size:1.25rem;width:36px;height:36px}.profile-btn-desktop{font-size:.875rem}.page-padding{padding:2rem;width:100%}@media (max-width: 768px){.top-nav{height:var(--navbar-height);padding:0 1rem}.app-main{padding-bottom:64px}.page-padding{padding:1rem}}.rti-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.rti-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.25rem;box-shadow:0 1px 3px #0000000f}.rti-toolbar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.rti-filters{display:flex;align-items:center;gap:.5rem}.rti-date-label{font-weight:700;min-width:140px;text-align:center;font-size:.875rem}.rti-employee-name{font-weight:700}@media (max-width: 768px){.rti-summary-grid{grid-template-columns:repeat(2,1fr)}.rti-summary-card{padding:.75rem}.rti-summary-card p:first-of-type{font-size:1.25rem!important}.rti-toolbar{flex-direction:column;align-items:stretch}.rti-filters{width:100%;flex-wrap:wrap;justify-content:center}.rti-date-label{font-size:.9rem;flex:1;min-width:0}.rti-employee-name{font-size:1rem}.rti-metrics .metrics-pills{gap:.3rem}.rti-metrics .metrics-pills span{font-size:.7rem;padding:.15rem .45rem}}.ed-header-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.ed-filter-scroll{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.ed-presence-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.ed-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}.ed-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.25rem;box-shadow:0 1px 3px #0000000f}.ed-day-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.ed-metrics-scroll{margin-bottom:.5rem}.ed-screenshots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 768px){.ed-header-row{margin-bottom:.75rem}.ed-filter-scroll{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;margin-bottom:.5rem}.ed-filter-scroll button{flex-shrink:0}.ed-presence-row{margin-bottom:1rem}.ed-summary-grid{grid-template-columns:repeat(2,1fr)}.ed-summary-card{padding:.75rem}.ed-day-header{flex-wrap:nowrap;align-items:center}.ed-metrics-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.ed-metrics-scroll .metrics-pills{flex-wrap:nowrap;gap:.4rem}.ed-screenshots-grid{grid-template-columns:repeat(2,1fr)}}.screenshots-toolbar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.screenshots-filters{display:flex;gap:1rem;flex-wrap:wrap}.screenshots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.screenshot-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;padding:2rem}.screenshot-modal-content{position:relative;max-width:90vw;max-height:90vh}.screenshot-modal-close{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.screenshots-toolbar{flex-direction:column;align-items:stretch}.screenshots-filters{flex-direction:column;width:100%}.screenshots-filters select,.screenshots-filters input{width:100%;min-width:0!important}.screenshots-grid{grid-template-columns:repeat(2,1fr)}.screenshot-modal-overlay{width:100vw;height:100vh;padding:1rem}.screenshot-modal-content{max-width:100%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.screenshot-modal-close{top:0;right:0;width:44px;height:44px;font-size:1.25rem}.screenshot-modal-img{max-width:100%!important;max-height:80vh!important}}.admin-subtabs{display:flex;gap:.5rem;padding:1rem 2rem;border-bottom:1px solid var(--border)}.admin-subtab-btn{padding:.375rem .875rem;border-radius:var(--radius-pill);cursor:pointer;font-size:.8125rem;font-weight:500}@media (max-width: 768px){.admin-subtabs{padding:0;gap:0}.admin-subtab-btn{flex:1;width:50%;border-radius:0;padding:.75rem .5rem;text-align:center}}.admin-users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-add-btn{padding:.5rem 1.25rem;border:none;border-radius:var(--radius-btn);background:linear-gradient(135deg,#7b2d8b,#e91e8c);color:#fff;font-weight:600;cursor:pointer}.admin-users-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;margin-bottom:2rem}.admin-users-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-actions-cell{display:flex;gap:.5rem;flex-wrap:wrap}.admin-expanded-row td{padding:.75rem 1rem;background:var(--bg-page);font-size:.8125rem;color:var(--text-muted)}@media (max-width: 768px){.admin-users-header{flex-direction:column;align-items:stretch;gap:.75rem}.admin-user-row{cursor:pointer}.admin-add-btn{width:100%}.admin-users-table-wrap{overflow-x:auto}.admin-actions-cell{flex-direction:column}.admin-actions-cell button{width:100%}}.admin-settings-page{padding:2rem;max-width:720px}.admin-settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.5rem;margin-bottom:1.25rem}.admin-settings-field{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.admin-settings-select{padding:.5rem .75rem;border-radius:var(--radius-btn);border:1px solid var(--border);min-width:140px}@media (max-width: 768px){.admin-settings-page{padding:1rem;max-width:100%}.admin-settings-field{flex-direction:column;align-items:stretch}.admin-settings-select{width:100%;min-width:0}}.login-card{background:#fff;border-radius:var(--radius-card);padding:2.5rem;width:400px}@media (max-width: 768px){.login-card{width:90vw;max-width:400px;padding:1.5rem}}.download-page{padding:2rem;max-width:900px;margin:0 auto}.download-cards{display:flex;gap:1.5rem;flex-wrap:wrap}.download-card{flex:1;background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);padding:2rem;box-shadow:0 1px 3px #0000000f;text-align:center;min-width:240px}@media (max-width: 768px){.download-page{padding:1rem}.download-cards{flex-direction:column}.download-card{width:100%;min-width:0}.download-card a{display:block;width:100%}}.timeline-labels-compact span{font-size:.6rem}@media (max-width: 768px){.timeline-bar-track{height:10px!important}}