*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0f172a;--navy2:#1e293b;--indigo:#6366f1;--indigo-h:#4f46e5;--red:#ef4444;--green:#22c55e;--gray:#64748b;--gray-lt:#94a3b8;--border:#e2e8f0;--bg:#f8fafc;--white:#fff;--text:#0f172a;--text2:#475569;--radius:6px;--shadow:0 1px 3px #00000014}body{color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--navy);color:#e2e8f0;flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow-y:auto}.sidebar-logo{color:#fff;letter-spacing:-.3px;border-bottom:1px solid #ffffff14;padding:20px 16px 16px;font-size:18px;font-weight:700}.sidebar-logo span{color:var(--indigo)}.sidebar-org{color:var(--gray-lt);border-bottom:1px solid #ffffff14;padding:10px 16px;font-size:12px}.sidebar-nav{flex:1;padding:8px 0}.nav-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray);padding:12px 16px 4px;font-size:11px;font-weight:600}.nav-link{color:#cbd5e1;border-radius:0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff14}.nav-link.active{color:#fff;font-weight:500}.sidebar-footer{border-top:1px solid #ffffff14;padding:12px 16px}.sidebar-user{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:13px;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;gap:12px;padding:20px 28px 0;display:flex}.page-title{color:var(--text);font-size:20px;font-weight:600}.page-body{flex:1;padding:20px 28px 28px}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .12s,opacity .12s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--indigo);color:#fff}.btn-primary:hover:not(:disabled){background:var(--indigo-h)}.btn-secondary{background:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-danger{background:var(--red);color:#fff}.btn-ghost{color:var(--gray);background:0 0;padding:4px 8px}.btn-ghost:hover:not(:disabled){background:var(--border);color:var(--text)}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{padding:6px}.form-group{margin-bottom:14px}.form-label{color:var(--text2);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;outline:none;padding:7px 10px;font-size:13px;transition:border-color .12s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 2px #6366f11f}.form-textarea{resize:vertical;min-height:70px}.form-select{cursor:pointer}.form-row{gap:10px;display:flex}.form-row .form-group{flex:1}.form-error{color:var(--red);margin-top:6px;font-size:12px}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:32px}.auth-logo{color:var(--navy);margin-bottom:4px;font-size:22px;font-weight:700}.auth-logo span{color:var(--indigo)}.auth-sub{color:var(--gray);margin-bottom:24px;font-size:13px}.auth-footer{text-align:center;color:var(--gray);margin-top:16px;font-size:13px}.auth-footer a{color:var(--indigo);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.card-body{padding:16px}.timer-bar{background:var(--navy2);color:#fff;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 28px;display:flex}.timer-elapsed{font-variant-numeric:tabular-nums;letter-spacing:.03em;min-width:90px;font-size:20px;font-weight:600}.timer-meta{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--gray);background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text);padding:10px 12px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fafc}.td-actions{text-align:right;white-space:nowrap}.entry-list{flex-direction:column;gap:6px;display:flex}.entry-row{border:1px solid var(--border);border-radius:var(--radius);background:#fff;align-items:center;gap:10px;padding:10px 14px;display:flex}.entry-row:hover{border-color:#c7d2fe}.entry-project{color:var(--text);flex:1;min-width:0;font-weight:500}.entry-task{color:var(--gray);font-size:12px}.entry-notes{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;flex:2;min-width:0;font-size:12px;overflow:hidden}.entry-hours{font-variant-numeric:tabular-nums;text-align:right;min-width:50px;font-weight:600}.entry-billable{border-radius:3px;padding:2px 6px;font-size:11px;font-weight:500}.entry-billable.yes{color:#15803d;background:#dcfce7}.entry-billable.no{background:var(--bg);color:var(--gray-lt)}.week-grid th,.week-grid td{text-align:right}.week-grid th:first-child,.week-grid td:first-child{text-align:left}.week-grid .total-row td{background:var(--bg);font-weight:600}.week-grid .today-col{background:#eef2ff}.date-nav{align-items:center;gap:10px;display:flex}.date-label{text-align:center;min-width:200px;font-size:15px;font-weight:500}.badge{text-transform:capitalize;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-admin{color:#6d28d9;background:#ede9fe}.badge-manager{color:#1d4ed8;background:#dbeafe}.badge-member{color:#475569;background:#f1f5f9}.badge-active{color:#15803d;background:#dcfce7}.badge-inactive{color:#b91c1c;background:#fee2e2}.add-entry-form{border:1px dashed var(--indigo);border-radius:var(--radius);background:#fff;padding:14px}.modal-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:100%;max-width:460px;padding:24px;box-shadow:0 8px 30px #00000026}.modal-title{margin-bottom:18px;font-size:16px;font-weight:600}.modal-footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.empty-state{text-align:center;color:var(--gray);padding:40px;font-size:14px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-3{margin-bottom:12px}.flex{display:flex}.flex-center{align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.flex-1{flex:1}.font-mono{font-variant-numeric:tabular-nums}.tab-bar{border-bottom:2px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tab-btn{cursor:pointer;color:var(--gray);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 18px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--indigo);border-bottom-color:var(--indigo)}.report-section{padding-top:4px}.report-filters{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.report-filters label{color:var(--gray);flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.report-filters input,.report-filters select{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:#fff;padding:5px 8px;font-size:14px}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:left;color:var(--gray);border-bottom:1px solid var(--border);background:#f8fafc;padding:8px 12px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text);padding:10px 12px}.data-table tfoot th{border-top:2px solid var(--border);background:#f1f5f9;border-bottom:none;padding:10px 12px}.data-table tr:last-child td{border-bottom:none}.num-col{text-align:right;font-variant-numeric:tabular-nums}.empty-cell{text-align:center;color:var(--gray);padding:32px!important}.row-over-budget td{color:#b91c1c;background:#fff1f2}.row-over-budget td:first-child{font-weight:600}.loading{text-align:center;color:var(--gray);padding:24px;font-size:14px}.error-banner{color:#b91c1c;border-radius:var(--radius);background:#fee2e2;margin-bottom:12px;padding:10px 14px;font-size:13px}.migration-wizard{max-width:600px}.wizard-steps{gap:0;margin-bottom:28px;display:flex}.wizard-step{border-bottom:2px solid var(--border);color:var(--gray);flex:1;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.wizard-step.active{border-bottom-color:var(--indigo);color:var(--indigo)}.wizard-step.done{border-bottom-color:var(--green);color:var(--green)}.wizard-step-num{background:var(--border);width:22px;height:22px;color:var(--gray);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.wizard-step.active .wizard-step-num{background:var(--indigo);color:#fff}.wizard-step.done .wizard-step-num{background:var(--green);color:#fff}.wizard-panel{border:1px solid var(--border);border-radius:var(--radius);background:#fff;flex-direction:column;gap:16px;padding:24px;display:flex}.wizard-intro{color:var(--text2);font-size:14px}.wizard-actions{gap:10px;margin-top:4px;display:flex}.radio-group{flex-direction:column;gap:10px;display:flex}.radio-label{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);align-items:flex-start;gap:10px;padding:12px;font-size:13px;display:flex}.radio-label input[type=radio]{flex-shrink:0;margin-top:2px}.migration-warning{border-radius:var(--radius);color:#92400e;background:#fffbeb;border:1px solid #fde68a;padding:12px 14px;font-size:13px}.migration-verified{border-radius:var(--radius);color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:10px 14px;font-size:13px}.migration-progress{flex-direction:column;gap:16px;display:flex}.migration-status-header{align-items:center;gap:12px;display:flex}.migration-spinner{border:2px solid var(--border);border-top-color:var(--indigo);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.migration-counts-table{max-width:400px}.migration-done{border-radius:var(--radius);color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:12px 14px;font-size:13px}.migration-past{max-width:600px;margin-top:32px}.migration-past h3{color:var(--text2);margin-bottom:12px;font-size:14px;font-weight:600}.text-muted{color:var(--gray)}.text-sm{font-size:12px}.mt-3{margin-top:12px}.ss-section{max-width:760px;margin-bottom:40px}.ss-section h2{margin-bottom:12px;font-size:16px;font-weight:600}.ss-section h3{margin:20px 0 10px;font-size:14px;font-weight:600}.ss-connect-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.ss-success-banner{border-radius:var(--radius);color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;max-width:760px;margin-bottom:20px;padding:10px 14px;font-size:13px}.ss-sheets-table{margin-bottom:24px}.ss-inbound-form{border:1px solid var(--border);border-radius:var(--radius);padding:20px}.ss-sheet-id-row{align-items:center;gap:8px;display:flex}.ss-sheet-id-row .form-input{flex:1}.ss-col-map-table{max-width:560px}.ss-col-map-table select{min-width:180px}.ss-radio-row{flex-direction:column;gap:6px;display:flex}.ss-radio-label{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.ss-checkbox-row{flex-wrap:wrap;gap:16px;display:flex}.ss-checkbox-label{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.ss-push-result{color:var(--text-muted,#6b7280);margin-left:8px;font-size:12px}.form-input-sm{padding:4px 8px;font-size:13px}.mono{font-family:var(--font-mono,monospace);font-size:12px}.btn-danger{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.btn-danger:hover:not(:disabled){background:#fecaca}.entry-invoiced{color:#1d4ed8;background:#dbeafe;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:500}.badge-draft{color:#475569;background:#f1f5f9}.badge-sent{color:#1d4ed8;background:#dbeafe}.badge-paid{color:#15803d;background:#dcfce7}.badge-void{color:#b91c1c;background:#fee2e2}