*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-sidebar: #111111;--color-gold: #C8A46A;--color-gold-bg: rgba(200, 164, 106, .09);--color-charcoal: #222222;--color-bg: #FAF8F5;--color-navy: #1B2A4A;--color-white: #FFFFFF;--color-grey-50: #F5F5F5;--color-grey-200: #E5E7EB;--color-grey-300: #D1D5DB;--color-grey-600: #6B7280;--color-orange: #F97316;--color-green: #16A34A;--color-amber: #D97706;--color-red: #DC2626;--color-blue: #2563EB;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-base: 15px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem}html,body{height:100%;font-family:var(--font-sans);font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-charcoal);-webkit-font-smoothing:antialiased}#root{min-height:100%;display:flex;flex-direction:column}a{color:var(--color-blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-navy);padding:var(--space-6)}.auth-card{background:var(--color-white);border-radius:12px;padding:var(--space-8);width:100%;max-width:400px;box-shadow:0 4px 24px #0000004d}.auth-logo{text-align:center;margin-bottom:var(--space-6)}.auth-logo h1{font-size:1.375rem;font-weight:700;color:var(--color-navy);letter-spacing:-.01em}.auth-logo p{font-size:.8125rem;color:var(--color-grey-600);margin-top:var(--space-1)}.auth-title{font-size:1.125rem;font-weight:600;color:var(--color-navy);margin-bottom:var(--space-6)}.auth-subtitle{font-size:.875rem;color:var(--color-grey-600);margin-top:calc(-1 * var(--space-4));margin-bottom:var(--space-6);line-height:1.5}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-charcoal);margin-bottom:var(--space-2)}.form-input{width:100%;padding:.625rem var(--space-3);border:1.5px solid var(--color-grey-200);border-radius:6px;font-family:inherit;font-size:.9375rem;color:var(--color-charcoal);background:var(--color-white);transition:border-color .15s;outline:none}.form-input:focus{border-color:var(--color-gold)}.form-input.error{border-color:var(--color-red)}.btn-primary{display:block;width:100%;padding:.75rem;background:var(--color-gold);color:var(--color-white);border:none;border-radius:6px;font-size:1rem;font-weight:600;text-align:center;cursor:pointer;transition:opacity .15s;margin-top:var(--space-6)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-link{background:none;border:none;padding:0;color:var(--color-blue);font-size:.875rem;text-decoration:none;cursor:pointer}.btn-link:hover{text-decoration:underline}.auth-footer{text-align:center;margin-top:var(--space-4);font-size:.875rem;color:var(--color-grey-600)}.error-banner{background:#fef2f2;border:1px solid #FECACA;border-radius:6px;padding:var(--space-3) var(--space-4);color:var(--color-red);font-size:.875rem;margin-bottom:var(--space-4)}.success-banner{background:#f0fdf4;border:1px solid #BBF7D0;border-radius:6px;padding:var(--space-3) var(--space-4);color:var(--color-green);font-size:.875rem;margin-bottom:var(--space-4)}.shell{display:flex;min-height:100dvh}.sidebar{width:220px;flex-shrink:0;background:var(--color-sidebar);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:100;transition:transform .22s ease}.sidebar-logo{padding:var(--space-6) var(--space-4) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo h2{font-size:.9375rem;font-weight:700;color:var(--color-white);letter-spacing:-.01em}.sidebar-logo p{font-size:.75rem;color:#fff6;margin-top:2px}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-2);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:.5rem var(--space-3);font-size:.875rem;font-weight:500;color:#ffffff8c;text-decoration:none;border-radius:6px;transition:background .12s,color .12s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--color-gold-bg);color:#ffffffe6;text-decoration:none}.nav-item.active{background:#ffffff12;color:var(--color-gold);font-weight:600;box-shadow:inset 3px 0 0 var(--color-gold)}.nav-item svg{width:18px;height:18px;flex-shrink:0;opacity:.5}.nav-item.active svg{opacity:1;color:var(--color-gold)}.sidebar-footer{padding:var(--space-4);border-top:1px solid rgba(255,255,255,.08);font-size:.8125rem;color:#ffffff61}.sidebar-footer strong{display:block;color:#ffffffc7;font-weight:500}.shell-main{flex:1;margin-left:220px;display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg)}.topbar{display:none;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-white);border-bottom:1px solid var(--color-grey-200);position:sticky;top:0;z-index:50}.topbar-title{flex:1;font-size:.9rem;font-weight:600;color:var(--color-charcoal)}.btn-icon{background:none;border:none;padding:var(--space-1);color:var(--color-grey-600);cursor:pointer;display:flex;align-items:center}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.shell-main{margin-left:0}.topbar{display:flex}}.page{flex:1;padding:var(--space-6) var(--space-8);max-width:1200px;width:100%}@media (max-width: 768px){.page{padding:var(--space-4)}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:1.375rem;font-weight:700;color:var(--color-charcoal);letter-spacing:-.02em}.toolbar{display:flex;gap:10px;margin-bottom:var(--space-4);align-items:center;flex-wrap:nowrap}.search-input{flex:1;min-width:180px;height:44px;padding:0 var(--space-3);border:1.5px solid var(--color-grey-200);border-radius:6px;font-size:.9375rem;font-family:inherit;color:var(--color-charcoal);background:var(--color-white);outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--color-gold)}.toolbar-select{height:44px;width:auto!important;flex-shrink:0;font-size:.9375rem;padding:0 2rem 0 var(--space-3)}.toolbar-reset{height:44px;flex-shrink:0;font-size:.875rem;padding:0 var(--space-3);white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5625rem var(--space-4);border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-solid{background:var(--color-gold);color:var(--color-white)}.btn-solid:hover:not(:disabled){opacity:.88}.btn-outline{background:transparent;border:1.5px solid var(--color-grey-300);color:var(--color-grey-600)}.btn-outline:hover:not(:disabled){border-color:var(--color-charcoal);color:var(--color-charcoal)}.btn-danger{background:var(--color-red);color:var(--color-white)}.btn-danger:hover:not(:disabled){opacity:.88}.btn-amber{background:transparent;border:1.5px solid var(--color-amber);color:var(--color-amber)}.btn-amber:hover:not(:disabled){opacity:.8}.btn-ghost{background:none;border:none;padding:var(--space-1) var(--space-2);font-size:.8125rem;color:var(--color-blue);cursor:pointer;text-decoration:underline}.table-wrap{background:var(--color-white);border-radius:8px;border:1px solid var(--color-grey-200);overflow:hidden;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{background:var(--color-grey-50);padding:.5rem var(--space-4);text-align:left;font-weight:600;font-size:.6875rem;color:#4b5563;border-bottom:1px solid var(--color-grey-200);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}tbody td{padding:.5625rem var(--space-4);border-bottom:1px solid var(--color-grey-200);color:var(--color-charcoal);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fdfcfa}.td-actions{display:flex;gap:var(--space-2);white-space:nowrap}.empty-row td{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-grey-600);font-size:.875rem}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge-planning{background:#eff6ff;color:var(--color-blue)}.badge-active{background:#f0fdf4;color:var(--color-green)}.badge-completed{background:#f3f4f6;color:var(--color-grey-600)}.badge-cancelled,.badge-inactive{background:#fef2f2;color:var(--color-red)}.badge-pending{background:#fffbeb;color:var(--color-amber)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--color-white);border-radius:12px;padding:var(--space-6);width:100%;max-width:480px;box-shadow:0 8px 40px #0000002e;max-height:90dvh;overflow-y:auto}.modal-title{font-size:1.0625rem;font-weight:700;color:var(--color-charcoal);margin-bottom:var(--space-6);letter-spacing:-.01em}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.form-select{width:100%;padding:.625rem var(--space-3);border:1.5px solid var(--color-grey-200);border-radius:6px;font-family:inherit;font-size:.9375rem;color:var(--color-charcoal);background:var(--color-white);outline:none;-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='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:2rem}.form-select:focus{border-color:var(--color-gold)}.form-hint{font-size:.8125rem;color:var(--color-grey-600);margin-top:var(--space-1)}.form-error{font-size:.8125rem;color:var(--color-red);margin-top:4px}.btn-step{flex-shrink:0;width:30px;height:38px;border:1.5px solid var(--color-grey-200);border-radius:6px;background:var(--color-white);color:var(--color-grey-600);font-size:1.1rem;line-height:1;cursor:pointer;transition:border-color .12s,color .12s;display:flex;align-items:center;justify-content:center}.btn-step:hover:not(:disabled){border-color:var(--color-gold);color:var(--color-charcoal)}.time-quick-row{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.btn-time-quick{padding:3px 8px;border:1.5px solid var(--color-grey-200);border-radius:5px;background:var(--color-white);color:var(--color-grey-600);font-size:.8125rem;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .12s,color .12s,background .12s;white-space:nowrap}.btn-time-quick:hover{border-color:var(--color-gold);color:var(--color-charcoal);background:var(--color-gold-bg)}.rounding-preview{margin-top:10px;padding:8px 12px;background:var(--color-grey-50);border:1px solid var(--color-grey-200);border-radius:6px;font-size:.8125rem;color:var(--color-charcoal);display:flex;align-items:center}.em-root{min-height:100dvh;background:var(--color-bg);display:flex;flex-direction:column;position:relative;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.em-root.em-loading{align-items:center;justify-content:center}.em-topbar{display:flex;justify-content:flex-end;padding:8px 16px 0}.em-signout-btn{background:none;border:none;color:#9ca3af;font-size:13px;cursor:pointer;padding:4px 0;text-decoration:underline}.em-signout-btn:hover{color:var(--color-charcoal)}.em-screen{flex:1;display:flex;flex-direction:column;padding:24px 20px 0;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.em-spinner{width:44px;height:44px;border:3px solid var(--color-grey-200);border-top-color:var(--color-gold);border-radius:50%;animation:em-spin .7s linear infinite}@keyframes em-spin{to{transform:rotate(360deg)}}.em-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.em-greeting{font-size:1.0625rem;color:var(--color-charcoal)}.em-status-badge{font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:4px 12px;border-radius:999px;text-transform:uppercase}.em-badge-idle{background:var(--color-grey-200);color:var(--color-grey-600)}.em-badge-active{background:#dcfce7;color:#166534}.em-badge-done{background:#dbeafe;color:#1d4ed8}.em-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 0}.em-clock-icon{font-size:4rem;line-height:1}.em-hero-text{font-size:1.0625rem;color:var(--color-grey-600);text-align:center}.em-btn-checkin,.em-btn-checkout,.em-btn-switch{display:block;width:100%;border:none;border-radius:14px;cursor:pointer;letter-spacing:.01em;transition:opacity .15s}.em-btn-checkin,.em-btn-checkout{padding:18px;font-size:1.125rem;font-weight:700;margin-top:auto;margin-bottom:max(20px,env(safe-area-inset-bottom,20px))}.em-btn-switch{padding:14px;font-size:.9375rem;font-weight:600;margin-bottom:12px}.em-btn-checkin:disabled,.em-btn-checkout:disabled,.em-btn-switch:disabled{opacity:.5;cursor:not-allowed}.em-btn-checkin{background:var(--color-gold);color:#1a1108}.em-btn-checkout{background:var(--color-charcoal);color:#fff}.em-btn-switch{background:var(--color-grey-50);color:var(--color-charcoal);border:1.5px solid var(--color-grey-300)}.em-btn-checkin:hover:not(:disabled){opacity:.88}.em-btn-checkout:hover:not(:disabled){opacity:.88}.em-btn-switch:hover:not(:disabled){background:var(--color-grey-200)}.em-session-card{background:var(--color-white);border:1.5px solid var(--color-grey-200);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.em-session-project{font-size:1.25rem;font-weight:700;color:var(--color-charcoal);line-height:1.3}.em-session-time,.em-session-elapsed{display:flex;justify-content:space-between;align-items:baseline}.em-time-label,.em-elapsed-label{font-size:.875rem;color:var(--color-grey-600)}.em-time-value{font-size:1.125rem;font-weight:600;color:var(--color-charcoal)}.em-elapsed-value{font-size:1.5rem;font-weight:700;color:var(--color-gold)}.em-gps-chip{font-size:.8125rem;padding:4px 10px;border-radius:6px;align-self:flex-start}.em-gps-ok{background:#dcfce7;color:#166534}.em-gps-deny{background:#fee2e2;color:#991b1b}.em-warning{background:#fef9c3;border:1px solid #d97706;border-radius:10px;padding:12px 16px;font-size:.875rem;color:#92400e;margin-bottom:16px}.em-summary-card{background:var(--color-white);border:1.5px solid var(--color-grey-200);border-radius:16px;padding:28px 24px;margin:16px 0 32px;display:flex;flex-direction:column;gap:16px}.em-summary-title{font-size:1.375rem;font-weight:700;text-align:center;color:var(--color-charcoal);padding-bottom:12px;border-bottom:1px solid var(--color-grey-200)}.em-summary-row{display:flex;justify-content:space-between;font-size:.9375rem;color:var(--color-grey-600)}.em-summary-row strong{color:var(--color-charcoal);font-weight:600}.em-error-banner{background:#fee2e2;color:#991b1b;padding:12px 16px;font-size:.875rem;display:flex;align-items:center;justify-content:space-between;gap:12px}.em-error-close{background:none;border:none;cursor:pointer;font-size:1rem;color:#991b1b;flex-shrink:0}.em-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;z-index:100}.em-picker{background:var(--color-white);border-radius:20px 20px 0 0;width:100%;max-height:80dvh;display:flex;flex-direction:column;overflow:hidden}.em-picker-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.em-picker-title{font-size:1.125rem;font-weight:700;color:var(--color-charcoal)}.em-btn-close{background:none;border:none;cursor:pointer;font-size:1.125rem;color:var(--color-grey-600);padding:4px 8px}.em-search-wrap{padding:12px 20px}.em-search{width:100%;padding:12px 14px;border:1.5px solid var(--color-grey-200);border-radius:10px;font-size:1rem;background:var(--color-grey-50);outline:none}.em-search:focus{border-color:var(--color-gold)}.em-section-label{font-size:.6875rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-grey-600);padding:12px 20px 4px;background:var(--color-grey-50);border-top:1px solid var(--color-grey-200)}.em-project-list{overflow-y:auto;flex:1;padding-bottom:env(safe-area-inset-bottom,20px)}.em-no-results{padding:24px 20px;text-align:center;color:var(--color-grey-600);font-size:.9375rem}.em-project-btn{width:100%;background:none;border:none;border-top:1px solid var(--color-grey-200);cursor:pointer;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;transition:background .1s;min-height:56px}.em-project-btn:hover:not(:disabled),.em-project-btn:active:not(:disabled){background:var(--color-grey-50)}.em-project-btn:disabled{opacity:.5;cursor:not-allowed}.em-project-name{font-size:1rem;font-weight:500;color:var(--color-charcoal);line-height:1.3}.em-project-code{font-size:.8125rem;color:var(--color-grey-600);flex-shrink:0}.em-date-bar{margin-bottom:16px}.em-date-label{font-size:.875rem;color:var(--color-grey-600)}.em-today-summary{background:var(--color-white);border:1.5px solid var(--color-grey-200);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.em-today-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.9375rem;color:var(--color-grey-600)}.em-today-row strong{color:var(--color-charcoal);font-weight:600}.em-today-project{max-width:180px;text-align:right;line-height:1.3}.em-history{background:var(--color-white);border:1.5px solid var(--color-grey-200);border-radius:14px;overflow:hidden;margin-bottom:20px}.em-history-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-grey-200);background:var(--color-grey-50)}.em-history-title{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-grey-600)}.em-history-total{font-size:.875rem;font-weight:700;color:var(--color-charcoal)}.em-history-list{list-style:none}.em-history-item{padding:12px 16px;border-top:1px solid var(--color-grey-200);display:flex;flex-direction:column;gap:2px}.em-history-item:first-child{border-top:none}.em-history-times{font-size:.8125rem;color:var(--color-grey-600);font-variant-numeric:tabular-nums}.em-history-project{font-size:.9375rem;font-weight:500;color:var(--color-charcoal)}