*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07101d;color:#f4f7fb;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{color:#f4f7fb;background:#0d1725;border:1px solid #26364b;border-radius:10px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:focus,textarea:focus,select:focus{border-color:#4c9fff;box-shadow:0 0 0 3px #4c9fff1f}input::placeholder,textarea::placeholder{color:#68788e}select option{background:#0d1725;color:#fff}.appShell{display:flex;width:100%;min-height:100vh;background:radial-gradient(circle at 70% 10%,rgba(20,82,145,.13),transparent 34%),#07101d}.sidebar{position:fixed;z-index:100;top:0;left:0;width:270px;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:22px 16px 18px;background:linear-gradient(180deg,#0b1523,#08111e);border-right:1px solid #1d2b3c;box-shadow:10px 0 40px #0000002e}.sidebarTop{min-width:0}.brand{display:flex;align-items:center;justify-content:center;width:100%;min-height:88px;margin:0 0 18px;padding:4px;background:transparent;border:0}.sidebarLogo{display:block;width:210px;max-width:100%;height:auto;object-fit:contain}.mobileClose{display:none}.accountArea{position:relative;width:100%;margin-bottom:18px}.accountWrap{position:relative}.accountButton,.accountLoginButton{width:100%;display:flex;align-items:center;gap:10px;padding:11px;color:#eaf1fa;background:#101d2c;border:1px solid #223349;border-radius:12px;text-align:left;transition:background .15s ease,border-color .15s ease}.accountButton:hover,.accountLoginButton:hover{background:#142438;border-color:#314963}.accountAvatar{flex:0 0 34px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#183858;color:#79bbff;font-size:13px;font-weight:800}.accountInfo,.accountLoginButton>div:nth-child(2){min-width:0;flex:1}.accountInfo strong,.accountLoginButton strong{display:block;color:#f2f6fb;font-size:13px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.accountInfo span,.accountLoginButton span{display:block;margin-top:2px;color:#74869c;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.accountMenu{position:absolute;z-index:200;top:calc(100% + 8px);left:0;right:0;padding:6px;background:#101d2c;border:1px solid #2a3b50;border-radius:12px;box-shadow:0 18px 50px #00000073}.accountMenu button{width:100%;display:flex;align-items:center;gap:9px;padding:10px;color:#dce7f3;background:transparent;border:0;border-radius:8px;text-align:left}.accountMenu button:hover{background:#18283a}.accountMenu .dangerMenuItem{color:#ff9d9d}.sidebarNav{display:flex;flex-direction:column;gap:5px}.sidebarNav button{width:100%;display:flex;align-items:center;gap:12px;min-height:45px;padding:10px 12px;color:#8999ad;background:transparent;border:1px solid transparent;border-radius:10px;text-align:left;transition:color .15s ease,background .15s ease,border-color .15s ease}.sidebarNav button:hover{color:#dce8f5;background:#101d2c}.sidebarNav button.active{color:#fff;background:#14283d;border-color:#24435f;box-shadow:inset 3px 0 #4d9df6}.sidebarNav button svg{flex:0 0 auto}.sidebarNav span{font-size:14px;font-weight:600}.sidebarBottom{padding-top:20px}.techFirst{display:flex;align-items:flex-start;gap:9px;padding:11px;background:#0d1927;border:1px solid #1e2d40;border-radius:10px;color:#7990a7}.techFirst svg{flex:0 0 auto;color:#62aaf5;margin-top:1px}.techFirst strong{display:block;color:#c9d7e6;font-size:11px}.techFirst span{display:block;margin-top:2px;color:#66798f;font-size:10px}.versionText{margin-top:12px;color:#506174;font-size:10px;text-align:center}.main{position:relative;width:calc(100% - 270px);min-width:0;min-height:100vh;margin-left:270px;background:radial-gradient(circle at 70% 5%,rgba(27,94,160,.1),transparent 32%),#07101d}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #1b2939;background:#07101de0}.topbarLeft{display:flex;align-items:center;gap:14px}.menuButton{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:#dce8f4;background:#101d2c;border:1px solid #26384e;border-radius:9px}.topbarEyebrow,.sectionEyebrow,.panelEyebrow{color:#5da7ec;font-size:10px;font-weight:800;letter-spacing:.16em}.topbarTitle{margin-top:3px;color:#f2f6fb;font-size:16px;font-weight:700}.systemStatus{display:flex;align-items:center;gap:8px;color:#8ea1b5;font-size:12px}.statusDot{display:inline-block;width:7px;height:7px;background:#53d68a;border-radius:50%;box-shadow:0 0 10px #53d68a8c}.content{width:100%;max-width:1500px;margin:0 auto;padding:34px}.mainHome{height:100vh;min-height:100vh;overflow:hidden}.mainHome .topbar{display:none}.mainHome .content{width:100%;max-width:none;height:100vh;min-height:100vh;margin:0;padding:0}.mainHome .chuckHero{position:relative;width:100%;height:100vh;min-height:100vh;margin:0;padding:0;overflow:hidden;background:#050b13;border:0;border-radius:0}.mainHome .chuckHeroCharacter{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.mainHome .chuckHeroCharacter img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:100% center!important;filter:none}.mainHome .chuckHeroOverlay{display:none!important}.chuckHeroText{position:absolute;z-index:5;left:clamp(30px,5vw,90px);top:50%;width:min(590px,48%);transform:translateY(-50%)}.heroBadge{display:inline-flex;padding:7px 11px;color:#7fc2ff;background:#0a1e31c7;border:1px solid rgba(85,157,216,.38);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.14em}.chuckHeroText h1{margin:17px 0 0;color:#fff;font-size:clamp(46px,5.2vw,78px);line-height:.98;letter-spacing:-.045em}.chuckHeroText h2{margin:14px 0 0;color:#b9d8f3;font-size:clamp(23px,2.4vw,34px);line-height:1.1;font-weight:600}.chuckHeroText p{max-width:560px;margin:22px 0 0;color:#c1ccd8;font-size:15px;line-height:1.7}.heroButtons{display:flex;align-items:center;gap:11px;margin-top:27px}.primaryButton,.secondaryButton{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:9px;font-weight:700;font-size:13px;transition:transform .15s ease,background .15s ease,border-color .15s ease}.primaryButton{color:#fff;background:#287fc7;border:1px solid #4097df;box-shadow:0 8px 30px #1468ad47}.primaryButton:hover{background:#3391dc;transform:translateY(-1px)}.secondaryButton{color:#d9e6f3;background:#07101d8f;border:1px solid rgba(146,172,199,.35)}.secondaryButton:hover{background:#142639c7}.diagnosticHeader{display:flex;justify-content:space-between;gap:30px;margin-bottom:20px}.diagnosticHeader h1,.jobsHeader h1,.placeholderPage h1{margin:7px 0 8px;color:#f5f8fc;font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.035em}.diagnosticHeader p,.jobsHeader p,.placeholderPage>p{max-width:700px;margin:0;color:#8294a9;font-size:14px;line-height:1.65}.diagnosticRules{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;gap:9px;color:#8396aa;font-size:11px}.diagnosticRules div{display:flex;align-items:center;gap:7px}.diagnosticRules svg{color:#55b982}.diagnosticGrid{display:block;width:100%}.diagnosticGrid>.diagnosticPanel:first-child{display:none!important}.diagnosticGrid>.chatPanel{width:100%;min-width:0;min-height:calc(100vh - 210px);display:flex;flex-direction:column;padding:25px;background:linear-gradient(180deg,#111e2efc,#08121efc);border:1px solid #203249;border-radius:16px;box-shadow:0 18px 60px #00000038;overflow:hidden}.chatPanel .panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.chatPanel .panelHeader h2{margin:5px 0 0;color:#eaf1f8;font-size:19px}.chatPanel .panelHeader>svg{color:#579fe3}.chuckStatus{display:flex;align-items:center;gap:7px;padding:7px 10px;color:#7d91a7;background:#0b1826;border:1px solid #1d3044;border-radius:999px;font-size:10px}.chuckStatus .statusDot{width:6px;height:6px}.chatIntro{display:flex;gap:12px;padding:15px;background:#0c1927;border:1px solid #1d3045;border-radius:11px}.chuckIcon{flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#72b8f4;background:#132d47;border-radius:10px}.chatIntro strong{display:block;color:#e8f1fa;font-size:13px}.chatIntro p{margin:5px 0 0;color:#8295aa;font-size:12px;line-height:1.55}.chatHistory{flex:1;display:flex;flex-direction:column;gap:13px;min-height:180px;max-height:none;margin-top:18px;padding-right:5px;overflow-y:auto}.chatMessage{max-width:min(850px,90%)}.technicianMessage{align-self:flex-end}.chuckMessage{align-self:flex-start}.chatRole{margin-bottom:5px;color:#62768d;font-size:9px;font-weight:800;letter-spacing:.1em}.chatBubble{padding:12px 14px;color:#dce7f1;background:#111f2f;border:1px solid #263a50;border-radius:11px;font-size:12px;line-height:1.6;white-space:pre-wrap}.technicianMessage .chatBubble{background:#123152;border-color:#28567e}.analysisResult{margin-top:16px;padding:15px;background:#0d1c2c;border:1px solid #25405a;border-radius:11px}.resultLabel{margin-bottom:8px;color:#5da8ed;font-size:9px;font-weight:800;letter-spacing:.12em}.resultText{color:#dce7f1;font-size:13px;line-height:1.65;white-space:pre-wrap}.composer{margin-top:auto;padding-top:17px}.composerTools{min-height:32px;display:flex;align-items:center;gap:7px;margin-bottom:7px}.iconTool{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#91a5ba;background:#0c1825;border:1px solid #23364b;border-radius:8px}.iconTool:hover,.iconTool.active{color:#bfe1ff;background:#15304a;border-color:#35658d}.iconTool input{display:none}.attachmentChip{max-width:240px;display:flex;align-items:center;gap:6px;height:32px;padding:0 8px;color:#91a5ba;background:#0c1825;border:1px solid #23364b;border-radius:8px;font-size:10px}.attachmentChip span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attachmentChip button{display:flex;color:#73879c;background:transparent;border:0;padding:2px}.composer textarea{width:100%;min-height:105px;resize:vertical;padding:13px;color:#e7eef6;font-size:13px;line-height:1.55}.composerBottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.saveJobButton,.askButton{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:8px;font-size:12px;font-weight:700}.saveJobButton{color:#9fb2c6;background:#0d1927;border:1px solid #26394f}.saveJobButton:hover{color:#e0eaf4;background:#142538}.askButton{flex:1;color:#fff;background:#287fc7;border:1px solid #4197dd}.askButton:hover{background:#338fd7}.feedbackBox{margin-top:17px;padding-top:15px;border-top:1px solid #1d2e40}.feedbackTitle{color:#8294a8;font-size:11px;font-weight:700}.feedbackButtons{display:flex;gap:7px;margin-top:8px}.feedbackButtons button,.feedbackSubmit{padding:7px 10px;color:#91a4b8;background:#0d1927;border:1px solid #25394e;border-radius:7px;font-size:11px}.feedbackButtons button.selected{color:#fff;background:#18334d;border-color:#3d709b}.feedbackBox textarea{width:100%;margin-top:8px;padding:9px;resize:vertical;font-size:11px}.feedbackSubmit{margin-top:7px}.safetyNotice{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 15px;color:#7f91a5;background:#0b1724;border:1px solid #1c2d40;border-radius:10px}.safetyNotice svg{flex:0 0 auto;color:#5da7df}.safetyNotice strong{display:block;margin-bottom:3px;color:#b9c8d7;font-size:11px}.safetyNotice span{font-size:10px;line-height:1.5}.jobsPage{width:100%}.jobsHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.jobsList{display:flex;flex-direction:column;gap:10px}.jobCard{width:100%;display:flex;align-items:center;gap:15px;padding:16px;color:#dfe9f3;background:linear-gradient(180deg,#101d2c,#0c1724);border:1px solid #203248;border-radius:12px;text-align:left;transition:background .15s ease,border-color .15s ease,transform .15s ease}.jobCard:hover{background:#142337;border-color:#33516e;transform:translateY(-1px)}.jobCardIcon{flex:0 0 42px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:#66ace9;background:#112b45;border-radius:9px}.jobCardMain{flex:1;min-width:0}.jobCardTop{display:flex;align-items:center;justify-content:space-between;gap:15px}.jobCardTop strong{min-width:0;color:#eaf1f8;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jobCardTop span{flex:0 0 auto;color:#65798f;font-size:10px}.jobCardMeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.jobCardMeta span{padding:4px 7px;color:#8195aa;background:#0a1623;border:1px solid #1c2d40;border-radius:5px;font-size:9px}.jobCardMain p{margin:8px 0 0;color:#75889d;font-size:11px;line-height:1.45}.emptyJobs{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6e8298;background:#0b1724;border:1px dashed #24384e;border-radius:14px;text-align:center}.emptyJobs svg{color:#4d8fca}.emptyJobs h2{margin:15px 0 5px;color:#dce7f1;font-size:18px}.emptyJobs p{max-width:450px;margin:0 0 18px;color:#73869b;font-size:12px;line-height:1.6}.jobsError{margin-bottom:15px;padding:11px 13px;color:#ffb1b1;background:#771e1e38;border:1px solid rgba(200,71,71,.35);border-radius:9px;font-size:12px}.placeholderPage{max-width:950px}.placeholderCard{max-width:700px;display:flex;flex-direction:column;align-items:flex-start;margin-top:25px;padding:25px;background:#0d1927;border:1px solid #203248;border-radius:13px}.placeholderCard svg{color:#5ca5e3;margin-bottom:14px}.placeholderCard strong{color:#e3edf6;font-size:15px}.placeholderCard span{margin-top:6px;color:#7c90a5;font-size:12px;line-height:1.65}.knowledgeSearch{max-width:650px;display:flex;align-items:center;gap:9px;margin-top:25px;padding:0 12px;height:44px;background:#0d1927;border:1px solid #24374d;border-radius:9px}.knowledgeSearch svg{color:#60758b}.knowledgeSearch input{flex:1;width:100%;height:100%;padding:0;background:transparent;border:0;box-shadow:none}.modalBackdrop{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#01070dc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.authModal{position:relative;width:min(430px,100%);padding:30px;background:linear-gradient(180deg,#111f2e,#0b1724);border:1px solid #294158;border-radius:16px;box-shadow:0 30px 100px #0000008c}.modalClose{position:absolute;top:13px;right:13px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#71869b;background:transparent;border:0;border-radius:8px}.modalClose:hover{color:#dce7f2;background:#17283a}.authModalIcon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#6bb2ef;background:#12304c;border-radius:11px}.authModal h2{margin:7px 0;color:#f3f7fb;font-size:27px;letter-spacing:-.03em}.authModal>p{margin:0 0 22px;color:#7f92a7;font-size:12px;line-height:1.6}.authModal form{display:flex;flex-direction:column;gap:14px}.authModal label{display:flex;flex-direction:column;gap:6px}.authModal label span{color:#8395a9;font-size:10px;font-weight:700}.authModal input{width:100%;height:43px;padding:0 12px;font-size:12px}.authSubmit{width:100%;margin-top:3px}.authSwitch,.continueGuest{width:100%;margin-top:12px;color:#78b4e8;background:transparent;border:0;font-size:11px}.authSwitch:hover,.continueGuest:hover{text-decoration:underline}.continueGuest{margin-top:8px;color:#64788e}.authError,.authMessage{padding:10px;border-radius:8px;font-size:11px;line-height:1.45}.authError{color:#ffb5b5;background:#771f1f38;border:1px solid rgba(203,75,75,.32)}.authMessage{color:#a5e3bc;background:#20673d33;border:1px solid rgba(77,167,103,.28)}.authLoading{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:#8195aa;background:#07101d;font-size:13px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebarBackdrop{display:none}@media(max-width:1050px){.sidebar{width:235px}.main{width:calc(100% - 235px);margin-left:235px}.chatPanel{min-height:calc(100vh - 190px)}}@media(max-width:800px){.sidebar{width:270px;transform:translate(-100%);transition:transform .22s ease;box-shadow:20px 0 60px #0000008c}.sidebar.mobileOpen{transform:translate(0)}.mobileClose{position:absolute;top:14px;right:12px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#899bae;background:#101d2c;border:1px solid #26394e;border-radius:8px}.sidebarBackdrop{position:fixed;z-index:90;inset:0;display:block;background:#0000008c;border:0}.main{width:100%;margin-left:0}.menuButton{display:flex}.topbar{height:67px;padding:0 18px}.content{padding:22px 17px}.diagnosticHeader{flex-direction:column}.diagnosticRules{flex-direction:row;flex-wrap:wrap}.chatPanel{min-height:calc(100vh - 175px);padding:18px;border-radius:14px}.chatHistory{min-height:160px}.jobsHeader{align-items:flex-start;flex-direction:column}.jobsHeader .primaryButton{width:100%}.mainHome .chuckHeroCharacter img{object-position:75% center!important}}@media(max-width:600px){.mainHome .chuckHeroCharacter img{object-position:72% center!important}.chuckHero{min-height:100vh}.chuckHeroText{inset:auto 22px 55px;width:auto;transform:none}.mainHome .chuckHeroOverlay{display:block!important;background:linear-gradient(180deg,#02081000,#02081014 45%,#020810b8)}.chuckHeroText h1{font-size:46px}.chuckHeroText h2{font-size:22px}.chuckHeroText p{font-size:13px;line-height:1.55}.heroButtons{flex-direction:column;align-items:stretch}.heroButtons button{width:100%}.chatPanel{min-height:calc(100vh - 145px);padding:15px;border-radius:12px}.chatPanel .panelHeader h2{font-size:17px}.chatHistory{min-height:140px}.chatMessage{max-width:94%}.composerBottom{flex-direction:column}.saveJobButton,.askButton{width:100%}.jobCard{padding:12px}.jobCardTop{align-items:flex-start;flex-direction:column;gap:3px}.authModal{padding:24px 20px}}.mainHome .chuckHeroText{text-shadow:0 2px 4px rgba(0,0,0,.95),0 4px 14px rgba(0,0,0,.75)}.mainHome .chuckHeroText h1{text-shadow:0 3px 5px rgba(0,0,0,.95),0 6px 18px rgba(0,0,0,.85)}.mainHome .chuckHeroText h2{text-shadow:0 2px 5px rgba(0,0,0,.95),0 4px 14px rgba(0,0,0,.8)}.mainHome .chuckHeroText p{color:#f0f5fa;text-shadow:0 2px 4px rgba(0,0,0,.95),0 3px 10px rgba(0,0,0,.85)}.mainHome .heroBadge{text-shadow:0 1px 3px rgba(0,0,0,.8)}@media(max-width:800px){.diagnosticHeader,.chatIntro{display:none!important}.diagnosticGrid>.chatPanel{min-height:calc(100vh - 105px);padding:16px}.chatHistory{flex:1 1 auto;min-height:280px;margin-top:10px}.composer{margin-top:12px;padding-top:12px}.composer textarea{min-height:130px}}@media(max-width:600px){.diagnosticGrid>.chatPanel{min-height:calc(100vh - 85px);padding:13px}.chatHistory{min-height:240px}.composer textarea{min-height:125px}}@media(max-width:800px){.mainHome .topbar{position:absolute;z-index:50;top:0;left:0;right:0;display:flex;height:72px;padding:12px 18px;background:transparent;border-bottom:0}.mainHome .topbarLeft{gap:0}.mainHome .menuButton{display:flex;width:42px;height:42px;color:#fff;background:#07101d9e;border:1px solid rgba(130,170,205,.45);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 20px #00000059}.mainHome .menuButton:hover{background:#143048d1}.mainHome .topbarEyebrow,.mainHome .topbarTitle,.mainHome .systemStatus{display:none}}.diagnosticHeader,.chatIntro{display:none!important}
