.dashboard{--border:#e1e8e7;--border-strong:#cbd8d5;--shadow:0 2px 4px #123a3510, 0 12px 32px #123a3507;background:#f4f7f6}.dashboard-main{background:radial-gradient(at 95% 0,#e6efebaa,#0000 40%),#f4f7f6}.dashboard .sidebar{border-right:1px solid #ffffff10;box-shadow:8px 0 32px #0b2a2c08}.dashboard .sidebar-brand{letter-spacing:-.03em;font-size:17px}.dashboard .sidebar-link{border-radius:10px;min-height:44px;transition:background .18s,color .18s}.dashboard .sidebar-link[aria-current=page]{box-shadow:0 3px 12px #00000012}.dashboard .panel{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.dashboard .page-header,.dashboard .workspace-bar{border-bottom:0}.dashboard .page-header h1,.dashboard .workspace-bar h1{letter-spacing:-.045em;font-size:clamp(26px,2.4vw,34px);font-weight:650}.dashboard .btn-primary{box-shadow:0 3px 8px #0f6e6e25}.dashboard .btn-secondary{border-color:var(--border-strong);box-shadow:0 1px 3px #0b2a2c08}.dashboard a:focus-visible,.dashboard button:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.dashboard .dashboard-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:650}.dashboard .overview-page{gap:24px;max-width:1120px;margin-inline:auto}.dashboard .overview-site{color:#fff;background:radial-gradient(at 100% 0,#34645b,#0000 70%),#103b38;border-color:#214c45;padding:32px;position:relative;overflow:hidden;box-shadow:0 14px 40px #0d39351a}.dashboard .overview-site h2{color:#fff;letter-spacing:-.035em;margin-top:12px;font-size:clamp(23px,3vw,32px);font-weight:550}.dashboard .overview-site a:not(.btn-link-button),.dashboard .overview-site .muted{color:#c6e0d8}.site-card-status{color:#d4e8e1;align-items:center;gap:8px;font-size:12px;font-weight:550;display:flex}.site-card-status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.dashboard .overview-tile{gap:8px;min-height:168px;padding:28px;transition:border-color .18s,box-shadow .18s;position:relative}.dashboard a.overview-tile:hover{border-color:#89b5a7;box-shadow:0 8px 24px #123a3510}.dashboard .overview-tile .stats-number{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(30px,4vw,42px);font-weight:600;line-height:1.15}.metric-icon{color:#37685c;background:#edf4f0;border-radius:11px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:24px;right:24px}.metric-icon svg{width:18px;height:18px}.dashboard .overview-tile>.muted{padding-right:44px}.dashboard .overview-steps{gap:0}.dashboard .overview-steps li{border-bottom:1px solid var(--border);padding-block:14px}.dashboard .overview-steps li:last-child{border-bottom:0}.dashboard .workspace{grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:20px}.dashboard .chat{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:16px;overflow:hidden}.chat-heading{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:12px;padding:8px 4px 16px;display:flex}.chat-heading h2{letter-spacing:-.02em;margin:0;font-size:14px;font-weight:650}.chat-heading p{color:var(--text-muted);margin:3px 0 0;font-size:12px}.assistant-mark{color:#166b58;background:linear-gradient(135deg,#e7f4ee,#f6f2df);border:1px solid #d4e9df;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.assistant-mark svg{width:19px;height:19px}.dashboard .chat-msg-assistant{background:#f4f7f6;border-color:#0000;border-radius:12px 12px 12px 3px;max-width:100%;padding:14px;line-height:1.65}.dashboard .chat-msg-user{border-radius:12px 12px 3px;padding:12px 14px}.dashboard .chat-form textarea{background:#fafcfb;border-color:#d5e1dc;border-radius:12px}.preview-frame{background:#fff;border:1px solid #d7e1dc;border-radius:16px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 8px 32px #153b3510}.preview-heading{border-bottom:1px solid var(--border);min-height:44px;color:var(--text-muted);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;font-size:11px;display:flex}.preview-heading>span:first-child{align-items:center;gap:8px;display:flex}.preview-heading svg{width:15px;height:15px}.preview-label{color:#386454;background:#f3f7f4;border:1px solid #dfe8e3;border-radius:5px;padding:2px 7px}.dashboard .preview-frame .site-preview{height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;flex:1}@media (width>=721px) and (prefers-reduced-motion:no-preference){@keyframes workspace-enter{0%{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:none}}.dashboard-main>section{animation:.35s ease-out both workspace-enter}}@media (width<=1000px){.dashboard .workspace{grid-template-columns:1fr;height:auto}.dashboard .preview-frame{height:65svh;min-height:380px}.dashboard .chat{order:2;max-height:480px}}@media (width<=720px){.dashboard .sidebar{box-shadow:none}.dashboard .sidebar-link{min-height:44px}.dashboard .overview-site,.dashboard .overview-tile{padding:22px}.dashboard .overview-tiles{grid-template-columns:1fr;gap:14px}.dashboard .workspace-actions{flex-wrap:wrap}.dashboard .workspace{gap:14px}}@media (prefers-reduced-motion:reduce){.dashboard *,.dashboard :before,.dashboard :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@font-face{font-family:Bricolage Seilvind;src:url(/assets/bricolage-800-B11vCK3k.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--primary:#195e53;--primary-hover:#12493f;--primary-soft:#e9f6ee;--ink:#153d39;--bg:#f9faf6;--bg-subtle:#f3f7f3;--surface:#fff;--border:#e1e9e3;--border-strong:#d2dfd6;--text:#153d39;--text-secondary:#47655a;--text-muted:#697e73;--mint:#c9f0dc;--sky:#e8f4e9;--sun:#d7ea5d;--coral:#edaf91;--radius:14px;--shadow:0 3px 14px #1e4e3a0e;--shadow-lg:0 20px 60px #1e4e3a1a;--display-font:"Bricolage Seilvind", var(--font-body)}:where(h1,h2,h3,.sidebar-brand,.auth-wordmark){color:var(--ink)}:where(h1,.page-header h1,.workspace-bar h1){letter-spacing:-.045em}:where(button,.btn-primary,.btn-secondary,.btn-google,.btn-link-button){font-weight:650}:where(input:not([type=checkbox]):not([type=radio]),textarea,select){background-color:#fff}:where(input,textarea,select):focus-visible,:where(button,a,[role=button]):focus-visible{outline-offset:3px;outline:3px solid #8dcdb1}.auth-page{background:#f9faf6;grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);align-items:stretch;gap:clamp(20px,3.4vw,60px);min-height:100svh;padding:clamp(14px,2vw,28px);display:grid}.auth-showcase{isolation:isolate;background:radial-gradient(circle at 88% 17%,#e0efa1 0,#0000 25%),linear-gradient(145deg,#dff5e6 0%,#d0ede3 55%,#eef8dc 100%);border:1px solid #cee8d9;border-radius:28px;flex-direction:column;min-height:min(850px,100svh - 56px);padding:clamp(26px,3.4vw,52px);display:flex;position:relative;overflow:hidden}.auth-showcase:before{content:"";z-index:-1;border:1px solid #195e5333;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-195px;right:-200px;box-shadow:0 0 0 44px #ffffff1c,0 0 0 90px #ffffff14}.auth-wordmark{width:fit-content;font:800 24px/1 var(--display-font);letter-spacing:-.06em;color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.auth-wordmark-symbol{background:#fff;border:1px solid #bfdece;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 5px 20px #174b3512}.auth-wordmark-symbol svg{width:27px;height:27px}.auth-showcase-content{flex-direction:column;flex:1;justify-content:center;max-width:640px;margin-inline:auto;padding-top:56px;display:flex}.auth-showcase-eyebrow,.auth-form-kicker{color:var(--primary);letter-spacing:.17em;font-size:11px;font-weight:800;display:block}.auth-showcase h2{max-width:560px;font:800 clamp(36px,4vw,64px)/1.07 var(--display-font);letter-spacing:-.062em;margin:20px 0 22px}.auth-showcase h2 em{color:#217c60;font-style:normal}.auth-showcase-content>p{color:#4d7060;max-width:540px;font-size:clamp(15px,1.3vw,18px);line-height:1.68}.auth-showcase-footnote{color:#58746a;margin-top:36px;font-size:13px}.auth-website-example{background:#fff;border:1px solid #c3dccd;border-radius:18px;width:100%;max-width:455px;margin:46px 0 14px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 28px 56px #1f58432b}.auth-example-browser{color:#6d867a;background:#fff;border-bottom:1px solid #e7eee7;align-items:center;gap:6px;padding:12px 17px;display:flex}.auth-example-browser>span{background:#dbe8dc;border-radius:50%;width:7px;height:7px}.auth-example-browser>span:first-child{background:#efaf91}.auth-example-browser strong{margin-left:auto;font-size:10px;font-weight:600}.auth-example-content{background:linear-gradient(130deg,#f4f8ec,#e6f3df 70%,#ccebd9);flex-direction:column;align-items:flex-start;padding:31px 36px 42px;display:flex}.auth-example-kicker{color:#376b55;letter-spacing:.12em;font-size:10px;font-weight:800}.auth-example-content>strong{max-width:320px;font:800 clamp(24px,3vw,38px)/1.08 var(--display-font);letter-spacing:-.05em;margin:12px 0}.auth-example-paragraph{color:#507365;font-size:13px}.auth-example-cta{color:#fff;background:#195e53;border-radius:99px;align-items:center;gap:20px;margin-top:22px;padding:10px 18px;font-size:12px;font-weight:700;display:inline-flex}.auth-form-area{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:clamp(20px,3vw,64px);display:flex}.auth-card{text-align:left;background:#fff;border:1px solid #e2ebe5;border-radius:24px;width:100%;max-width:470px;padding:42px 44px;box-shadow:0 18px 64px #1b463112}.auth-card h1{font:800 clamp(30px,2.9vw,43px)/1.1 var(--display-font);letter-spacing:-.05em;margin:14px 0 10px}.auth-form-intro{color:var(--text-muted);margin:0 0 30px;font-size:15px;line-height:1.65}.auth-card form{gap:18px}.auth-card form .btn-primary{width:100%;min-height:50px}.auth-card .btn-link{text-align:center;margin:18px auto 0;display:block}.auth-card .field .btn-link{align-self:flex-end;margin:3px 0 0;font-size:13px}.auth-card .field input{background:#fafffc;border-color:#d6e6db}.auth-card .field input:focus{background:#fff}.auth-page .btn-primary{background:var(--primary);border:1px solid var(--primary);box-shadow:0 8px 20px #195e5322}.auth-page .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #195e532e}.auth-page .btn-secondary,.auth-page .btn-google{border:1px solid var(--border);background:#fff}.auth-form-footer{color:#7a8c80;text-align:center;margin-top:24px;font-size:12px}.auth-form-footer a{color:inherit}.auth-mobile-brand{display:none}.dashboard{--primary:#195e53;--primary-hover:#12493f;--border:#e0e9e2;--border-strong:#cadbd0;--shadow:0 2px 9px #244f3710,0 12px 30px #244f3706;background:#f7faf6}.dashboard-main{background:radial-gradient(at 92% 0,#e9f4e544,#0000 35%),#f7faf6;min-width:0;max-width:none;padding:34px clamp(24px,3.2vw,54px) 80px}.dashboard-main>section{max-width:1250px;margin-left:auto;margin-right:auto}.dashboard-main:has(.site-workspace)>section{max-width:none}.dashboard .sidebar{color:#275746;box-shadow:none;background:#f1f8f2;border-right:1px solid #dce9df;gap:30px;padding:26px 16px}.dashboard .sidebar-brand{font:800 22px/1 var(--display-font);letter-spacing:-.055em;color:var(--ink)}.dashboard .sidebar-brand svg{stroke:var(--primary);background:#fff;border-radius:12px;width:34px;height:34px;padding:5px;box-shadow:0 4px 12px #195e5314}.dashboard .sidebar-toggle{color:#547767;border-radius:10px}.dashboard .sidebar-toggle:hover{color:#195e53;background:#dceee0}.dashboard .sidebar-link{color:#4c6f61;border:1px solid #0000;border-radius:12px;gap:12px;min-height:45px;padding:6px 11px;font-weight:600}.dashboard .sidebar-link svg{background:0 0;border-radius:9px;width:30px;height:30px;padding:6px}.dashboard .sidebar-link:hover{color:var(--ink);background:#e5f2e8;transform:none}.dashboard .sidebar-link:hover svg{background:#d6e9dd}.dashboard .sidebar-link[aria-current=page]{color:#195e53;background:#fff;border-color:#c9e5d5;box-shadow:0 3px 12px #195e5310}.dashboard .sidebar-link[aria-current=page] svg{color:#195e53;box-shadow:none;background:#e1f6e9}.dashboard .sidebar-user{border-top-color:#d9e8dd;gap:10px}.dashboard .user-email{color:#436356}.dashboard .user-chip{color:#275746;border-radius:12px}.dashboard .account-menu summary:hover,.dashboard .account-menu[open] summary{color:#195e53;background:#e0efe5}.dashboard .avatar{color:#195e53;background:#d0eada;border:1px solid #badcca}.dashboard .account-dropdown{background:#fff;border:1px solid #dbe9df;border-radius:14px;box-shadow:0 14px 35px #24533820}.dashboard .sidebar-user .btn-secondary{color:var(--primary);border-color:var(--border);background:#fff}.dashboard .sidebar-user .btn-primary{background:var(--primary);color:#fff}.dashboard .sidebar-user .btn-primary:hover:not(:disabled){background:var(--primary-hover)}.dashboard-topbar{background:#fffc;border-bottom:1px solid #e0eae2;justify-content:space-between;align-items:center;gap:20px;min-height:83px;margin:-34px calc(-1*clamp(24px,3.2vw,54px)) 32px;padding:18px clamp(24px,3.2vw,54px);display:flex}.topbar-location{flex-direction:column;gap:4px;min-width:0;display:flex}.topbar-kicker{color:#769084;letter-spacing:.15em;font-size:10px;font-weight:750}.topbar-section{color:var(--ink);font-size:17px;font-weight:750}.topbar-actions{align-items:center;gap:18px;display:flex}.topbar-site-link{color:#547769;align-items:center;gap:6px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.topbar-site-link svg{width:15px;height:15px}.dashboard .topbar-create{color:#fff;background:#195e53;border:1px solid #195e53;border-radius:999px;padding:11px 18px;font-size:13px;text-decoration:none;box-shadow:0 5px 14px #195e5320}.dashboard .topbar-create svg{width:15px;height:15px}.dashboard .topbar-create:hover{background:#12493f;box-shadow:0 8px 22px #195e5328}.dashboard .page-header{gap:9px;margin-bottom:26px;padding:0}.dashboard .page-header h1,.dashboard .workspace-bar h1{font:800 clamp(28px,2.7vw,38px)/1.1 var(--display-font);letter-spacing:-.048em;color:var(--ink)}.dashboard .page-header p{color:#708276;line-height:1.6}.dashboard .dashboard-eyebrow{color:#1c7760;letter-spacing:.16em}.dashboard .panel,.dashboard .card,.dashboard .plan-card{background:#fff;border:1px solid #e0e9e2;border-radius:18px;box-shadow:0 3px 14px #224a3710}.dashboard .panel.notice{background:#fff9e7;border-color:#f0e4ad}.dashboard .panel>h2:before,.dashboard .order-header>h2:before{background:#d7ea5d;border:0;width:8px;height:8px}.dashboard .btn-primary{background:#195e53;border:1px solid #195e53;border-radius:999px;box-shadow:0 4px 14px #195e5326}.dashboard .btn-primary:hover:not(:disabled){background:#12493f;transform:translateY(-1px);box-shadow:0 8px 20px #195e5326}.dashboard .btn-secondary{color:#285c48;background:#fff;border:1px solid #d6e3d9;border-radius:999px;box-shadow:0 2px 7px #214a3710}.dashboard .btn-secondary:hover:not(:disabled){background:#f5faf6;box-shadow:0 4px 12px #214a3715}.dashboard :where(input:not([type=checkbox]):not([type=radio]),textarea,select){box-shadow:none;background-color:#fcfefd;border-color:#d9e7df;border-radius:12px}.dashboard :where(input,textarea,select):focus{box-shadow:0 0 0 4px #228e5b1f}.dashboard .pill{border-radius:999px;padding:4px 10px;font-weight:650}.dashboard .pill-live{color:#206c47;background:#e4f5e9}.dashboard .pill-warn{color:#925a16;background:#fff1d2}.dashboard .pill-muted{color:#607568;background:#f2f5f2}.dashboard .overview-page{gap:24px}.dashboard .overview-site{color:#fff;background:radial-gradient(at 100% 0,#5ca07a61,#0000 62%),linear-gradient(125deg,#153d39,#1a5c4d);border-color:#245a4c;min-height:184px;padding:36px;box-shadow:0 18px 44px #153d3920}.dashboard .overview-site h2{font:800 clamp(26px,3.1vw,37px)/1.15 var(--display-font);color:#fff}.dashboard .overview-site .btn-secondary{color:#244c32;background:#d7ea5d;border-color:#0000}.dashboard .overview-site .btn-secondary:hover{background:#e2f182}.dashboard .overview-tile{min-height:184px;padding:30px}.dashboard .overview-tile .stats-number{font:800 clamp(30px,3vw,43px)/1.1 var(--display-font);letter-spacing:-.05em}.dashboard .metric-icon{color:#1e7958;background:#e6f5e9}.dashboard .overview-steps li{padding-block:16px}.dashboard .overview-check{border-color:#cce4d3}.dashboard .overview-steps .is-done .overview-check{background:#195e53}.dashboard .chat,.dashboard .preview-frame{border-color:#dbe8df;border-radius:18px;box-shadow:0 6px 28px #173e3610}.dashboard .chat{background:#fff}.dashboard .chat-msg-assistant{background:#f3f8f4;border:1px solid #e3eee5}.dashboard .chat-msg-user{color:#fff;background:#195e53}.dashboard .assistant-mark{color:#195e53;background:#e9f7e9;border-color:#cee5d6}.dashboard .preview-heading{background:#fbfdfb;border-color:#e0e9e2}.dashboard .plan-card-current{background:#f1faef;border-color:#b2dcbf}.dashboard .plan-card-current h3:after{background:#d7ea5d;border:0}.dashboard .gen-scene{background:linear-gradient(#e6f4e5,#f7fbf3)}.dashboard .gen-sun{background:#d7ea5d;box-shadow:0 0 0 9px #d7ea5d40}.dashboard .gen-cloud{stroke:#195e53}@media (width<=1080px){.auth-page{grid-template-columns:1fr minmax(360px,.95fr);gap:14px}.auth-showcase{padding:28px}.auth-form-area{padding:20px}.auth-card{padding:32px}}@media (width<=880px){.auth-page{padding:22px;display:block}.auth-showcase{display:none}.auth-form-area{min-height:calc(100svh - 44px)}.auth-mobile-brand{color:#195e53;font:800 23px var(--display-font);margin-bottom:28px;display:block}.auth-mobile-brand span{color:#8baa4b}}@media (width<=720px){.dashboard .sidebar{background:#fff;border-bottom:1px solid #dce9df;padding:13px 16px}.dashboard .sidebar-brand{font-size:21px}.dashboard .sidebar nav{background:#f9fcf9;border-top:1px solid #d9e7dd;box-shadow:0 -4px 18px #1b4b3412}.dashboard .sidebar-link{color:#718c7b;background:0 0;border:0;min-height:52px;font-size:10px}.dashboard .sidebar-link[aria-current=page]{color:#195e53;box-shadow:none;background:#e5f4e7;border:0}.dashboard .sidebar-link svg{width:26px;height:26px}.dashboard-main{padding:22px 16px calc(100px + env(safe-area-inset-bottom))}.dashboard-topbar{min-height:70px;margin:-22px -16px 24px;padding:14px 16px}.topbar-site-link{display:none}.topbar-create{padding:9px 12px!important}.topbar-kicker{font-size:9px}.topbar-section{font-size:15px}.dashboard .overview-site,.dashboard .overview-tile{padding:22px}.dashboard .page-header h1,.dashboard .workspace-bar h1{font-size:30px}}@media (width<=480px){.auth-page{padding:0}.auth-form-area{min-height:100svh;padding:24px 17px}.auth-card{border-radius:22px;padding:26px 24px}.topbar-create svg{display:none}.dashboard .sidebar-brand svg{width:29px;height:29px}}@media (prefers-reduced-motion:reduce){.auth-page *,.dashboard *{transition:none!important;animation:none!important}.auth-website-example{transform:none}}
