:root{color-scheme:dark;--bg: #09111f;--bg-soft: #101a2e;--panel: rgba(9, 17, 31, .84);--panel-strong: rgba(11, 22, 39, .95);--line: rgba(163, 184, 255, .16);--text: #f7f8fd;--muted: #98a5c2;--accent: #7ee0c6;--accent-strong: #58c3a6;--warning: #f2b96f;--success: #79d59a;--info: #7ebdff;--shadow: 0 24px 80px rgba(0, 0, 0, .28);font-family:Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(126,224,198,.2),transparent 30%),radial-gradient(circle at top right,rgba(126,189,255,.2),transparent 24%),linear-gradient(180deg,#09111f,#07101d);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 90%);pointer-events:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.marketing-shell,.app-shell{position:relative;z-index:1}.marketing-shell{max-width:1200px;margin:0 auto;padding:24px}.marketing-header,.app-topbar,.page-header,.card__header,.route-list__item,.customer-card__row,.job-item__meta,.stage-item,.stats-list__item,.hero__actions,.route-map__summary,.topbar__actions{display:flex;justify-content:space-between;gap:16px;align-items:center}.marketing-header{padding:8px 0 32px}.marketing-nav,.sidebar__nav,.hero-card__stats,.metric-grid,.feature-grid,.customer-grid,.content-grid,.kanban-grid,.signup-grid{display:grid;gap:18px}.marketing-nav{display:flex;align-items:center;gap:20px;color:var(--muted)}.marketing-link{color:var(--muted)}.marketing-link--active{color:var(--text)}.brand{display:inline-flex;align-items:center;gap:14px}.brand strong,.card__title,.hero h1,.page-header h2,.app-topbar h1{letter-spacing:-.03em}.brand span{display:block;color:var(--muted);font-size:.9rem}.brand__mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#7ee0c6d9,#7ebdffb3);color:#07101d;font-weight:700}.hero,.content-grid--wide,.signup-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.hero{padding:28px 0 30px}.hero h1{font-size:clamp(2.8rem,6vw,5rem);max-width:10ch;margin:10px 0 18px}.eyebrow,.card__eyebrow,.sidebar__label{margin:0;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.hero__lead,.card__subtitle,.customer-card__body p,.stage-item p,.alert p,.bullet-stack p{color:var(--muted);line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#07101d;font-weight:700}.button--ghost{background:transparent;border-color:var(--line);color:var(--text)}.card{padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#121c30f0,#09111feb);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card__header{margin-bottom:16px;align-items:flex-start}.card__title,.page-header h2,.app-topbar h1{margin:4px 0 0;font-size:1.5rem}.card__subtitle{margin:8px 0 0}.hero-card{align-self:stretch}.hero-card__stats,.metric-grid,.feature-grid,.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-card__stats div,.stats-list__item,.route-map__summary div{padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.hero-card__stats span,.route-map__summary span,.stats-list__item span{display:block;color:var(--muted);font-size:.82rem}.hero-card__stats strong,.route-map__summary strong,.stats-list__item strong{display:block;margin-top:8px;font-size:1.2rem}.hero-card__panel{margin-top:18px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#7ee0c629,#7ebdff1f)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:10px}.feature-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-footer{padding:40px 0 20px;color:var(--muted)}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:28px 22px;border-right:1px solid var(--line);background:#060c16d6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand--sidebar{margin-bottom:24px}.sidebar__nav{margin-top:18px}.nav-link{padding:14px 16px;border-radius:16px;color:var(--muted);background:transparent;transition:.18s ease}.nav-link:hover,.nav-link--active{color:var(--text);background:#ffffff0f}.sidebar__panel{margin-top:26px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#7ee0c61f,#7ebdff14);border:1px solid rgba(126,224,198,.16)}.sidebar__panel strong,.sidebar__panel span{display:block}.sidebar__panel span{margin-top:8px;color:var(--muted)}.app-frame{padding:26px}.app-content,.page{display:grid;gap:22px}.status-pill{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;background:#7ee0c61f;border:1px solid rgba(126,224,198,.2);color:var(--text)}.day-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.day-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;gap:6px;padding:16px;text-align:left;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.day-tab span{color:var(--muted)}.day-tab small{color:var(--accent)}.day-tab:hover{transform:translateY(-2px);border-color:#7ee0c63d}.day-tab--active{background:linear-gradient(180deg,#7ee0c629,#7ebdff1a);border-color:#7ee0c647}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card .card__title{font-size:2rem}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-map{display:grid;gap:16px}.route-map__canvas{position:relative;min-height:340px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 30% 35%,rgba(126,224,198,.2),transparent 26%),radial-gradient(circle at 70% 22%,rgba(126,189,255,.18),transparent 22%),linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06)}.route-map__stop{position:absolute;width:180px;padding:14px;border-radius:18px;background:#080f1ce0;border:1px solid rgba(126,224,198,.18)}.route-map__stop span,.route-list__item p,.job-item span,.job-item small{color:var(--muted)}.route-map__stop strong,.route-list__item strong,.alert strong,.stage-item strong,.job-item strong{display:block;margin:6px 0}.route-map__stop small{display:block;color:var(--accent)}.route-map__glow{position:absolute;border-radius:999px;filter:blur(50px)}.route-map__glow--one{inset:auto auto 18% 16%;width:160px;height:160px;background:#7ee0c61f}.route-map__glow--two{inset:10% 12% auto auto;width:220px;height:220px;background:#7ebdff1f}.route-list,.alert-list,.job-stack,.stage-list,.stats-list,.bullet-stack,.invoice-list{display:grid;gap:12px}.invoice-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;justify-content:space-between;gap:16px;padding:16px;text-align:left;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.invoice-row:hover{transform:translateY(-2px);border-color:#7ee0c63d}.invoice-row--active{background:linear-gradient(180deg,#7ee0c624,#7ebdff14);border-color:#7ee0c647}.invoice-row p,.invoice-row small,.invoice-row__meta span,.invoice-row__meta small{display:block;margin:0;color:var(--muted)}.invoice-row strong,.invoice-row__meta strong{display:block}.invoice-row__meta{text-align:right}.invoice-actions{display:grid;gap:10px;justify-items:end}.invoice-actions--inline{grid-auto-flow:column;justify-content:flex-start;justify-items:start}.invoice-totals{display:grid;gap:12px;margin-top:18px}.invoice-totals div{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.invoice-totals span{color:var(--muted)}.finance-list{display:grid;gap:12px}.finance-row{display:flex;justify-content:space-between;gap:16px;padding:16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.finance-row p,.finance-row small{display:block;margin:0;color:var(--muted)}.finance-row strong{display:block}.finance-row__meta{display:grid;gap:10px;justify-items:end;text-align:right}.finance-row__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.finance-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:end;min-height:280px}.finance-bar{display:grid;gap:10px}.finance-bar__value,.finance-bar__label{color:var(--muted);font-size:.82rem}.finance-bar__track{display:flex;align-items:end;min-height:180px;padding:10px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.finance-bar__fill{display:block;width:100%;border-radius:999px 999px 12px 12px;background:linear-gradient(180deg,#7ee0c6eb,#7ebdffbd)}.message-thread-list,.message-timeline,.template-grid{display:grid;gap:12px}.auth-grid{display:grid;grid-template-columns:minmax(0,720px);justify-content:center}.auth-status{grid-column:1 / -1;margin:0;color:var(--accent);line-height:1.6}.message-thread{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;justify-content:space-between;gap:16px;padding:16px;text-align:left;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.message-thread:hover{transform:translateY(-2px);border-color:#7ee0c63d}.message-thread--active{background:linear-gradient(180deg,#7ee0c624,#7ebdff14);border-color:#7ee0c647}.message-thread p,.message-thread small{display:block;margin:0;color:var(--muted)}.message-thread strong{display:block}.message-thread__meta{display:grid;gap:10px;justify-items:end;text-align:right}.message-timeline{max-height:420px;overflow:auto;padding-right:6px}.message-bubble{max-width:85%;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.06)}.message-bubble p,.message-bubble small{margin:0}.message-bubble p{line-height:1.6}.message-bubble small{display:block;margin-top:8px;color:var(--muted)}.message-bubble--out{justify-self:end;background:linear-gradient(180deg,#7ee0c62e,#7ebdff1a);border-color:#7ee0c633}.message-bubble--in{justify-self:start;background:#ffffff0d}.message-composer{display:grid;gap:12px;margin-top:18px}.message-composer textarea{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#070e19eb;color:var(--text);resize:vertical}.message-composer__actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;gap:8px;padding:16px;text-align:left;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.template-card:hover{transform:translateY(-2px);border-color:#7ee0c63d}.template-card--active{background:linear-gradient(180deg,#7ee0c624,#7ebdff14);border-color:#7ee0c647}.template-card span,.template-card p{margin:0;color:var(--muted)}.settings-stack,.team-stack{display:grid;gap:16px}.team-member{display:grid;gap:16px;padding:18px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.team-member__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.team-member__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.team-member__grid label{display:grid;gap:8px;color:var(--muted)}.team-member__grid input,.team-member__grid select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#070e19eb;color:var(--text)}.team-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.permission-pills{display:flex;gap:10px;flex-wrap:wrap}.permission-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#7ebdff1f;border:1px solid rgba(126,189,255,.18);color:var(--text)}.permission-pill--muted{background:#ffffff0d;border-color:#ffffff14;color:var(--muted)}.settings-import{display:grid;gap:14px}.settings-import textarea,.customer-card__form input,.customer-card__form select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#070e19eb;color:var(--text)}.settings-chip-list{display:flex;gap:10px;flex-wrap:wrap}.settings-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(126,224,198,.16);background:#7ee0c614;color:var(--muted)}.settings-rule{display:grid;gap:14px;padding:18px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.settings-rule__header,.settings-inline-toggles,.toggle-row{display:flex;align-items:center;gap:12px}.settings-rule__header{justify-content:space-between}.settings-inline-toggles{flex-wrap:wrap}.toggle-row{color:var(--muted)}.toggle-row input{width:18px;height:18px}.settings-rule__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-actions{display:flex;gap:12px;flex-wrap:wrap}.settings-small-input{width:100px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#070e19eb;color:var(--text)}.detail-list{display:grid;gap:12px}.checklist,.quick-link-grid{display:grid;gap:14px}.checklist__item,.quick-link-card{display:flex;justify-content:space-between;gap:16px;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.06)}.checklist__item--done{background:#79d59a14;border-color:#79d59a29}.checklist__item--todo{background:#ffffff0a}.checklist__copy,.checklist__actions,.quick-link-card{display:grid;gap:8px}.checklist__copy p,.quick-link-card span{margin:0;color:var(--muted);line-height:1.6}.checklist__actions{justify-items:end;align-content:start}.quick-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-link-card{background:#ffffff0a;transition:transform .18s ease,border-color .18s ease,background .18s ease}.quick-link-card:hover{transform:translateY(-2px);border-color:#7ee0c63d;background:#7ee0c614}.detail-list__item{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.detail-list__item strong{display:block;margin-bottom:6px}.detail-list__item p{margin:0;color:var(--muted);line-height:1.6}.detail-list__item--stacked{display:grid}.bullet-stack--tight{gap:8px}.section-actions{margin-top:18px}.route-list__item,.stage-item,.stats-list__item{padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.route-list__meta{text-align:right}.alert{padding:16px;border-radius:18px;border:1px solid transparent}.alert--warning{background:#f2b96f1f;border-color:#f2b96f33}.alert--success{background:#79d59a1f;border-color:#79d59a33}.alert--info{background:#7ebdff1f;border-color:#7ebdff33}.customer-grid,.kanban-grid,.signup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-card__body,.form-grid{display:grid;gap:14px}.customer-card__meta{display:grid;gap:8px}.customer-card__meta p{margin:0}.customer-card__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-card__form label{display:grid;gap:8px;color:var(--muted)}.kanban-grid{align-items:start}.job-item{padding:14px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{display:grid;gap:8px;color:var(--muted)}.label--full{grid-column:1 / -1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#070e19eb;color:var(--text)}.calculator-result{display:grid;gap:8px;padding:16px;border-radius:18px;background:#7ee0c61f;border:1px solid rgba(126,224,198,.16)}.calculator-result span{color:var(--muted)}.calculator-result strong{font-size:1.6rem}.chart-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:end;min-height:240px}.chart-bars__item{display:flex;align-items:end;height:100%}.chart-bars__item span{width:100%;border-radius:999px 999px 12px 12px;background:linear-gradient(180deg,#7ee0c6e6,#7ebdffb3);min-height:24px}.invite-stack{display:grid;gap:14px}.invite-card,.invite-panel{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid rgba(113,130,167,.18);background:#0a101c8c}.invite-link-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,auto);gap:10px;align-items:center}.invite-link-row input{width:100%}.invite-panel .status-pill{justify-self:start}@media (max-width: 1024px){.app-shell,.hero,.content-grid,.content-grid--wide,.day-tabs,.auth-grid,.feature-grid,.metric-grid,.customer-grid,.kanban-grid,.signup-grid,.quick-link-grid{grid-template-columns:1fr}.app-shell{min-height:auto}.sidebar{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width: 720px){.marketing-shell,.app-frame,.sidebar{padding:18px}.marketing-header,.app-topbar,.page-header,.route-list__item,.stage-item,.stats-list__item,.invoice-row,.finance-row,.message-thread,.invoice-totals div,.detail-list__item,.checklist__item,.quick-link-card,.topbar__actions{flex-direction:column;align-items:flex-start}.hero h1{max-width:none}.hero-card__stats,.form-grid,.customer-card__form,.quick-link-grid{grid-template-columns:1fr}.route-map__canvas{min-height:420px}.route-map__stop{width:150px}.team-member__header,.settings-rule__header,.settings-inline-toggles,.toggle-row,.settings-actions{flex-direction:column;align-items:flex-start}.team-member__grid,.team-toggle-grid,.settings-rule__grid{grid-template-columns:1fr}.invoice-row__meta,.invoice-actions,.finance-row__meta,.finance-row__actions,.message-thread__meta,.checklist__actions{width:100%;text-align:left;justify-items:start}.invoice-actions--inline{grid-auto-flow:row}.finance-bars{grid-template-columns:repeat(3,minmax(0,1fr))}.template-grid{grid-template-columns:1fr}.message-composer__actions{justify-content:flex-start}.message-bubble{max-width:100%}.invite-link-row{grid-template-columns:1fr}}