@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg:#fafaf7;--bg-subtle:#f4f4ef;--surface:#fff;--surface-raised:#fff;--ink:#1a1f2e;--ink-2:#3d4759;--ink-3:#6b7488;--ink-4:#a0a7b5;--line:#e8e8e1;--line-strong:#d4d4ca;--brand:#4a7340;--brand-hover:#3a5a33;--brand-soft:#eaf1e5;--brand-ink:#2d4a26;--success:#3f8f5e;--success-soft:#e7f3ec;--warn:#b47a1f;--warn-soft:#fbf1df;--error:#b23a48;--error-soft:#fbecee;--info:#3d6e9e;--info-soft:#e8f0f8;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:clamp(17px, 2.5vw, 18px);--text-xl:clamp(20px, 2.5vw, 22px);--text-2xl:clamp(24px, 3vw, 28px);--text-3xl:clamp(28px, 4vw, 36px);--text-4xl:clamp(34px, 5vw, 48px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px #141a2a0a;--shadow-sm:0 2px 4px #141a2a0a, 0 1px 2px #141a2a0a;--shadow-md:0 8px 24px -8px #141a2a14, 0 2px 4px #141a2a0a;--shadow-lg:0 16px 40px -12px #141a2a1f, 0 4px 8px #141a2a0a;--shadow-focus:0 0 0 4px #4a734038;--ease:cubic-bezier(.2, 0, 0, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--primary:var(--brand);--primary-light:var(--brand);--accent:var(--brand);--background:var(--bg);--text-main:var(--ink);--text-muted:var(--ink-3);--border:var(--line);--radius:var(--radius-lg);--shadow:var(--shadow-sm);--transition:all var(--motion-base) var(--ease)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--ink);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-size:var(--text-base);-webkit-font-smoothing:antialiased}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit;font-size:16px}.container{max-width:1120px;padding:0 var(--space-5);margin:0 auto}@media (min-width:1024px){.container{padding:0 var(--space-7)}}.counsellor-nav-toggle{display:none}.counsellor-nav-links{align-items:center;gap:var(--space-6);display:flex}@media (max-width:767px){.counsellor-nav-toggle{justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.counsellor-nav-links{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);padding:var(--space-4) var(--space-5);align-items:flex-start;gap:var(--space-4);z-index:99;flex-direction:column;display:none;position:absolute;top:64px;left:0;right:0}.counsellor-nav-links.open{display:flex}}.av-grid{gap:var(--space-7);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;display:grid}@media (max-width:767px){.av-grid{gap:var(--space-5);grid-template-columns:1fr}}.av-sidebar{position:sticky;top:80px}@media (max-width:767px){.av-sidebar{position:static}}.hour-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:480px) and (max-width:767px){.hour-grid{grid-template-columns:repeat(3,1fr)}}.rate-card{max-width:480px}@media (max-width:479px){.rate-card{max-width:100%}}.earnings-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:479px){.earnings-grid{grid-template-columns:1fr}}.drawer-panel{width:380px;max-width:100vw}@media (max-width:479px){.drawer-panel{width:100vw;padding:var(--space-5) var(--space-4)}}.login-container{max-width:500px;margin:4rem auto}@media (max-width:479px){.login-container{max-width:100%;margin:var(--space-6) auto;padding:0 var(--space-4)}}.login-card{padding:2.5rem}@media (max-width:479px){.login-card{padding:var(--space-5)}}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.01em;font-weight:600;line-height:1.2}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--motion-slow) var(--ease) forwards}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;white-space:nowrap;transition:background-color var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease);border:none;font-family:inherit;font-weight:600;line-height:1.1;text-decoration:none;display:inline-flex}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn--sm{height:36px;font-size:var(--text-sm);padding:0 12px}.btn--lg{height:52px;padding:0 20px}.btn--primary{background-color:var(--brand);color:#fff}.btn--primary:hover{background-color:var(--brand-hover);box-shadow:var(--shadow-sm)}.btn--primary:disabled{background-color:var(--ink-4);cursor:not-allowed}.btn--secondary{background-color:var(--surface);color:var(--ink);border:1px solid var(--line-strong)}.btn--secondary:hover{background-color:var(--bg-subtle)}.btn--ghost{color:var(--ink-2);background-color:#0000}.btn--ghost:hover{background-color:var(--bg-subtle)}.btn-primary{height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;background-color:var(--brand);color:#fff;transition:background-color var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease);border:none;justify-content:center;align-items:center;font-family:inherit;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background-color:var(--brand-hover);box-shadow:var(--shadow-sm)}.input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;font-size:var(--text-base);color:var(--ink);transition:border-color var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease);padding:14px 16px;line-height:1.5}.input::placeholder{color:var(--ink-3)}.input:focus{border-color:var(--line-strong);box-shadow:var(--shadow-focus);outline:none}.input[readonly],.input[disabled]{background:var(--bg-subtle);color:var(--ink-2)}.chip{border-radius:var(--radius-pill);height:36px;font-size:var(--text-sm);background-color:var(--surface);color:var(--ink-2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;transition:background-color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);align-items:center;padding:0 16px;font-family:inherit;font-weight:500;display:inline-flex}.chip:hover{background-color:var(--bg-subtle)}.chip--selected{background-color:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand)}.chip--selected:hover{background-color:var(--brand-soft)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:box-shadow var(--motion-base) var(--ease), border-color var(--motion-base) var(--ease)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong)}.card--surface{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--line)}.nav-link{font-size:var(--text-sm);color:var(--ink-2);transition:color var(--motion-fast) var(--ease);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--ink)}.footer-link{color:#ffffffb3;font-size:var(--text-sm);transition:opacity var(--motion-fast) var(--ease);text-decoration:none}.footer-link:hover{text-decoration:underline}.skeleton{background:linear-gradient(90deg, var(--bg-subtle) 25%, var(--line) 50%, var(--bg-subtle) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}