:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0b1220;--ink-soft:#243044;--muted:#5c6b7a;--line:#0b122014;--line-strong:#0b122024;--bg:#eef2f6;--bg-elevated:#f7f9fc;--surface:#fff;--surface-2:#f3f6fa;--accent:#0f7a66;--accent-soft:#d8f0e8;--accent-deep:#0a5a4b;--warn:#b45309;--warn-soft:#fff1de;--danger:#b42318;--danger-soft:#fde8e6;--ok:#0f7a66;--ok-soft:#d8f0e8;--shadow-sm:0 1px 2px #0b12200a;--shadow-md:0 12px 40px #0b122014;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--font-display:"Fraunces", Georgia, serif;--font-sans:"Manrope", "Segoe UI", sans-serif;--nav-w:260px;--ease:cubic-bezier(.22, 1, .36, 1);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:var(--bg);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}::selection{background:var(--accent-soft);color:var(--accent-deep)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mesh{pointer-events:none;background:radial-gradient(60% 50% at 12% 8%,#1fa88a2e,#0000 55%),radial-gradient(45% 40% at 88% 12%,#2430441a,#0000 50%),radial-gradient(50% 45% at 70% 85%,#0f7a6614,#0000 55%),linear-gradient(#f4f7fb 0%,#e8eef5 100%);position:absolute;inset:0}.grain{pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.display{font-family:var(--font-display);letter-spacing:-.03em;font-weight:600;line-height:1.05}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn{cursor:pointer;transition:transform .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.15rem;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn-primary{background:var(--ink);color:#f8fafc;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#172033}.btn-accent{background:var(--accent);color:#f4fffb}.btn-accent:hover{background:var(--accent-deep)}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn-ghost:hover{background:#ffffffb3;border-color:#0b122033}.btn-soft{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-soft:hover{border-color:var(--line-strong)}.field{gap:.45rem;display:grid}.field label{color:var(--ink-soft);font-size:.8125rem;font-weight:600}.field input{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);border-radius:12px;padding:.85rem .95rem}.field input:focus{border-color:#0f7a668c;outline:none;box-shadow:0 0 0 4px #0f7a661f}.field input::placeholder{color:#8a97a6}.badge{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.75rem;font-weight:650;display:inline-flex}.badge-ok{background:var(--ok-soft);color:var(--accent-deep)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--surface-2);color:var(--ink-soft);border-color:var(--line)}.stack-strip{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.35rem;display:inline-flex}.stack-chip{letter-spacing:.02em;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.28rem .55rem;font-size:.7rem;font-weight:650}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.panel-quiet{border:1px solid var(--line);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff9e}.progress{background:#0b12200f;border-radius:999px;height:6px;overflow:hidden}.progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-deep), var(--accent));height:100%;display:block}.app-shell{grid-template-columns:var(--nav-w) 1fr;background:radial-gradient(40% 30% at 0% 0%, #0f7a6614, transparent 60%), var(--bg);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f9fce0;flex-direction:column;gap:1.5rem;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;padding:.35rem .5rem;display:flex}.brand-mark{background:var(--ink);color:#e8f3ef;width:34px;height:34px;font-family:var(--font-display);border-radius:10px;place-items:center;font-size:1.05rem;font-weight:700;display:grid;position:relative}.brand-mark:after{content:"";background:#1fa88a;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.brand-copy strong{letter-spacing:-.02em;font-size:.95rem;display:block}.brand-copy span{color:var(--muted);font-size:.75rem;display:block}.nav-list{gap:.3rem;display:grid}.nav-link{color:var(--muted);transition:background .16s var(--ease), color .16s var(--ease);border-radius:12px;align-items:center;gap:.7rem;padding:.7rem .8rem;font-size:.9rem;font-weight:600;display:flex}.nav-link:hover{color:var(--ink);background:#0b12200a}.nav-link.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);border:1px solid var(--line)}.main{min-width:0;padding:1.5rem 1.75rem 2.5rem}.page-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{margin:.35rem 0 0;font-size:clamp(1.7rem,2vw,2.1rem)}.page-header p{color:var(--muted);max-width:42ch;margin:.4rem 0 0}.grid-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-bottom:1.1rem;display:grid}.stat{padding:1rem 1.1rem}.stat .label{color:var(--muted);font-size:.8rem;font-weight:600}.stat .value{font-family:var(--font-display);letter-spacing:-.03em;margin-top:.55rem;font-size:2rem}.stat .hint{color:var(--muted);margin-top:.35rem;font-size:.78rem}.grid-main{grid-template-columns:1.55fr .95fr;gap:.9rem;display:grid}.section-title{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem .35rem;display:flex}.section-title h2{letter-spacing:-.02em;margin:0;font-size:1rem}.section-title span{color:var(--muted);font-size:.8rem;font-weight:600}.row-list{display:grid}.row{border-top:1px solid var(--line);transition:background .14s var(--ease);grid-template-columns:1.4fr .9fr .7fr .8fr;align-items:center;gap:.75rem;padding:.95rem 1.1rem;display:grid}.row:hover{background:#0f7a6608}.row-title{letter-spacing:-.01em;font-weight:650}.row-meta{color:var(--muted);margin-top:.2rem;font-size:.8rem}.activity{gap:0;display:grid}.activity-item{border-top:1px solid var(--line);grid-template-columns:12px 1fr;gap:.85rem;padding:.95rem 1.1rem;display:grid}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-top:.4rem}.dot.risk{background:var(--danger)}.dot.milestone{background:#2563eb}.dot.note{background:#64748b}.marketing{min-height:100vh;position:relative;overflow:hidden}.marketing-inner{z-index:1;width:min(1120px,100% - 2rem);margin:0 auto;position:relative}.topbar{justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.hero{align-content:center;gap:1.5rem;min-height:calc(100vh - 5.5rem);padding:2rem 0 4rem;display:grid}.hero h1{max-width:11ch;margin:0;font-size:clamp(3rem,8vw,5.6rem)}.hero .lede{max-width:38ch;color:var(--ink-soft);margin:0;font-size:1.125rem;line-height:1.55}.cta-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hero-stage{border-radius:var(--radius-lg);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);background:linear-gradient(#ffffffd1,#ffffff8c),linear-gradient(135deg,#0f7a6614,#0000 40%);min-height:280px;margin-top:1rem;position:relative;overflow:hidden}.hero-stage:before{content:"";background:linear-gradient(90deg,#0000 0 18%,#0b122009 18% 18.2%,#0000 18.2%),linear-gradient(#0000 0 22%,#0b122009 22% 22.2%,#0000 22.2%);position:absolute;inset:0}.hero-panel{gap:1rem;padding:1.25rem;display:grid;position:relative}.hero-panel-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hero-kicker{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.hero-metric{border:1px solid var(--line);background:#ffffffb8;border-radius:14px;padding:.9rem}.hero-metric strong{font-family:var(--font-display);margin-top:.2rem;font-size:1.55rem;display:block}.hero-metric span{color:var(--muted);font-size:.78rem;font-weight:600}.auth-layout{place-items:center;min-height:100vh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.auth-card{z-index:1;border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border-radius:22px;padding:1.75rem;position:relative}.auth-card h1{margin:.6rem 0 .35rem;font-size:2rem}.auth-card .sub{color:var(--muted);margin:0 0 1.4rem}.auth-form{gap:.9rem;display:grid}.form-error{background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:.75rem .85rem;font-size:.875rem;font-weight:600}.auth-foot{color:var(--muted);margin-top:1.1rem;font-size:.875rem}.table-wrap{overflow:auto}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.client-card{transition:transform .18s var(--ease), box-shadow .18s var(--ease);gap:.85rem;padding:1.15rem;display:grid}.client-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.client-top{justify-content:space-between;gap:.75rem;display:flex}.avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-deep);border-radius:12px;place-items:center;font-weight:700;display:grid}.detail-grid{grid-template-columns:1.4fr .8fr;gap:.9rem;display:grid}.detail-hero{gap:1rem;padding:1.35rem;display:grid}.detail-hero h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3vw,2.4rem)}.meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.meta-box{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:.85rem}.meta-box span{color:var(--muted);font-size:.75rem;font-weight:650;display:block}.meta-box strong{margin-top:.35rem;font-size:.95rem;display:block}.mobile-nav-toggle{display:none}@media (width<=1100px){.grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main,.detail-grid{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:40;width:min(280px,86vw);transition:transform .22s var(--ease);box-shadow:var(--shadow-md);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.mobile-nav-toggle{display:inline-flex}.main{padding:1rem 1rem 2rem}.clients-grid,.hero-metrics,.meta-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.hero h1{max-width:12ch}}