*{box-sizing:border-box}body{color:#e8eef5;background:#071018;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh}header{background:#09131c;border-bottom:1px solid #1c2a35;justify-content:space-between;align-items:center;height:72px;padding:0 6vw;display:flex}header nav{gap:12px;display:flex}header button,.top button,.invite button{color:#d8e3ec;background:0 0;border:1px solid #2b3a46;border-radius:10px;padding:10px 14px}.brand{letter-spacing:1px;font-weight:900}.brand span{color:#6fe7c8;margin-right:4px}.authLayout{grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;max-width:1180px;min-height:620px;margin:auto;padding:70px 30px;display:grid}.hero h1{margin:18px 0;font-size:60px;line-height:1.03}.hero em{color:#6fe7c8;font-style:normal}.hero p{color:#91a4b4;max-width:650px;font-size:18px;line-height:1.7}.eyebrow{letter-spacing:2px;color:#6fe7c8;font-size:12px}.featureMini{color:#b8c6d1;gap:22px;margin-top:30px;display:flex}.featureMini span{align-items:center;gap:8px;display:flex}.featureMini svg{width:18px}.authCard,.panel{background:#0c1822;border:1px solid #20313d;border-radius:18px;padding:28px;box-shadow:0 18px 50px #0004}.authCard h2,.panel h2{margin:0 0 8px}.authCard>p,.panel p{color:#8296a6}.field{flex-direction:column;gap:7px;margin:15px 0;display:flex}.field span{color:#aebbc5;font-size:13px}.field input,select,textarea{color:#fff;background:#071018;border:1px solid #293b48;border-radius:10px;outline:none;padding:12px}.field input:focus,select:focus,textarea:focus{border-color:#6fe7c8}.primary{border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:12px 16px;font-weight:800;display:inline-flex;color:#052019!important;background:#6fe7c8!important;border:0!important}.authCard .primary{width:100%;margin-top:8px}.link{color:#6fe7c8;background:0 0;border:0;width:100%;margin-top:15px}.publicPricing{max-width:1180px;margin:0 auto 80px;padding:30px}.planGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.miniPlan{background:#0a151e;border:1px solid #20313d;border-radius:14px;padding:20px}.miniPlan strong{font-size:22px}.miniPlan p{font-size:14px}aside{background:#08131c;border-right:1px solid #1c2a35;flex-direction:column;gap:7px;width:245px;padding:25px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.tenantSelect{margin:30px 0 14px}.tenantSelect small{color:#607686;margin-bottom:7px;font-size:10px;display:block}.tenantSelect select{width:100%}.nav,.logout{color:#91a4b4;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:12px;display:flex}.nav svg,.logout svg{width:18px}.nav:hover,.nav.active{color:#6fe7c8;background:#10212d}.logout{color:#dc8e8e;margin-top:auto}.console{max-width:1500px;margin-left:245px;padding:38px}.top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.top h1{margin:4px 0}.top small{color:#6fe7c8}.top button{align-items:center;gap:8px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px;display:grid}.stat{background:#0c1822;border:1px solid #20313d;border-radius:14px;padding:20px}.stat small{color:#718899;margin-bottom:8px;display:block}.stat strong{font-size:20px}.panel{margin-bottom:18px}.narrow{max-width:600px}.steps{gap:10px;margin-top:22px;display:grid}.step{color:#b7c5cf;align-items:center;gap:10px;display:flex}.step svg{color:#6fe7c8}.dot{border:2px solid #425765;border-radius:50%;width:18px;height:18px}.panelHead{justify-content:space-between;align-items:center;gap:20px;display:flex}.inline,.rowForm{align-items:end;gap:10px;display:flex}.rowForm .field{flex:1}.gridForm{grid-template-columns:1fr 2fr 1fr auto;align-items:end;gap:12px;display:grid}.gridForm .field{margin:0}.taskForm{grid-template-columns:220px 1fr auto;align-items:start;gap:12px;margin:20px 0;display:grid}.taskForm textarea{resize:vertical;min-height:82px}.invite,.success{background:#0a211d;border:1px solid #235348;border-radius:10px;align-items:center;gap:10px;margin:15px 0;padding:12px;display:flex}.invite code{color:#6fe7c8;flex:1;overflow:auto}.hint{font-size:13px}.table{border:1px solid #20313d;border-radius:12px;margin-top:20px;overflow:auto}.tr{border-bottom:1px solid #172733;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:12px 14px;display:grid}.tr:last-child{border:0}.th{color:#718899;background:#0a141d;font-size:12px;font-weight:800}.empty{margin:0;padding:16px!important}.toast{z-index:20;background:#32191c;border:1px solid #7b333a;border-radius:12px;align-items:center;gap:10px;max-width:520px;padding:14px;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 15px 50px #0008}.toast span{flex:1}.toast button{color:#fff;background:0 0;border:0;font-size:20px}@media (width<=850px){.authLayout{grid-template-columns:1fr}.hero h1{font-size:42px}.planGrid,.stats{grid-template-columns:1fr}aside{width:auto;position:static}.console{margin:0;padding:20px}.gridForm,.taskForm{grid-template-columns:1fr}.panelHead,.inline,.rowForm{flex-direction:column;align-items:stretch}.featureMini{flex-direction:column}}button:disabled{opacity:.45;cursor:not-allowed}.ghost{color:#d8e3ec;background:0 0;border:1px solid #2b3a46;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:11px 14px;display:inline-flex}.wide{width:100%}.big{padding:15px 22px;font-size:15px}.primary svg,.ghost svg{width:17px;height:17px}.onboarding{background:radial-gradient(circle at 50% 0,#12302d55,#0000 35%),#071018;min-height:100vh}.onboardingTop{border-bottom:1px solid #1c2a35;justify-content:space-between;align-items:center;height:74px;padding:0 5vw;display:flex}.onboardingBody{max-width:1120px;margin:auto;padding:60px 28px 90px}.centerTitle{text-align:center;max-width:680px;margin:0 auto 30px}.centerTitle h1,.centerTitle h2{margin:10px 0;font-size:38px}.centerTitle p{color:#8296a6;line-height:1.6}.progress{justify-content:center;align-items:center;margin-bottom:28px;display:flex}.progress span{color:#718899;border:1px solid #334956;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.progress span.active{color:#052019;background:#6fe7c8;border-color:#6fe7c8;font-weight:900}.progress i{background:#334956;width:70px;height:1px}.periodSwitch{background:#08131c;border:1px solid #263a47;border-radius:12px;width:max-content;margin:0 auto 25px;padding:4px;display:flex}.periodSwitch button{color:#8296a6;background:0 0;border:0;border-radius:8px;padding:9px 15px}.periodSwitch button.active{color:#6fe7c8;background:#173229}.onboardingPlans{margin-top:18px}.onboardingActions{justify-content:center;margin-top:26px;display:flex}.miniPlan{transition:all .18s;position:relative}.miniPlan:hover{border-color:#355262;transform:translateY(-2px)}.miniPlan.selected{border-color:#6fe7c8;box-shadow:0 0 0 1px #6fe7c833,0 20px 50px #0003}.planTop{justify-content:space-between;gap:10px;display:flex}.planTop h3{margin:0 0 4px}.planTop small{color:#718899}.selectedBadge{color:#6fe7c8;align-items:center;gap:4px;font-size:11px;display:flex}.selectedBadge svg{width:14px}.price{align-items:end;gap:5px;margin:22px 0;display:flex}.price strong{font-size:27px}.price span{color:#718899;margin-bottom:4px;font-size:12px}.miniPlan ul{color:#aebbc5;gap:10px;margin:0 0 22px;padding:0;font-size:13px;list-style:none;display:grid}.miniPlan li{align-items:center;gap:8px;display:flex}.miniPlan li svg{color:#6fe7c8;width:15px}.workspaceCard{background:#0c1822;border:1px solid #20313d;border-radius:18px;max-width:560px;margin:auto;padding:28px}.selectedPlan{background:#0a211d;border:1px solid #235348;border-radius:11px;align-items:center;gap:12px;margin:20px 0;padding:14px;display:flex}.selectedPlan svg{color:#6fe7c8}.selectedPlan small{color:#718899;font-size:10px;display:block}.selectedPlan strong{margin-top:3px;display:block}.formActions{justify-content:space-between;gap:10px;display:flex}.pageIntro{align-items:center;gap:16px;margin-bottom:22px;display:flex}.pageIntro h1{margin:0 0 5px}.pageIntro p{color:#8296a6;margin:0}.iconBox{color:#6fe7c8;background:#102b27;border:1px solid #28564c;border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.twoCol{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.guideStep{border-bottom:1px solid #1b2c37;gap:14px;padding:16px 0;display:flex}.guideStep:last-of-type{border:0}.guideStep>span{color:#6fe7c8;background:#12342d;border-radius:50%;flex:0 0 30px;place-items:center;height:30px;font-weight:900;display:grid}.guideStep strong{display:block}.guideStep p{margin:5px 0 0;font-size:13px;line-height:1.55}.guide code,.projectHelp code{color:#6fe7c8;background:#071018;border-radius:5px;padding:2px 5px}.securityNote{background:#0a211d;border:1px solid #235348;border-radius:11px;gap:12px;margin-top:18px;padding:14px;display:flex}.securityNote svg{color:#6fe7c8}.securityNote p{margin:3px 0 0;font-size:12px}.connectedBot{background:#09151d;border:1px solid #263b48;border-radius:12px;align-items:center;gap:12px;margin:20px 0;padding:15px;display:flex}.connectedBot>span{color:#6fe7c8;background:#12342d;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.connectedBot div{flex:1}.connectedBot small{color:#718899;font-size:10px;display:block}.connectedBot strong{margin-top:3px;display:block}.connectedBot>svg{color:#6fe7c8}.hint a{color:#6fe7c8;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.hint a svg{width:13px}.statusPill{color:#6fe7c8;background:#102b27;border-radius:20px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.statusPill svg{width:15px}.projectHelp{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.projectHelp>div{background:#09151d;border:1px solid #20313d;border-radius:12px;padding:15px}.projectHelp svg{color:#6fe7c8;vertical-align:middle;width:18px;margin-right:8px}.projectHelp p{margin-bottom:0;font-size:12px;line-height:1.55}.tr span{text-overflow:ellipsis;overflow:hidden}.fullLoader{color:#8296a6;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}@media (width<=900px){.twoCol,.projectHelp,.onboardingPlans{grid-template-columns:1fr}.centerTitle h1,.centerTitle h2{font-size:30px}}
