:root{--navy-900: #78DCE8;--navy-800: #9ce6ef;--navy-950: #1E1B1E;--gold-400: #FF6188;--gold-ink-700: #FF6188;--gold-tint-100: rgba(255, 97, 136, .15);--teal-700: #A9DC76;--teal-tint-100: rgba(169, 220, 118, .15);--amber-700: #FC9867;--amber-tint-100: rgba(252, 152, 103, .15);--yellow-400: #FFD866;--yellow-ink-700: #6B5200;--yellow-tint-100: rgba(255, 216, 102, .2);--green-700: #A9DC76;--green-tint-100: rgba(169, 220, 118, .15);--red-700: #FF6188;--red-tint-100: rgba(255, 97, 136, .15);--purple-700: #AB9DF2;--purple-tint-100: rgba(171, 157, 242, .15);--slate-700: #727072;--slate-tint-100: rgba(114, 112, 114, .15);--blue-500: #66B2FF;--blue-tint-100: rgba(102, 178, 255, .15);--color-currency-usd-fg: #66B2FF;--color-currency-usd-bg: rgba(102, 178, 255, .15);--color-currency-usd-border: rgba(102, 178, 255, .4);--color-currency-eur-fg: #A9DC76;--color-currency-eur-bg: rgba(169, 220, 118, .15);--color-currency-eur-border: rgba(169, 220, 118, .4);--color-currency-gbp-fg: #AB9DF2;--color-currency-gbp-bg: rgba(171, 157, 242, .15);--color-currency-gbp-border: rgba(171, 157, 242, .4);--color-currency-lkr-fg: #FC9867;--color-currency-lkr-bg: rgba(252, 152, 103, .15);--color-currency-lkr-border: rgba(252, 152, 103, .4);--neutral-0: #221F22;--neutral-50: #2D2A2E;--neutral-100: #2D2A2E;--neutral-150: #403E41;--neutral-200: #403E41;--neutral-250: #403E41;--neutral-300: #403E41;--neutral-330: #403E41;--neutral-350: #403E41;--neutral-500: #727072;--neutral-600: #939293;--neutral-650: #C1C0C0;--neutral-700: #FCFCFA;--neutral-750: #FCFCFA;--neutral-800: #FCFCFA;--neutral-850: #FCFCFA;--neutral-inverse-100: #FCFCFA;--neutral-inverse-200: #FCFCFA;--neutral-inverse-300: #FCFCFA;--font-sans: "Inter", system-ui, sans-serif;--font-mono: monospace;--text-xs: 12px;--text-xs-plus: 12.5px;--text-sm: 13px;--text-sm-plus: 13.5px;--text-base: 14px;--text-base-plus: 14.5px;--text-md: 15px;--text-md-plus: 16px;--text-lg: 17px;--text-xl: 18px;--text-2xl: 19px;--text-3xl: 20px;--text-4xl: 22px;--text-5xl: 26px;--text-6xl: 28px;--text-7xl: 30px;--text-8xl: 34px;--text-9xl: 38-42px;--text-10xl: 52px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--tracking-tight: .01em;--tracking-normal: .02em;--tracking-wide: .03em;--tracking-wider: .04em;--tracking-widest: .05em;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 16px;--space-8: 18px;--space-9: 20px;--space-10: 24px;--space-11: 28px;--space-12: 32px;--space-13: 40px;--space-14: 48px;--space-15: 56px;--space-16: 64px;--space-17: 80px;--space-18: 100px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-4xl: 24px;--radius-pill: 999px;--radius-round: 50%;--shadow-card: 0 20px 60px oklch(.3 .02 260 / .08);--shadow-dropdown: 0 12px 32px oklch(.3 .02 260 / .14);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}:root{--color-bg-page: var(--neutral-0);--color-bg-surface: #2D2A2E;--color-bg-subtle: var(--neutral-50);--color-bg-inverse: var(--navy-950);--color-bg-row-hover: #34313A;--color-text-heading: var(--neutral-700);--color-text-body: var(--neutral-850);--color-text-body-muted: var(--neutral-650);--color-text-caption: var(--neutral-600);--color-text-inverse: #1E1B1E;--color-text-inverse-muted: var(--neutral-inverse-300);--color-text-eyebrow: var(--gold-ink-700);--color-border-default: var(--neutral-300);--color-border-subtle: var(--neutral-200);--color-border-control: var(--neutral-330);--color-border-inverse: #403E41;--color-accent-primary: var(--navy-900);--color-accent-primary-hover: var(--navy-800);--color-accent-highlight: var(--gold-400);--color-accent-badge-bg: var(--gold-tint-100);--color-accent-badge-text: var(--gold-ink-700);--color-accent-destructive: var(--red-700);--badge-error-fg: var(--red-700);--badge-error-bg: var(--red-tint-100);--status-confirmed-bg: var(--teal-tint-100);--status-confirmed-text: var(--teal-700);--status-paid-bg: var(--teal-tint-100);--status-paid-text: var(--teal-700);--status-pending-bg: var(--gold-tint-100);--status-pending-text: var(--gold-ink-700);--status-sent-bg: var(--amber-tint-100);--status-sent-text: var(--amber-700);--status-draft-bg: var(--slate-tint-100);--status-draft-text: var(--slate-700);--status-cancelled-bg: var(--red-tint-100);--status-cancelled-text: var(--red-700);--status-holiday-bg: var(--red-tint-100);--status-holiday-text: var(--red-700);--status-training-bg: var(--gold-tint-100);--status-training-text: var(--gold-ink-700);--status-meeting-bg: var(--teal-tint-100);--status-meeting-text: var(--teal-700);--status-observance-bg: var(--purple-tint-100);--status-observance-text: var(--purple-700);--status-appointment-bg: rgba(120, 220, 232, .15);--status-appointment-text: var(--navy-900);--status-individual-bg: rgba(120, 220, 232, .15);--status-individual-text: var(--navy-900);--status-counselor-bg: var(--gold-tint-100);--status-counselor-text: var(--gold-ink-700);--status-company-bg: var(--green-tint-100);--status-company-text: var(--green-700);--role-admin-bg: var(--purple-tint-100);--role-admin-text: var(--purple-700);--role-accountant-bg: var(--gold-tint-100);--role-accountant-text: var(--gold-ink-700);--role-coordinator-bg: var(--teal-tint-100);--role-coordinator-text: var(--teal-700);--role-recruiter-bg: var(--yellow-tint-100);--role-recruiter-text: var(--yellow-400);--role-recruiter-accent: var(--yellow-400);--color-placeholder-stripe-a: var(--neutral-150);--color-placeholder-stripe-b: var(--neutral-250);--color-placeholder-border: var(--neutral-350);--color-placeholder-text: var(--neutral-600)}:root{--navbar-bg: var(--color-bg-page);--navbar-border: var(--neutral-300);--navbar-link-color: var(--neutral-750);--navbar-link-color-active: var(--color-accent-primary);--navbar-link-underline-active: var(--color-accent-highlight);--navbar-height: 68px;--navbar-padding-x: var(--space-14);--button-primary-bg: var(--color-accent-primary);--button-primary-bg-hover: var(--navy-800);--button-primary-text: var(--color-text-inverse);--button-primary-radius: var(--radius-sm);--button-primary-padding: 14px 28px;--button-secondary-bg-hover: var(--neutral-50);--button-destructive-border: var(--color-accent-destructive);--button-destructive-text: var(--color-accent-destructive);--button-destructive-bg-hover: var(--red-tint-100);--button-text-link-opacity-hover: .85;--button-text-link-color: var(--color-accent-primary);--button-text-link-underline: var(--color-accent-highlight);--card-bg: var(--color-bg-surface);--card-border: var(--color-border-default);--card-radius: var(--radius-2xl);--card-padding: var(--space-12);--card-icon-badge-size: 44px;--card-icon-badge-bg: var(--color-accent-badge-bg);--card-icon-badge-text: var(--color-accent-badge-text);--avatar-size-lg: 88px;--avatar-size-sm: 36px;--avatar-bg: var(--color-accent-primary);--avatar-text: var(--color-text-inverse);--eyebrow-bg: var(--gold-tint-100);--eyebrow-text: var(--color-accent-badge-text);--eyebrow-radius: var(--radius-pill);--footer-bg: var(--color-bg-inverse);--footer-text: var(--neutral-inverse-200);--footer-heading: var(--color-accent-highlight);--footer-border: var(--color-border-inverse);--dialog-overlay-bg: oklch(.3 .02 260 / .45);--dialog-overlay-blur: 8px;--dialog-card-bg: var(--color-bg-subtle);--dialog-card-border: var(--color-border-subtle);--dialog-card-radius: var(--radius-3xl);--dialog-card-padding: var(--space-12);--dialog-card-max-width: 520px;--dialog-card-max-width-wide: 768px;--dialog-card-max-width-confirm: 576px;--dialog-card-max-width-drawer: 480px;--dialog-card-max-width-drawer-wide: 640px;--dialog-card-shadow: 0 24px 60px oklch(.2 .02 260 / .3);--dialog-title-size: var(--text-2xl);--dialog-title-weight: var(--weight-extrabold);--dialog-message-size: var(--text-md);--dialog-message-line-height: 1.6;--dialog-header-gap: var(--space-8);--dialog-icon-size: 52px;--dialog-icon-radius: var(--radius-md);--dialog-icon-font-size: 22px;--dialog-actions-gap: var(--space-5);--dialog-button-cancel-padding: 12px 26px;--dialog-button-confirm-padding: 12px 28px;--shell-header-height: 73px;--shell-header-padding-inline: var(--space-13);--shell-header-border: var(--color-border-subtle);--input-border: var(--neutral-350);--input-border-crm: var(--color-border-control);--input-border-focus: var(--color-accent-primary);--input-radius: var(--radius-md);--input-padding: 13px 16px;--input-text: var(--neutral-800);--input-error-border: var(--red-700);--input-error-bg: var(--red-tint-100);--input-error-text: var(--red-700);--login-panel-bg: var(--color-accent-primary);--login-card-radius: var(--radius-4xl);--login-card-shadow: var(--shadow-card);--login-button-radius: var(--radius-pill);--placeholder-radius: var(--radius-3xl);--placeholder-font: var(--font-mono);--table-border: var(--neutral-300);--table-radius: var(--radius-xl);--table-header-bg: var(--neutral-50);--table-header-text: var(--neutral-650);--table-row-border: var(--neutral-250);--table-row-hover-bg: var(--color-bg-row-hover);--table-header-padding: var(--space-6) var(--space-9);--table-row-padding: var(--space-6) var(--space-9);--table-header-font-size: var(--text-xs-plus);--table-header-font-weight: var(--weight-bold);--table-row-font-size: var(--text-base-plus);--table-row-text: var(--neutral-800);--table-badge-radius: var(--radius-sm);--table-badge-padding: 4px 10px;--table-badge-font-size: var(--text-xs);--table-badge-font-weight: var(--weight-bold);--table-shadow: none;--table-shadow-hover: none;--table-skeleton-background: var(--neutral-200);--table-skeleton-highlight: var(--neutral-150);--table-skeleton-line-height: var(--text-md-plus);--table-skeleton-radius: var(--radius-sm);--table-skeleton-animation: shimmer 1.5s infinite;--stat-card-border: var(--neutral-300);--stat-card-radius: var(--radius-xl);--stat-card-icon-size: 44px;--stat-card-icon-radius: var(--radius-md);--chart-collected-color: var(--teal-700);--chart-outstanding-color: var(--navy-900);--chart-bar-radius: 4px;--chart-donut-paid: var(--teal-700);--chart-donut-draft: var(--neutral-350);--chart-donut-sent: #d97706;--chart-trend-line: var(--navy-900);--chart-progress-track: var(--neutral-250);--chart-progress-fill-client: var(--teal-700);--chart-progress-fill-product: var(--gold-ink-700);--pagination-item-size: 32px;--pagination-item-radius: var(--radius-sm);--pagination-active-bg: var(--color-accent-primary);--pagination-active-text: var(--color-text-inverse)}@media (prefers-color-scheme: light){:root{--color-bg-page: #ffffff;--color-bg-surface: #ffffff;--color-bg-subtle: var(--neutral-50);--color-text-heading: var(--navy-900);--color-text-body: var(--neutral-850);--color-text-body-muted: var(--neutral-650);--color-text-caption: var(--neutral-600);--color-border-default: var(--neutral-300);--color-border-subtle: var(--neutral-200);--status-confirmed-bg: var(--teal-tint-100);--status-confirmed-text: var(--teal-700);--status-paid-bg: var(--teal-tint-100);--status-paid-text: var(--teal-700);--status-pending-bg: var(--gold-tint-100);--status-pending-text: var(--gold-ink-700);--status-sent-bg: var(--amber-tint-100);--status-sent-text: var(--amber-700);--status-draft-bg: var(--slate-tint-100);--status-draft-text: var(--slate-700);--status-cancelled-bg: var(--red-tint-100);--status-cancelled-text: var(--red-700)}}body{margin:0;background:var(--color-bg-page);color:var(--color-text-body);font-family:var(--font-sans)}a{color:var(--color-accent-primary);text-decoration:none}a:hover{color:var(--purple-700)}::selection{color:var(--color-bg-page);background:var(--purple-700)}.site-shell{min-height:100vh;background:var(--color-bg-page);color:var(--color-text-body)}.site-container{width:calc(100% - (2 * var(--space-14)));max-width:1080px;margin-inline:auto}.site-container--wide{max-width:1200px}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--color-bg-page) 90%,transparent);border-bottom:1px solid var(--color-border-default);backdrop-filter:blur(8px)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-9)}.site-brand,.site-footer-brand{display:flex;align-items:center}.site-brand{gap:var(--space-5);color:var(--color-text-body);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.01em}.site-brand:hover{color:var(--color-text-body)}.site-brand-logo{width:40px;height:40px}.site-nav{display:flex;align-items:center;gap:var(--space-12)}.site-nav-link{color:var(--color-text-caption);font-size:var(--text-md);font-weight:var(--weight-medium)}.site-button{display:inline-block;border-radius:var(--button-primary-radius);font-weight:var(--weight-bold)}.site-button--contact{padding:var(--space-4) var(--space-9);color:var(--color-text-body);background:var(--color-accent-highlight);font-size:var(--text-base);font-weight:var(--weight-semibold)}.site-button--contact:hover{color:var(--color-text-body);background:color-mix(in srgb,var(--color-accent-highlight) 80%,var(--neutral-700))}.site-button--primary{padding:var(--space-5) var(--space-10);color:var(--button-primary-text);background:var(--button-primary-bg);font-size:var(--text-md);white-space:nowrap}.site-button--primary:hover{color:var(--button-primary-text);background:var(--button-primary-bg-hover)}.site-button--success{padding:var(--space-6) var(--space-12);color:var(--color-text-inverse);background:var(--green-700);font-size:var(--text-md-plus)}.site-button--success:hover{color:var(--color-text-inverse);background:color-mix(in srgb,var(--green-700) 80%,var(--neutral-700))}.home-hero{max-width:1080px;margin-inline:auto;padding:120px var(--space-14) var(--space-18);text-align:center}.home-hero-title{margin:0 0 var(--space-11);font-size:64px;font-weight:var(--weight-extrabold);letter-spacing:-.02em;line-height:1.08}.home-hero-accent{color:var(--color-accent-highlight)}.home-hero-copy{max-width:720px;margin:0 auto var(--space-9);color:var(--color-text-body-muted);font-size:var(--text-2xl);line-height:1.7}.home-hero-copy:last-child{margin-bottom:var(--space-14)}.home-feature-section{margin-bottom:var(--space-18)}.home-feature-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-14);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl)}.site-eyebrow{margin-bottom:var(--space-4);color:var(--purple-700);font-family:JetBrains Mono,monospace;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase}.services-hero{max-width:900px;margin-inline:auto;padding:var(--space-18) var(--space-14) var(--space-16);text-align:center}.services-hero-title{margin:0 0 var(--space-9);font-size:48px;font-weight:var(--weight-extrabold);letter-spacing:-.02em;line-height:1.1}.services-hero-copy{max-width:640px;margin:0 auto;color:var(--color-text-body-muted);font-size:var(--text-xl);line-height:1.7}.services-list{display:flex;flex-direction:column;gap:var(--space-10);padding-bottom:120px}.service-card{display:grid;grid-template-columns:64px 1fr;gap:var(--space-11);padding:var(--space-13);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);transition:border-color .2s}.service-card:hover{border-color:var(--service-color)}.service-card-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;color:var(--service-color);border:2px solid var(--service-color);border-radius:var(--radius-xl);font-size:var(--text-5xl)}.service-card-title{margin:0 0 var(--space-4);font-size:var(--text-5xl);font-weight:var(--weight-bold)}.service-card-copy{margin:0 0 var(--space-7);color:var(--color-text-caption);font-size:var(--text-md-plus);line-height:1.65}.service-tags{display:flex;flex-wrap:wrap;gap:var(--space-4)}.service-tag{padding:5px var(--space-5);color:var(--service-color);background:color-mix(in srgb,var(--color-text-body) 4%,transparent);border:1px solid var(--color-border-default);border-radius:var(--radius-pill);font-family:JetBrains Mono,monospace;font-size:var(--text-xs)}.home-feature-title{margin:0 0 var(--space-3);font-size:var(--text-6xl);font-weight:var(--weight-extrabold);letter-spacing:-.01em}.home-feature-copy{margin:0;color:var(--color-text-caption);font-size:var(--text-md-plus)}.site-contact{background:var(--color-bg-surface);border-top:1px solid var(--color-border-default)}.site-contact-inner{padding-block:var(--space-17);text-align:center}.site-contact-title{margin:0 0 var(--space-7);font-size:var(--text-8xl);font-weight:var(--weight-extrabold)}.site-contact-copy{margin:0 0 var(--space-12);color:var(--color-text-caption);font-size:var(--text-lg)}.site-footer{border-top:1px solid var(--color-border-default)}.site-footer-inner{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-12)}.site-footer-brand{gap:var(--space-4)}.site-footer-logo{width:24px;height:24px}.site-footer-copy,.site-footer-link{color:var(--color-text-caption);font-size:var(--text-base)}.site-footer-links{display:flex;gap:var(--space-10)}@media (max-width: 720px){.site-container{width:calc(100% - (2 * var(--space-7)))}.site-header-inner,.site-footer-inner{align-items:flex-start;gap:var(--space-7)}.site-header-inner,.site-footer-inner,.site-nav{flex-wrap:wrap}.site-nav{gap:var(--space-7)}.home-hero{padding:var(--space-17) var(--space-7)}.home-hero-title{font-size:44px}.home-feature-card{padding:var(--space-12)}.services-hero{padding:var(--space-17) var(--space-7) var(--space-14)}.service-card{grid-template-columns:1fr;padding:var(--space-12)}}