@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--navy:#0b2039;--navy2:#113454;--blue:#1771dc;--red:#e41e35;--ink:#25374a;--muted:#758395;--line:#dfe6ed;--bg:#f3f6f9;--green:#16825c;--amber:#ad6a16;--shadow:0 9px 28px #152f4a14}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{color:#cbd9e7;z-index:10;background:linear-gradient(#0b2039,#07182b);flex-direction:column;width:240px;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #294057;align-items:center;gap:11px;padding:0 7px 18px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:6px;width:52px;height:40px;padding:4px}.brand strong,.brand span{display:block}.brand strong{color:#fff;font:700 13px Manrope}.brand span{color:#86a0ba;margin-top:4px;font-size:9px}.client{background:#102b46;border:1px solid #29435d;border-radius:8px;margin:17px 4px 8px;padding:12px}.client span,.client strong,.client small{display:block}.client span,.lower p{letter-spacing:1px;color:#6f8aa4;font-size:7px;font-weight:800}.client strong{color:#fff;margin-top:5px;font-size:11px}.client small{color:#88a0b7;margin-top:4px;font-size:8px}.sidebar nav{margin-top:12px}.sidebar nav button{color:#b7c8d8;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;height:43px;padding:0 11px;font-size:16px;display:flex}.sidebar nav button span{font-size:11px}.sidebar nav button b{background:#294158;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:8px}.sidebar nav button.active{color:#fff;background:#1769d8;box-shadow:0 7px 18px #04132388}.lower{border-top:1px solid #223b53;padding-top:16px}.lower p{margin:0 10px 8px}.help{border:1px solid #284159;border-radius:8px;gap:10px;margin-top:auto;padding:11px;font-weight:800;display:flex}.help div strong,.help div span{display:block}.help div strong{color:#fff;font-size:9px}.help div span{color:#8099b1;margin-top:3px;font-size:7px}main{min-height:100vh;margin-left:240px}header{border-bottom:1px solid var(--line);z-index:5;background:#fff;align-items:center;gap:15px;height:59px;padding:0 27px;display:flex;position:sticky;top:0}.crumb{color:#304a66;font-size:10px;font-weight:700}.crumb span{color:#8a96a5;font-weight:400}.search{color:#7c8997;background:#fbfcfd;border:1px solid #d9e2ea;border-radius:7px;align-items:center;gap:8px;width:290px;height:34px;margin-left:auto;padding:0 10px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:10px}.bell,.profile{color:#65778a;background:#fff;border:1px solid #dce4ec;border-radius:50%;width:33px;height:33px}.profile{color:#155690;background:#deecfa;border:0;font-size:9px;font-weight:800}.demo{color:#665628;background:#fff8df;border-bottom:1px solid #ead9a2;align-items:center;gap:12px;min-height:35px;padding:7px 27px;font-size:9px;display:flex}.demo strong{letter-spacing:1px;background:#eed27d;border-radius:4px;padding:3px 6px;font-size:7px}.demo button{color:#715910;background:0 0;border:0;margin-left:auto;font-size:8px;font-weight:800}.page{max-width:1450px;margin:auto;padding:27px 30px 60px}.page-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.page-title>div:first-child>span,.section-heading span{letter-spacing:1.3px;color:var(--blue);font-size:8px;font-weight:800}h1{color:var(--navy);letter-spacing:-.65px;margin:5px 0;font:800 27px Manrope}.page-title p{color:var(--muted);margin:0;font-size:10.5px}.title-actions{gap:8px;display:flex}.primary,.outline{border-radius:7px;height:36px;padding:0 14px;font-size:9px;font-weight:800}.primary{border:1px solid var(--blue);background:var(--blue);color:#fff}.outline{color:#53687c;background:#fff;border:1px solid #d3dde6}.action-grid{grid-template-columns:1fr 1fr .7fr;gap:13px;margin-bottom:14px;display:grid}.action-card,.quick{text-align:left;border-radius:11px;min-height:190px;padding:19px;position:relative;overflow:hidden}.action-card{background:#fff;border:1px solid #cddbe8;box-shadow:0 3px 8px #16395808}.action-card:after{content:"";background:var(--blue);width:4px;position:absolute;inset:0 auto 0 0}.action-card.so:after{background:#e41e35}.action-card>i{color:#1769d8;background:#eaf4ff;border-radius:9px;place-items:center;width:37px;height:37px;font-size:18px;font-style:normal;display:grid;position:absolute;top:16px;right:18px}.action-card.so>i{color:#c82035;background:#fff0f2}.action-card span,.quick>span{letter-spacing:1px;color:#5b86af;font-size:7.5px;font-weight:800}.action-card h2,.quick h3{color:var(--navy);margin:15px 0 7px;font:800 16px Manrope}.action-card p,.quick p{color:#718195;max-width:80%;font-size:9px;line-height:1.55}.action-card>b{color:#1769d8;font-size:9px;position:absolute;bottom:18px}.quick{color:#fff;background:linear-gradient(135deg,#0b2039,#103c65)}.quick>span{color:#70ade5}.quick h3{color:#fff}.quick p{color:#a7bdd0;max-width:100%}.quick button{color:#d8e6f2;text-align:left;background:#ffffff0c;border:1px solid #365573;border-radius:6px;width:100%;height:31px;margin-top:7px;padding:0 10px;font-size:8px;display:block}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.metric-grid article{border:1px solid var(--line);background:#fff;border-radius:9px;padding:15px}.metric-grid span{color:#8290a0;letter-spacing:.7px;font-size:7.5px;font-weight:800}.metric-grid strong{color:var(--navy);margin:7px 0 3px;font:800 25px Manrope;display:block}.metric-grid strong i{font:600 10px DM Sans}.metric-grid small{color:#7e8b9a;font-size:8px}.metric-grid small.good{color:#16825c}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 5px #16395708}.panel-head{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;min-height:57px;padding:13px 17px;display:flex}.panel-head h2{color:var(--navy);margin:0 0 3px;font:700 13px Manrope}.panel-head p{color:#8793a2;margin:0;font-size:8.5px}.panel-head button{color:var(--blue);background:0 0;border:0;font-size:8px;font-weight:800}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:820px}th{text-align:left;color:#8995a4;letter-spacing:.5px;background:#fafbfd;border-bottom:1px solid #e8edf2;height:32px;padding:0 15px;font-size:7px}td{border-bottom:1px solid #edf1f4;height:53px;padding:7px 15px;font-size:9px}tbody tr{cursor:pointer}tbody tr:hover{background:#f7faff}td strong,td small{display:block}td:first-child strong{color:#174d80}td small{color:#8c98a5;margin-top:3px;font-size:7px}.status{color:#2268aa;white-space:nowrap;background:#eaf3ff;border-radius:12px;align-items:center;gap:5px;padding:4px 7px;font-size:7.5px;font-weight:800;display:inline-flex!important}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.green{color:#16825c;background:#e9f7f1}.status.amber{color:#a96817;background:#fff3e3}.stepper{border:1px solid var(--line);background:#fff;border-radius:9px;max-width:850px;margin:0 auto 16px;padding:13px 20px;display:flex}.stepper button{text-align:left;opacity:.45;background:0 0;border:0;flex:1;align-items:center;gap:9px;display:flex}.stepper button.on{opacity:1}.stepper button i{border:1px solid #b9c7d4;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;font-style:normal;font-weight:800;display:grid}.stepper button.on i{background:var(--blue);border-color:var(--blue);color:#fff}.stepper span b,.stepper span small{display:block}.stepper span b{color:#2f475e;font-size:8.5px}.stepper span small{color:#8996a4;margin-top:3px;font-size:7px}.form-panel{border:1px solid var(--line);max-width:850px;box-shadow:var(--shadow);background:#fff;border-radius:11px;margin:auto;padding:23px}.form-head{border-bottom:1px solid #e7edf2;margin-bottom:19px;padding-bottom:17px}.form-head>span{color:var(--blue);letter-spacing:1px;font-size:7px;font-weight:800}.form-head h2{color:var(--navy);margin:6px 0 4px;font:800 19px Manrope}.form-head p{color:#7e8b9b;margin:0;font-size:9px}.form-panel>h3{color:#3a4e63;margin:19px 0 9px;font-size:9px}.choices{gap:10px;display:grid}.choices.two{grid-template-columns:1fr 1fr}.choices.three{grid-template-columns:repeat(3,1fr)}.choices button{text-align:left;background:#fff;border:1px solid #dbe3ea;border-radius:8px;min-height:84px;padding:12px;position:relative}.choices button.selected{border:2px solid var(--blue);background:#f8fbff;box-shadow:0 0 0 2px #e8f3ff}.choices i{color:#1769d8;background:#eaf4ff;border-radius:6px;place-items:center;width:25px;height:25px;margin-bottom:9px;font-style:normal;display:grid}.choices strong,.choices span{display:block}.choices strong{color:#253f59;font-size:9px}.choices span{color:#8491a0;margin-top:3px;font-size:7.5px}.choices small{color:#16815b;background:#e8f7f1;border-radius:6px;padding:3px 5px;font-size:6px;position:absolute;top:8px;right:8px}.upload{text-align:center;background:#f7fbff;border:1px dashed #91b6da;border-radius:9px;margin-top:13px;padding:18px}.upload>b,.upload>strong,.upload>span,.upload>small{display:block}.upload>b{color:#1769d8;font-size:20px}.upload>strong{margin-top:6px;font-size:9px}.upload>span,.upload>small{color:#8290a0;margin-top:4px;font-size:7px}.upload button{color:#37698f;background:#fff;border:1px solid #cbd8e4;border-radius:6px;margin:9px;padding:6px 10px;font-size:8px}.form-actions{justify-content:space-between;gap:8px;margin-top:21px;display:flex}.details{padding:0}.details>.form-head,.details>.validation,.details>.form-actions{margin-left:23px;margin-right:23px}.details>.form-head{padding-top:23px}.form-section{border-bottom:1px solid #e8edf2;padding:18px 23px}.section-title{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.section-title>b{color:#1769d8;background:#eaf4ff;border-radius:6px;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.section-title>div{flex:1}.section-title h3{margin:1px 0;font:700 10px Manrope}.section-title p{color:#8996a5;margin:3px 0;font-size:7.5px}.section-title button{color:#1769d8;background:0 0;border:0;font-size:7.5px;font-weight:800}.fields{gap:10px;display:grid}.fields.three{grid-template-columns:repeat(3,1fr)}.fields.two{grid-template-columns:1fr 1fr}.fields.address{grid-template-columns:2fr 1fr .6fr .8fr;margin-top:10px}.fields label>span{color:#5d7083;margin:0 0 5px;font-size:7.5px;font-weight:700;display:block}.fields label>span b{color:#d6384b}.fields input,.fields select,.line-row input,.line-row select{color:#2c4054;background:#fff;border:1px solid #d6e0e8;border-radius:6px;outline:0;width:100%;height:35px;padding:0 9px;font-size:8.5px}.fields .missing input,.line-row input.invalid{background:#fffafb;border-color:#e3a4aa}.line-head,.line-row{grid-template-columns:1.2fr 1.5fr .65fr .65fr 25px;align-items:center;gap:7px;display:grid}.line-head{color:#8996a5;margin-bottom:5px;font-size:6.5px;font-weight:800}.line-row button{color:#8a97a5;background:0 0;border:0}.add-line{color:#1769d8;background:0 0;border:0;margin-top:9px;font-size:8px;font-weight:800}.validation{background:#fff5e8;border:1px solid #f0d5b0;border-radius:8px;gap:9px;margin-top:17px;padding:10px;display:flex}.validation.ok{background:#edf8f4;border-color:#cdebdc}.validation>b{color:#a96919}.validation.ok>b{color:#16825c}.validation strong,.validation small{font-size:8px;display:block}.validation small{color:#788899;margin-top:3px;font-size:7px}.review-banner{background:#edf8f4;border:1px solid #cce8dc;border-radius:8px;gap:10px;padding:12px;display:flex}.review-banner>b{color:#16825c}.review-banner strong,.review-banner span{font-size:8.5px;display:block}.review-banner span{color:#70877f;margin-top:3px;font-size:7px}.review-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.review-grid article{background:#f6f8fa;border-radius:7px;padding:12px}.review-grid span,.review-grid strong{display:block}.review-grid span{color:#8995a3;font-size:6.5px;font-weight:800}.review-grid strong{margin-top:5px;font-size:8.5px}.notice{border-left:3px solid var(--blue);background:#f3f8fe;padding:13px}.notice b{font-size:8.5px}.notice p{color:#697b8e;margin:4px 0;font-size:7.8px;line-height:1.5}.confirmation{text-align:center;max-width:820px}.check{color:#16825c;background:#e6f7f0;border-radius:50%;place-items:center;width:58px;height:58px;margin:38px auto 13px;font-size:26px;display:grid}.confirmation>span{color:#16825c;letter-spacing:1px;font-size:8px;font-weight:800}.confirmation h1{font-size:29px}.confirmation>p{color:#758497;font-size:10px}.confirm-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:9px;grid-template-columns:repeat(3,1fr);max-width:650px;margin:25px auto;display:grid}.confirm-card>div{border-right:1px solid #e8edf2;padding:15px}.confirm-card small,.confirm-card strong{display:block}.confirm-card small{color:#8a96a5;font-size:6.5px}.confirm-card strong{margin-top:6px;font-size:9px}.track{grid-template-columns:repeat(4,1fr);gap:4px;max-width:650px;margin:25px auto 35px;display:grid}.track i,.track b{background:#dbe3ea;border-radius:50%;width:13px;height:13px;margin:auto}.track b{background:#16825c}.track span{color:#718194;margin-top:4px;font-size:7px}.filterbar{gap:7px;margin-bottom:12px;display:flex}.filterbar button,.filterbar select{color:#637589;background:#fff;border:1px solid #d9e2e9;border-radius:6px;height:31px;padding:0 11px;font-size:8px}.filterbar button.active{color:#1769d8;background:#eaf4ff;border-color:#bcd6ef}.filterbar select{margin-left:auto}.template-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.template-grid article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:18px}.template-grid article>span{color:#1769d8;font-size:7px;font-weight:800}.template-grid h2{color:var(--navy);margin:14px 0 5px;font:700 14px Manrope}.template-grid p{color:#7d8b9b;font-size:8px}.template-grid article>div{border-top:1px solid #e8edf2;justify-content:space-between;align-items:center;margin-top:20px;padding-top:12px;display:flex}.template-grid small{color:#8996a4;font-size:7px}.template-grid button{color:#1769d8;background:0 0;border:0;font-size:8px;font-weight:800}.new-template{text-align:center;border-style:dashed!important}.new-template>b{color:#7295b6;font-size:25px;display:block}.architecture{color:#fff;background:linear-gradient(135deg,#071b35,#0c3c70 68%,#086bb9);border-radius:12px;margin-bottom:23px;padding:25px}.arch-title{text-align:center}.arch-title>span{color:#78b9f3;letter-spacing:1px;font-size:7px}.arch-title h2{margin:6px;font:700 20px Manrope}.arch-title p{color:#abc2d7;font-size:8.5px}.channels,.pipeline{gap:10px;margin-top:20px;display:grid}.channels{grid-template-columns:repeat(3,1fr);max-width:730px;margin-left:auto;margin-right:auto}.channels article,.pipeline article{text-align:center;background:#ffffff0b;border:1px solid #3a5d7d;border-radius:8px;padding:12px}.channels b,.channels strong,.channels span,.pipeline small,.pipeline strong,.pipeline span{display:block}.channels b{color:#70b7f3;font-size:17px}.channels strong,.pipeline strong{margin-top:5px;font-size:9px}.channels span,.pipeline span{color:#91abc2;margin-top:4px;font-size:7px}.pipeline{grid-template-columns:repeat(5,1fr)}.pipeline small{color:#69b6f6;font-size:6px;font-weight:800}.section-heading{justify-content:space-between;align-items:flex-end;margin:21px 0 11px;display:flex}.section-heading h2{color:var(--navy);margin:4px 0;font:700 17px Manrope}.azure-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:14px;display:grid}.azure-grid article{border:1px solid var(--line);background:#fff;border-radius:9px;padding:15px}.azure-grid article>b{color:#1769d8;font-size:7px}.azure-grid h3{color:#183d61;margin:10px 0 5px;font:700 11px Manrope}.azure-grid p{color:#728295;min-height:35px;font-size:8px;line-height:1.5}.azure-grid small{color:#16825c;background:#e8f7f1;border-radius:10px;padding:4px 7px;font-size:7px;font-weight:800}.document-flow{margin-bottom:14px}.doc-steps{grid-template-columns:repeat(5,1fr);gap:9px;padding:16px;display:grid}.doc-steps article{border:1px solid #e0e7ee;border-radius:8px;padding:12px}.doc-steps b{color:#1769d8;background:#eaf4ff;border-radius:6px;place-items:center;width:22px;height:22px;font-size:8px;display:grid}.doc-steps h3{margin:9px 0 4px;font-size:9px}.doc-steps p{color:#778698;font-size:7.5px;line-height:1.45}.split-panels{grid-template-columns:1fr 1fr;gap:13px;display:grid}.info ul{margin:0;padding:8px 17px 15px;list-style:none}.info li{color:#16825c;border-bottom:1px solid #edf1f4;gap:8px;padding:8px 0;font-size:8px;display:flex}.info li span{color:#627589}.roadmap{background:var(--navy);color:#fff;border-radius:10px;margin-top:14px;padding:19px}.roadmap>span{color:#70afe8;letter-spacing:1px;font-size:7px}.roadmap>div{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:13px;display:grid}.roadmap article{border-left:1px solid #36516b;padding-left:13px}.roadmap b{color:#60a5e7;font-size:8px}.roadmap h3{margin:8px 0 4px;font-size:9px}.roadmap p{color:#92a9bf;font-size:7px;line-height:1.5}.overlay{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06152599;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(430px,94vw);height:100%;padding:25px;position:relative;box-shadow:-15px 0 40px #05152644}.close{color:#657487;background:#eef2f5;border:0;border-radius:50%;width:29px;height:29px;font-size:18px;position:absolute;top:14px;right:17px}.drawer>span{color:#1769d8;letter-spacing:1px;font-size:7px;font-weight:800}.drawer h2{color:var(--navy);margin:7px 0 10px;font:800 24px Manrope}.drawer-grid{grid-template-columns:1fr 1fr;gap:9px;margin:22px 0;display:grid}.drawer-grid div{background:#f5f7f9;border-radius:7px;padding:10px}.drawer-grid small,.drawer-grid strong{display:block}.drawer-grid small{color:#8995a3;font-size:6px}.drawer-grid strong{margin-top:5px;font-size:8.5px}.drawer h3{border-top:1px solid #e4eaf0;padding-top:17px;font-size:10px}.events article{gap:10px;min-height:54px;display:flex}.events i{color:#8794a2;border:1px solid #c9d4de;border-radius:50%;place-items:center;width:20px;height:20px;font-size:7px;font-style:normal;display:grid}.events article.done i{color:#fff;background:#16825c;border-color:#16825c}.events article.current i{color:#fff;background:#1769d8;border-color:#1769d8}.events strong,.events span{display:block}.events strong{font-size:8.5px}.events span{color:#7e8b9a;margin-top:4px;font-size:7.5px}.source{border-top:1px solid #e5eaf0;grid-template-columns:1fr 1fr;gap:7px;padding-top:15px;display:grid}.source b{grid-column:1/3;margin-bottom:3px;font-size:9px}.source span,.source strong{font-size:7.5px}.source span{color:#8491a0}.source strong{text-align:right}.wide{width:100%;margin-top:22px}.toast{color:#fff;z-index:50;background:#102c4d;border-radius:8px;padding:12px 16px;font-size:9px;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 30px #06182d44}@media (width<=1100px){.action-grid{grid-template-columns:1fr 1fr}.quick{grid-column:1/3;min-height:150px}.metric-grid,.azure-grid{grid-template-columns:repeat(2,1fr)}.pipeline,.doc-steps{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.sidebar{width:67px;padding:15px 7px}.brand>div,.client,.sidebar nav span,.sidebar nav b,.sidebar nav p,.help div{display:none}.brand{padding:0 2px 15px}.sidebar nav button{justify-content:center}.lower{border:0}.help{justify-content:center}main{margin-left:67px}header{padding:0 12px}.crumb{display:none}.search{flex:1;width:auto}.demo{padding:7px 12px}.demo span{display:none}.page{padding:20px 13px}.page-title{flex-direction:column;align-items:flex-start}.action-grid,.metric-grid,.template-grid,.azure-grid,.split-panels{grid-template-columns:1fr}.quick{grid-column:auto}.choices.three,.fields.three,.review-grid,.confirm-card,.channels,.pipeline,.doc-steps,.roadmap>div,.fields.two,.fields.address{grid-template-columns:1fr}.stepper span{display:none}.stepper button{justify-content:center}.line-head{display:none}.line-row{grid-template-columns:1fr 1fr}.line-row button{display:none}.title-actions{width:100%}.title-actions button{flex:1}.filterbar{overflow:auto}.filterbar select{margin-left:0}.document-flow .doc-steps{grid-template-columns:1fr}}.login-page{background:#fff;grid-template-columns:1.15fr .85fr;min-height:100vh;margin:0;display:grid}.login-story{color:#fff;background:linear-gradient(145deg,#07192c 0%,#0d2d4d 58%,#123e68 100%);flex-direction:column;min-height:100vh;padding:38px 55px;display:flex;position:relative;overflow:hidden}.login-story:before{content:"";border:1px solid #ffffff19;border-radius:50%;width:540px;height:540px;position:absolute;top:-200px;right:-250px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.login-story:after{content:"";background:linear-gradient(90deg,#e41e35 0 32%,#fff 32% 38%,#1769d8 38%);height:7px;position:absolute;inset:auto 0 0}.login-brand{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.login-brand img{background:#fff;border-radius:8px;width:104px;padding:8px}.login-brand span{letter-spacing:1.5px;color:#88a9c7;font-size:8px;font-weight:800}.story-copy{z-index:1;max-width:630px;margin:auto 0;position:relative}.story-copy>span{letter-spacing:1.8px;color:#70b0e8;font-size:9px;font-weight:800}.story-copy h1{color:#fff;letter-spacing:-1.5px;margin:13px 0 16px;font-size:42px;line-height:1.13}.story-copy>p{color:#adc1d3;max-width:570px;font-size:13px;line-height:1.7}.story-points{gap:15px;max-width:530px;margin-top:32px;display:grid}.story-points article{align-items:center;gap:14px;display:flex}.story-points article>b{color:#6fb0e8;background:#ffffff10;border:1px solid #ffffff1c;border-radius:8px;place-items:center;width:34px;height:34px;font-size:8px;display:grid}.story-points strong,.story-points small{display:block}.story-points strong{color:#fff;font-size:10px}.story-points small{color:#88a2b8;margin-top:4px;font-size:8px}.login-foot{z-index:1;color:#738ea7;font-size:8px;position:relative}.login-panel{background:#f8fafc;place-items:center;padding:35px;display:grid}.login-panel form{background:#fff;border:1px solid #e1e7ed;border-radius:16px;width:min(410px,100%);padding:34px 36px;box-shadow:0 22px 65px #122d481f}.customer-mark{color:#145993;background:linear-gradient(135deg,#e9f3ff,#d6e9fb);border-radius:12px;place-items:center;width:45px;height:45px;margin-bottom:20px;font:800 12px Manrope;display:grid}.welcome-label{letter-spacing:1.2px;color:#e41e35;font-size:8px;font-weight:800}.login-panel h2{color:#0b2039;margin:7px 0 5px;font:800 26px Manrope}.login-panel form>p{color:#7c8998;margin:0 0 23px;font-size:10px}.login-panel form>label{margin:14px 0;display:block}.login-panel form>label>span{color:#4d6073;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.login-panel input[type=text],.login-panel input[type=password],.login-panel input:not([type]){color:#293e53;background:#fbfcfd;border:1px solid #d3dde6;border-radius:8px;outline:0;width:100%;height:43px;padding:0 12px;font-size:10px}.login-panel input:focus{background:#fff;border-color:#1769d8;box-shadow:0 0 0 3px #1769d817}.remember{justify-content:space-between;align-items:center;margin:5px 0 18px;display:flex}.remember label{color:#758395;align-items:center;gap:7px;font-size:8px;display:flex}.remember button{color:#1769d8;background:0 0;border:0;font-size:8px;font-weight:700}.login-submit{color:#fff;background:#e41e35;border:0;border-radius:8px;width:100%;height:43px;font-size:10px;font-weight:800;box-shadow:0 9px 20px #e41e3530}.login-submit:hover{background:#c9162b}.login-error{color:#a91e2e;background:#fff0f2;border-left:3px solid #e41e35;border-radius:6px;margin-bottom:12px;padding:9px 11px;font-size:8px}.demo-credentials{background:#f5faff;border:1px dashed #a8c4df;border-radius:8px;grid-template-columns:1fr 1fr;gap:5px 12px;margin-top:20px;padding:11px 12px;display:grid}.demo-credentials>b{letter-spacing:1px;color:#1769d8;grid-column:1/3;font-size:7px}.demo-credentials span{color:#758496;font-size:7px}.demo-credentials strong{color:#2c465f;margin-top:3px;font-size:8px;display:block}.login-note{text-align:center;color:#9aa5b1;margin-top:13px;font-size:7px;line-height:1.5;display:block}@media (width<=820px){.login-page{grid-template-columns:1fr}.login-story{min-height:320px;padding:26px 30px}.story-copy{margin:55px 0 35px}.story-copy h1{font-size:31px}.story-points,.login-foot{display:none}.login-panel{padding:28px 18px}.login-panel form{padding:28px 25px}}