@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--brand:#2563eb;--brand-dark:#1d4ed8;--brand-light:#eff6ff;--green:#16a34a;--green-light:#f0fdf4;--amber:#d97706;--amber-light:#fffbeb;--red:#dc2626;--red-light:#fef2f2;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--radius:10px;--radius-sm:6px;--radius-lg:16px;--shadow:0 1px 3px #0000001a;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--white);border-right:1px solid var(--gray-200);z-index:50;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.main-content{flex:1;margin-left:240px;padding:32px}.sidebar-logo{border-bottom:1px solid var(--gray-100);color:var(--brand);letter-spacing:-.5px;padding:20px;font-size:20px;font-weight:800}.sidebar-nav{flex:1;padding:12px 8px}.nav-item{border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--gray-50);color:var(--gray-900)}.nav-item.active{background:var(--brand-light);color:var(--brand);font-weight:600}.sidebar-footer{border-top:1px solid var(--gray-100);padding:16px}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);box-shadow:var(--shadow)}.card-pad{padding:20px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);box-shadow:var(--shadow);padding:20px}.stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700}.stat-value{color:var(--gray-900);letter-spacing:-.5px;font-size:28px;font-weight:800}.stat-sub{color:var(--gray-400);margin-top:3px;font-size:12px}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-danger{background:var(--red-light);color:var(--red)}.btn-ghost{color:var(--gray-600);border:1px solid var(--gray-200);background:0 0}.btn-ghost:hover{background:var(--gray-50)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:11px 24px;font-size:14px}.btn-full{width:100%}.form-group{margin-bottom:16px}.label{color:var(--gray-700);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.input{border-radius:var(--radius-sm);border:1px solid var(--gray-300);width:100%;color:var(--gray-900);background:var(--white);outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1a}.input::placeholder{color:var(--gray-400)}.textarea{resize:vertical;min-height:80px}.input-hint{color:var(--gray-400);margin-top:4px;font-size:11px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:var(--gray-900);letter-spacing:-.4px;font-size:22px;font-weight:800}.page-sub{color:var(--gray-500);margin-top:2px;font-size:13px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:10px 16px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--gray-100);color:var(--gray-800);padding:13px 16px;font-size:13px}tr:last-child td{border-bottom:none}tr.clickable:hover td{background:var(--gray-50);cursor:pointer}.badge{border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-draft{background:var(--gray-100);color:var(--gray-600)}.badge-invoiced{color:#4338ca;background:#eef2ff}.badge-followup{background:var(--amber-light);color:var(--amber)}.badge-paid{background:var(--green-light);color:var(--green)}.badge-review{color:#0369a1;background:#f0f9ff}.badge-complete{background:var(--gray-100);color:var(--gray-500)}.badge-cancelled{background:var(--red-light);color:var(--red)}.auth-page{background:var(--gray-50);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:36px}.auth-logo{color:var(--brand);letter-spacing:-.5px;margin-bottom:4px;font-size:26px;font-weight:800}.auth-tagline{color:var(--gray-500);margin-bottom:28px;font-size:13px}.auth-switch{text-align:center;color:var(--gray-500);margin-top:20px;font-size:13px}.auth-switch span{color:var(--brand);cursor:pointer;font-weight:600}.auth-error{background:var(--red-light);color:var(--red);border-radius:var(--radius-sm);margin-bottom:14px;padding:10px 12px;font-size:12px}.empty-state{text-align:center;color:var(--gray-500);padding:48px 24px}.empty-state h3{color:var(--gray-700);margin-bottom:6px;font-size:16px;font-weight:600}.empty-state p{margin-bottom:20px;font-size:13px}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:28px}.modal-title{color:var(--gray-900);margin-bottom:4px;font-size:17px;font-weight:700}.modal-sub{color:var(--gray-500);margin-bottom:20px;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.timeline{flex-direction:column;display:flex}.timeline-item{gap:12px;padding-bottom:16px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:var(--gray-200);width:1px;position:absolute;top:24px;bottom:0;left:11px}.timeline-dot{background:var(--white);border:2px solid var(--gray-300);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.timeline-dot.active{border-color:var(--brand);background:var(--brand-light)}.timeline-dot.done{border-color:var(--green);background:var(--green-light)}.timeline-label{color:var(--gray-800);font-size:13px;font-weight:500}.timeline-time{color:var(--gray-400);margin-top:2px;font-size:11px}.divider{background:var(--gray-200);height:1px;margin:20px 0}.loading{color:var(--gray-400);justify-content:center;align-items:center;padding:48px;font-size:13px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.three-col{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}