:root{--bg-950:#020617;--bg-925:#030a18;--bg-900:#07111f;--bg-850:#0b1628;--bg-800:#0f1b30;--panel-strong:#0f172ae0;--panel:#0f172abd;--panel-soft:#0f172a8f;--panel-muted:#02061770;--line:#94a3b824;--line-strong:#94a3b838;--line-blue:#38bdf842;--line-blue-strong:#38bdf87a;--text:#f8fafc;--text-soft:#cbd5e1;--text-muted:#94a3b8;--text-faint:#64748b;--blue:#38bdf8;--blue-strong:#1d8fff;--cyan:#14b8a6;--green:#22c55e;--amber:#f59e0b;--orange:#f97316;--purple:#8b5cf6;--red:#ef4444;--radius-xl:18px;--radius-2xl:24px;--radius-3xl:30px;--radius-4xl:36px;--shadow-soft:0 20px 70px #00000042;--shadow-card:0 26px 90px #00000057;--shadow-glow:0 0 70px #38bdf81f;--sidebar-width:318px;--topbar-height:74px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-950);min-height:100%;color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}body:before{content:"";z-index:-3;pointer-events:none;background:radial-gradient(circle at 10% 8%,#38bdf82e,#0000 30rem),radial-gradient(circle at 92% 18%,#1d8fff24,#0000 34rem),radial-gradient(circle at 80% 92%,#14b8a624,#0000 34rem),linear-gradient(135deg,#020617 0%,#061025 48%,#020617 100%);position:fixed;inset:0}body:after{content:"";z-index:-2;pointer-events:none;opacity:.32;background-image:linear-gradient(#94a3b809 1px,#0000 1px),linear-gradient(90deg,#94a3b809 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at top,#000,#0000 78%);mask-image:radial-gradient(circle at top,#000,#0000 78%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.45}::selection{background:#38bdf852}.rootBackground{min-height:100vh}h1,h2,h3{color:var(--text)}h1{letter-spacing:-.085em;margin-bottom:18px;font-size:clamp(54px,6vw,96px);line-height:.88}h2{letter-spacing:-.065em;margin-bottom:14px;font-size:clamp(34px,3.5vw,56px);line-height:.92}h3{letter-spacing:-.035em}.eyebrow,.sectionLabel{color:var(--blue);letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:950}.intro{max-width:820px;color:var(--text-soft);font-size:18px;line-height:1.58}.helperText{max-width:760px;color:var(--text-soft);margin-bottom:28px;font-size:16px;line-height:1.62}.smallHeading{color:var(--text);letter-spacing:.08em;text-transform:uppercase;margin:28px 0 14px;font-size:14px;font-weight:950}.appFrame{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:radial-gradient(circle at 0 0,#38bdf814,#0000 30rem),0 0;min-height:100vh;display:grid}.appSidebar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#020617f0,#030a18e6),radial-gradient(circle at 0 0,#38bdf81f,#0000 17rem);border-right:1px solid #94a3b81f;flex-direction:column;height:100vh;padding:28px 20px 24px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:inset -1px 0 #ffffff08,20px 0 80px #00000047}.appSidebar:before{content:"";opacity:.55;background:linear-gradient(#0000,#38bdf86b,#0000);width:1px;height:100%;position:absolute;top:0;right:-1px}.appBrand{align-items:center;gap:14px;margin:0 8px 38px;display:flex}.appBrandMark{color:#fff;letter-spacing:-.06em;background:radial-gradient(circle at 30% 25%,#ffffff61,#0000 26%),linear-gradient(135deg,#38bdf8,#1d8fff 54%,#14b8a6);border-radius:19px;justify-content:center;align-items:center;width:58px;height:58px;font-size:30px;font-weight:950;display:flex;box-shadow:0 18px 44px #1d8fff47,inset 0 1px #ffffff47}.appBrand strong{letter-spacing:-.055em;text-transform:uppercase;font-size:24px;line-height:.95;display:block}.appBrand span{color:var(--blue);letter-spacing:.24em;text-transform:uppercase;margin-top:5px;font-size:10px;font-weight:950;display:block}.appNav{gap:7px;display:grid}.appNavLink{min-height:54px;color:var(--text-soft);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:0 15px;font-size:15px;font-weight:780;transition:transform .18s,background .18s,border-color .18s,color .18s;display:flex;position:relative}.appNavLink:before{content:"";width:8px;height:8px;box-shadow:none;background:0 0;border-radius:999px;transition:all .18s}.appNavLink:hover{color:#fff;background:#0f172ab8;transform:translate(2px)}.appNavActive{color:#fff;background:radial-gradient(circle at 100%,#38bdf82e,#0000 72%),#0ea5e924;border:1px solid #38bdf82e;box-shadow:inset 0 1px #ffffff0a,0 14px 32px #0ea5e914}.appNavActive:before{background:var(--blue);box-shadow:0 0 18px #38bdf8d9}.appNavLink em{color:#c4b5fd;letter-spacing:.08em;text-transform:uppercase;background:#5850ec38;border:1px solid #8b5cf647;border-radius:999px;padding:6px 9px;font-size:10px;font-style:normal;font-weight:950}.appNavDisabled{opacity:.45;cursor:not-allowed}.appNavDisabled:hover{background:0 0;transform:none}.appSidebarSnapshot{box-shadow:var(--shadow-soft), inset 0 1px 0 #ffffff0a;background:radial-gradient(circle at 100% 0,#38bdf824,#0000 68%),linear-gradient(#0f172ac7,#0206177a);border:1px solid #94a3b824;border-radius:26px;gap:18px;margin:auto 0 22px;padding:20px;display:grid}.appSidebarSnapshot>p{color:var(--blue);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:950}.appSidebarStats{gap:14px;display:grid}.appSidebarStats div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.appSidebarStats span{color:var(--text-muted);font-size:13px}.appSidebarStats strong{color:#fff;letter-spacing:-.06em;font-size:26px;line-height:1}.appSidebarEmpty{color:var(--text-muted);font-size:14px;line-height:1.5}.appSidebarButton{color:#bae6fd;background:#38bdf81f;border:1px solid #38bdf833;border-radius:15px;justify-content:center;align-items:center;min-height:48px;font-weight:950;transition:all .18s;display:inline-flex}.appSidebarButton:hover{background:#38bdf82e;transform:translateY(-1px)}.appSidebarFooter{background:#0f172a75;border:1px solid #94a3b81c;border-radius:20px;padding:16px}.appSidebarFooter span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.appSidebarFooter strong{color:var(--text-soft);word-break:break-word;margin-top:6px;font-size:13px;display:block}.appMain{min-width:0;padding:24px 28px 44px}.appTopbar{min-height:var(--topbar-height);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0f172ac2,#02061775);border:1px solid #94a3b81f;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:12px 14px 12px 20px;display:flex;box-shadow:0 18px 60px #00000038,inset 0 1px #ffffff0a}.shopSelector{background:#0206173d;border:1px solid #94a3b81a;border-radius:16px;align-items:center;gap:9px;min-height:48px;padding:0 16px;display:flex}.shopSelector span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:950}.shopSelector strong{letter-spacing:-.02em;font-size:15px}.topbarRight{align-items:center;gap:12px;display:flex}.topbarAction{background:linear-gradient(135deg, var(--blue-strong), #2563eb);color:#fff;border-radius:15px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:950;display:inline-flex;box-shadow:0 18px 36px #1d8fff33}.userPill{background:#0206176b;border:1px solid #94a3b81f;border-radius:999px;align-items:center;gap:11px;min-height:48px;padding:0 15px 0 8px;display:flex}.userPill span{color:#fff;background:radial-gradient(circle at 30% 25%,#ffffff42,#0000 34%),linear-gradient(135deg,#2563eb,#1d8fff);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:950;display:flex;box-shadow:0 0 28px #1d8fff38}.userPill strong{color:var(--text-soft);font-size:13px}.appPageHeader{min-height:280px;box-shadow:var(--shadow-card), var(--shadow-glow);background:radial-gradient(circle at 82% 48%,#1d8fff38,#0000 21rem),radial-gradient(circle at 0 0,#38bdf821,#0000 34rem),linear-gradient(135deg,#0f172ad6,#02061770);border:1px solid #94a3b824;border-radius:34px;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:24px;padding:42px;display:flex;position:relative;overflow:hidden}.appPageHeader:after{content:"";opacity:.72;pointer-events:none;border:1px solid #38bdf829;border-radius:999px;width:360px;height:180px;position:absolute;top:22%;right:6%;transform:rotate(-12deg)}.appPageHeader>div{z-index:1;position:relative}.appPageHeader p{color:var(--blue);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:950}.appPageHeader h1{letter-spacing:-.085em;max-width:860px;margin-top:16px;font-size:clamp(54px,6vw,92px);line-height:.88}.appPageHeader span{max-width:800px;color:var(--text-soft);margin-top:22px;font-size:18px;line-height:1.6;display:block}.appPageActions{z-index:1;flex:none;position:relative}.appContent{min-width:0}.dashboardHeaderActions{gap:12px;display:flex}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.statCard,.dashboardPanel,.workflowCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0f172ac7,#02061766);border:1px solid #94a3b81f;position:relative;overflow:hidden;box-shadow:0 22px 70px #0000003d,inset 0 1px #ffffff09}.statCard:before,.dashboardPanel:before,.workflowCard:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#38bdf817,#0000 62%);position:absolute;inset:0}.statCard{border-radius:28px;min-height:178px;padding:24px}.statCard span,.workflowCard span{color:var(--blue);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:950;display:block;position:relative}.statCard strong{color:#fff;letter-spacing:-.085em;margin-top:18px;font-size:56px;line-height:.92;display:block;position:relative}.statCard p{color:var(--text-muted);margin-top:14px;line-height:1.5;position:relative}.attentionStat{background:radial-gradient(circle at 100% 0,#f9731621,#0000 62%),linear-gradient(145deg,#0f172acc,#0206176b);border-color:#f973162e}.successStat{background:radial-gradient(circle at 100% 0,#22c55e21,#0000 62%),linear-gradient(145deg,#0f172acc,#0206176b);border-color:#22c55e2e}.dashboardGrid{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:18px;margin-bottom:18px;display:grid}.dashboardPanel{border-radius:30px;padding:28px}.panelHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex;position:relative}.panelHeader h2{color:#fff;letter-spacing:-.06em;font-size:clamp(30px,3vw,44px);line-height:.96}.panelLink{color:var(--blue);white-space:nowrap;font-size:13px;font-weight:950}.emptyDashboardState,.emptyLines{color:var(--text-muted);background:#02061752;border:1px dashed #94a3b838;border-radius:22px;padding:22px}.emptyDashboardState strong{color:#fff;letter-spacing:-.02em;font-size:18px;display:block}.emptyDashboardState p{color:var(--text-muted);margin-top:8px;line-height:1.5}.attentionList,.activityFeed{gap:12px;display:grid;position:relative}.attentionItem{background:#0206175c;border:1px solid #94a3b81f;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;transition:all .18s;display:grid}.attentionItem:hover,.activityItem:hover,.workflowCard:hover,.choiceCard:hover{background:radial-gradient(circle at 100% 0,#38bdf81c,#0000 68%),#0ea5e912;border-color:#38bdf84d;transform:translateY(-2px)}.attentionItem strong{color:#fff;font-size:17px;line-height:1.25;display:block}.attentionItem span{color:var(--text-muted);margin-top:6px;font-size:13px;line-height:1.35;display:block}.attentionItem em{color:#fdba74;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#f9731624;border:1px solid #f973163d;border-radius:999px;padding:8px 11px;font-size:11px;font-style:normal;font-weight:950;display:inline-flex}.activityItem{background:#0206175c;border:1px solid #0000;border-radius:20px;align-items:center;gap:14px;padding:16px;transition:all .18s;display:flex}.activityDot{background:radial-gradient(circle at 30% 25%,#ffffff42,#0000 34%),linear-gradient(135deg,#1d8fff,#2563eb);border-radius:14px;flex:none;width:40px;height:40px;box-shadow:0 0 28px #1d8fff47}.activityItem strong{color:#fff;font-size:15px;line-height:1.25;display:block}.activityItem span{color:var(--text-muted);margin-top:5px;font-size:13px;line-height:1.35;display:block}.quickActionsPanel .workflowGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.workflowCard{border-radius:26px;flex-direction:column;min-height:224px;padding:24px;transition:all .18s;display:flex}.workflowCard strong{color:#fff;letter-spacing:-.055em;margin-top:18px;font-size:27px;line-height:1.02;display:block;position:relative}.workflowCard p{color:var(--text-soft);margin-top:14px;line-height:1.58;position:relative}.workflowCard em{color:var(--blue);margin-top:auto;font-style:normal;font-weight:950;display:inline-block;position:relative}.primaryButton,.secondaryButton,.ghostButton{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;min-height:54px;padding:0 24px;font-weight:950;transition:transform .18s,filter .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.primaryButton{color:#fff;background:radial-gradient(circle at 30% 25%,#fff3,#0000 32%),linear-gradient(135deg,#1d8fff,#2563eb 58%,#14b8a6);box-shadow:0 20px 48px #1d8fff42,inset 0 1px #ffffff2e}.primaryButton:hover{filter:brightness(1.08);transform:translateY(-1px)}.primaryButton:disabled{cursor:not-allowed;opacity:.38;filter:none;transform:none}.secondaryButton{color:#bae6fd;background:#38bdf81f;border:1px solid #38bdf833}.secondaryButton:hover{background:#38bdf82e;border-color:#38bdf857;transform:translateY(-1px)}.ghostButton{color:var(--text-soft);background:#0f172a75;border:1px solid #94a3b82e}.ghostButton:hover{background:#0f172ab3;border-color:#94a3b84d;transform:translateY(-1px)}.appShell{background:radial-gradient(circle at 0 0,#38bdf824,#0000 34rem),radial-gradient(circle at 100% 100%,#14b8a61a,#0000 30rem),#020617;min-height:100vh;padding:32px}.quotePanel{width:100%;max-width:1440px;margin:0 auto}.topBar{box-shadow:var(--shadow-card);background:radial-gradient(circle at 82%,#1d8fff2e,#0000 24rem),linear-gradient(135deg,#0f172ad1,#0206176b);border:1px solid #94a3b824;border-radius:34px;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:22px;padding:34px;display:flex;position:relative;overflow:hidden}.statusPill{color:#bae6fd;background:#0f172ab8;border:1px solid #38bdf852;border-radius:999px;flex:none;padding:10px 14px;font-size:13px;font-weight:900}.stepTrack{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-bottom:18px;display:grid}.step{min-height:58px;color:var(--text-muted);cursor:pointer;text-align:left;background:#0f172a9e;border:1px solid #94a3b824;border-radius:18px;padding:12px;transition:all .18s}.step:hover{border-color:#38bdf847;transform:translateY(-1px)}.step span{width:24px;height:24px;color:inherit;background:#94a3b824;border-radius:999px;justify-content:center;align-items:center;margin-right:8px;font-size:12px;font-weight:900;display:inline-flex}.activeStep{color:#fff;background:radial-gradient(circle at 100% 0,#38bdf829,#0000 68%),#0ea5e929;border-color:#38bdf8bd}.completeStep{color:#bbf7d0;border-color:#22c55e4d}.contentCard{min-height:520px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 100% 0,#38bdf814,#0000 62%),#0f172ac2;border:1px solid #94a3b824;border-radius:30px;padding:34px}.stepContent{max-width:900px}.wideStep{max-width:100%}.fieldGroup{color:#e2e8f0;margin-bottom:18px;font-size:14px;font-weight:850;display:block}.fieldGroup input,.fieldGroup textarea,.fieldGroup select,input,textarea,select{color:#fff;background:#0206177a;border:1px solid #94a3b829;border-radius:18px;outline:none;width:100%;margin-top:8px;padding:17px 18px;font-size:16px;transition:all .16s;display:block}.fieldGroup textarea,textarea{resize:vertical;min-height:130px;line-height:1.5}.fieldGroup input::placeholder,.fieldGroup textarea::placeholder,input::placeholder,textarea::placeholder{color:#e2e8f06b}.fieldGroup input:focus,.fieldGroup textarea:focus,.fieldGroup select:focus,.quoteLine input:focus,input:focus,textarea:focus,select:focus{background:#020617a8;border-color:#38bdf8b8;box-shadow:0 0 0 4px #38bdf81a}.choiceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:26px;display:grid}.twoColumns{grid-template-columns:repeat(2,minmax(0,1fr))}.threeColumns{grid-template-columns:repeat(3,minmax(0,1fr))}.choiceCard{color:#e2e8f0;cursor:pointer;text-align:left;background:linear-gradient(135deg,#0f172aad,#02061757);border:1px solid #94a3b824;border-radius:22px;min-height:82px;padding:18px;font-size:16px;font-weight:850;transition:all .18s}.choiceCard strong{color:#fff;line-height:1.2;display:block}.choiceCard span{color:var(--text-muted);margin-top:6px;font-size:13px;line-height:1.4;display:block}.choiceCard small{color:var(--blue);margin-top:10px;font-weight:950;display:block}.selectedChoice{color:#fff;background:radial-gradient(circle at 100% 0,#38bdf82e,#0000 70%),#0ea5e929;border-color:#38bdf8bf;box-shadow:inset 0 0 0 1px #38bdf824,0 18px 42px #0ea5e914}.quoteLines{gap:12px;margin-bottom:20px;display:grid}.quoteLine{background:#02061752;border:1px solid #94a3b821;border-radius:22px;grid-template-columns:1.8fr .5fr .7fr .7fr auto;align-items:end;gap:12px;padding:14px;display:grid}.quoteLine label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:950}.quoteLine input{color:#fff;background:#0206178a;border:1px solid #94a3b829;border-radius:14px;outline:none;width:100%;margin-top:8px;padding:13px 14px}.lineTotal{color:#fff;text-align:right;padding:13px 0;font-weight:950}.removeButton{color:#fecaca;cursor:pointer;background:#f871711f;border-radius:14px;min-height:46px;padding:0 14px;font-weight:950}.lineFooter{justify-content:space-between;align-items:center;gap:16px;display:flex}.totalBox{background:radial-gradient(circle at 100% 0,#38bdf81f,#0000 70%),#0ea5e91a;border:1px solid #38bdf83d;border-radius:18px;min-width:220px;padding:16px 18px}.totalBox span{color:#bae6fd;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:950;display:block}.totalBox strong{letter-spacing:-.05em;margin-top:3px;font-size:30px;display:block}.summaryBox,.finalQuoteBox{background:#02061752;border:1px solid #94a3b824;border-radius:24px;margin-bottom:24px;overflow:hidden}.summaryRow,.finalQuoteLine,.finalQuoteHeader{border-bottom:1px solid #94a3b81a;grid-template-columns:190px 1fr;gap:18px;padding:18px;display:grid}.finalQuoteHeader,.finalQuoteLine{grid-template-columns:1fr auto}.summaryRow:last-child,.finalQuoteLine:last-child{border-bottom:0}.summaryRow span,.finalQuoteLine span{color:var(--text-muted)}.summaryRow strong,.finalQuoteLine strong,.finalQuoteHeader strong{color:var(--text)}.finalQuoteHeader span{color:#bae6fd;font-weight:950}.footerActions{justify-content:space-between;gap:14px;margin-top:18px;display:flex}@media (max-width:1320px){.statsGrid,.quickActionsPanel .workflowGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardGrid{grid-template-columns:1fr}}@media (max-width:1120px){.appFrame{grid-template-columns:1fr}.appSidebar{border-bottom:1px solid #94a3b81f;border-right:0;height:auto;position:relative}.appSidebarSnapshot{margin-top:26px}}@media (max-width:980px){.quoteLine{grid-template-columns:1fr}.lineTotal{text-align:left}}@media (max-width:860px){.appMain,.appShell{padding:18px}.appTopbar,.appPageHeader,.topBar{border-radius:26px;flex-direction:column;padding:22px}.appPageHeader{min-height:auto}.appPageHeader h1,h1{font-size:clamp(40px,10vw,64px)}.topbarRight,.dashboardHeaderActions{flex-direction:column;align-items:stretch;width:100%}.topbarAction,.primaryButton,.secondaryButton,.ghostButton{width:100%}.userPill{justify-content:center}.statsGrid,.quickActionsPanel .workflowGrid,.choiceGrid,.twoColumns,.threeColumns,.attentionItem{grid-template-columns:1fr}.attentionItem em{width:fit-content}.stepTrack{grid-template-columns:1fr}.contentCard{border-radius:24px;min-height:auto;padding:22px}.summaryRow{grid-template-columns:1fr;gap:6px}.lineFooter,.footerActions{flex-direction:column-reverse}.totalBox{width:100%}}