:root{color-scheme:dark;--bg:#080a0e;--text:#f1f2f7;--muted:#9295a4;--line:#20222c;--purple:#a49bff;--teal:#54d6df}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}.icon{width:22px;height:22px;flex-shrink:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #afa6ff;outline-offset:5px}.skip{position:fixed;left:20px;top:-80px;z-index:20;padding:12px;background:#ece8ff;color:#171323}.skip:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#06080b;border-right:1px solid #1b1d25;padding:32px 22px;display:flex;flex-direction:column;z-index:8}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:650;letter-spacing:-.8px}.brand-light{font-weight:350}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500;color:#9699a8;margin-top:1px}.brand-mark{position:relative;display:grid;place-items:center;width:39px;height:45px;font-size:20px;font-weight:400;color:#d2c8ff;isolation:isolate;background:linear-gradient(140deg,#b996ef,#657393 60%,#b69a76);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.brand-mark:before{content:"";position:absolute;inset:2px;background:#090b11;clip-path:inherit;z-index:-1}.searchbox{display:flex;align-items:center;gap:9px;border:1px solid #23242d;border-radius:9px;padding:9px 10px;margin:35px 0 23px;color:#7d8191;background:#0b0d12}.searchbox .icon{width:16px;height:16px}.searchbox input{min-width:0;width:100%;background:none;border:0;color:#e6e6ed;font-size:12px;outline-offset:3px}.searchbox input::placeholder{color:#8c8f9b}.searchbox kbd{padding:0 5px;border:1px solid #30313a;border-radius:3px;font-size:10px;color:#9497a3}.nav-item{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;margin:5px 0;color:#a1a4b1;border-radius:8px;font-size:12px;transition:background .2s,color .2s}.nav-item:hover{color:#fff;background:#151722}.nav-item .icon{width:19px;height:19px}.nav-item.active{color:#f0edff;background:linear-gradient(90deg,#28213d80,#17141e20)}.nav-item.active .icon{color:#b7a4ff}.nav-item.active i{width:5px;height:5px;border-radius:50%;background:#b9a4ff;margin-left:auto;box-shadow:0 0 14px #a786ff}.nav-label{font-size:9px;color:#6f7383;letter-spacing:1.8px;margin:30px 12px 12px}.sidebar-bottom{margin-top:auto;padding:24px 3px 0;border-top:1px solid #1e2028;display:flex;gap:11px;font-size:10px;color:#b2b3bf}.sidebar-bottom small{display:block;font-size:9px;color:#747887;margin-top:3px}.small-orbit{color:#8a7cad}.small-orbit .icon{width:18px;height:18px}.workspace{margin-left:260px;min-height:100vh;background:radial-gradient(ellipse at 62% 66%,#17162865,transparent 55%)}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.breadcrumb{color:#696e7c;font-size:11px}.breadcrumb span{margin:0 12px;color:#383d49}.breadcrumb strong{font-weight:400;color:#bfc0ca}.top-pills{display:flex;align-items:center;gap:12px;font-size:11px}.access-pill,.company-pill{display:flex;align-items:center;gap:8px;border:1px solid #232631;border-radius:25px;padding:7px 12px;color:#aeb1be;background:#090b0e}.access-pill i{height:6px;width:6px;border-radius:50%;background:#8278d3}.company-pill{padding:4px 12px 4px 4px}.company-pill b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#9d91cc;color:#181224;font-size:12px;font-weight:550}.menu-button{display:none}main{max-width:1600px;margin:auto;padding:34px 48px 20px;overflow:hidden}.welcome{display:flex;gap:20px;align-items:center;position:relative;z-index:1}.welcome-symbol{width:56px;height:64px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(145deg,#a47f27,#403218);color:#f4df9c;position:relative;isolation:isolate;flex-shrink:0}.welcome-symbol:before{content:"";position:absolute;inset:1px;background:linear-gradient(145deg,#57451d,#19170e);clip-path:inherit;z-index:-1}.welcome-symbol .icon{width:25px;height:25px}.eyebrow{margin:0 0 8px;color:#92929e;font-size:9px;font-weight:500;letter-spacing:2.6px}h1{font-size:clamp(26px,3.1vw,45px);line-height:1.14;letter-spacing:-1.8px;margin:0;font-weight:620}h1 span{color:#b2a4ea}.lead{color:#9d9fac;font-size:14px;margin:13px 0 0;font-weight:350}.apps-section{position:relative;margin-top:53px;isolation:isolate;min-height:590px}.section-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:2}h2{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:0;font-weight:560}.app-count{font-size:11px;color:#828694;margin-bottom:3px}.honeycomb{position:absolute;z-index:-2;top:-15px;left:50%;width:1600px;transform:translateX(-50%);overflow:hidden;height:670px;mask-image:linear-gradient(transparent,black 32%,black 68%,transparent)}.honey-row{display:flex;gap:8px;margin-top:-47px}.honey-row:nth-child(even){transform:translateX(-86px)}.honey-row i{width:164px;height:188px;flex-shrink:0;position:relative;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(140deg,#242635,#10121a);opacity:.65}.honey-row i:before{content:"";position:absolute;inset:1px;clip-path:inherit;background:linear-gradient(150deg,#141620,#0d0f16)}.app-stage{display:grid;grid-template-columns:repeat(3,200px);justify-content:center;align-items:start;column-gap:28px;padding-top:85px;min-height:400px;position:relative}.app-card{width:200px;height:232px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate;transition:transform .25s,filter .25s;filter:drop-shadow(0 12px 35px #0005)}.card-shell{position:absolute;inset:0;z-index:-1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(150deg,#b5a4f3,#7064b6 55%,#554776)}.card-shell:before{content:"";position:absolute;inset:1.5px;clip-path:inherit;background:linear-gradient(150deg,#554681,#211a44 50%,#121022)}.card-shell:after{content:"";position:absolute;inset:3px;clip-path:inherit;background:radial-gradient(ellipse at 50% 0,#c0a7ff35,transparent 65%)}.card-content{display:flex;align-items:center;flex-direction:column;padding-top:5px}.card-icon{margin-bottom:12px;color:#e0d9ff}.card-icon .icon{width:30px;height:30px}.card-content strong{font-size:16px;line-height:1.4;font-weight:550;letter-spacing:.1px}.card-tag{font-size:8px;letter-spacing:1.6px;color:#b5a9d9;margin-top:11px}.card-arrow{margin-top:11px;color:#c9baee;height:17px;opacity:.8}.card-arrow .icon{width:17px;height:17px}.teal{margin-top:72px}.teal .card-shell{background:linear-gradient(140deg,#4dc0c9,#206f78 60%,#174951)}.teal .card-shell:before{background:linear-gradient(150deg,#185965,#082d36 50%,#08171d)}.teal .card-shell:after{background:radial-gradient(ellipse at 50% 0,#59ecf13a,transparent 65%)}.teal .card-icon,.teal .card-arrow{color:#c5f6fa}.teal .card-tag{color:#89c1c8}.app-card[href]:hover{transform:translateY(-7px);filter:drop-shadow(0 15px 32px #9983ef29)}.teal[href]:hover{filter:drop-shadow(0 15px 32px #4acce329)}.app-card:focus-visible{outline-offset:8px;border-radius:14px}.upcoming{opacity:.7}.upcoming .card-shell{background:linear-gradient(140deg,#333647,#252633)}.upcoming .card-shell:before{background:linear-gradient(145deg,#151722,#101119)}.upcoming .card-shell:after{display:none}.upcoming .card-content strong{font-size:13px;color:#a7a9b7;font-weight:400}.upcoming .card-icon{color:#76798a;margin-bottom:16px}.upcoming .card-tag{color:#7e8291}.section-foot{position:relative;display:flex;align-items:center;justify-content:center;gap:17px;margin-top:42px;color:#747888;font-size:10px;letter-spacing:.4px}.foot-line{height:1px;width:40px;background:#282a38}.page-footer{display:flex;justify-content:space-between;gap:15px;color:#646a7a;font-size:9px;border-top:1px solid #1d202b;padding-top:20px}.page-footer>span:first-child{color:#bbbcca}.muted{color:#646a7a;margin-left:6px}.empty{grid-column:1/-1;text-align:center;padding:60px 0;color:#cbc8da}.empty span{display:inline-block;font-size:12px;color:#8e92a3;margin-top:8px}[hidden]{display:none!important}@media(min-width:1550px){main{padding-top:55px}.apps-section{margin-top:70px}.app-stage{padding-top:105px;column-gap:48px}.app-card{width:220px;height:254px}.app-stage{grid-template-columns:repeat(3,220px)}}@media(max-width:1150px){.sidebar{width:220px;padding:28px 15px}.workspace{margin-left:220px}.topbar{padding:0 28px}main{padding:25px 28px 20px}.app-stage{grid-template-columns:repeat(3,160px);gap:17px;min-height:360px}.app-card{width:160px;height:186px}.card-content strong{font-size:13px}.card-tag{font-size:6.5px;letter-spacing:1px}.card-icon{margin-bottom:7px}.card-icon .icon{width:25px;height:25px}.card-arrow{margin-top:7px}.apps-section{min-height:540px}.teal{margin-top:60px}.brand{font-size:22px}.nav-item{font-size:11px;gap:8px}}@media(max-width:850px){.sidebar{width:190px;padding:25px 12px}.workspace{margin-left:190px}.brand{font-size:20px;gap:8px}.brand small{font-size:6px}.brand-mark{width:33px;height:38px}.searchbox kbd{display:none}.nav-item{font-size:10px}.topbar{padding:0 22px}.breadcrumb{display:none}.top-pills{margin-left:auto}.access-pill{display:none}main{padding:25px 22px}.welcome{gap:14px}.welcome-symbol{width:43px;height:50px}h1{letter-spacing:-1px;font-size:29px}.lead{font-size:12px}.app-stage{grid-template-columns:repeat(2,175px);gap:16px;padding-top:65px;min-height:460px}.app-card{width:175px;height:202px}.teal{margin-top:0}.upcoming{grid-column:1/-1;justify-self:center;margin-top:-5px;width:140px;height:162px}.upcoming .card-content strong{font-size:11px}.app-count{font-size:9px}.section-foot{margin-top:25px}.page-footer{margin-top:35px}.apps-section{min-height:0}.sidebar-bottom{font-size:9px}.sidebar-bottom small{font-size:8px}}@media(max-width:600px){.sidebar{transform:translateX(-100%);transition:transform .25s;width:250px;top:64px;padding:23px 19px;box-shadow:15px 0 40px #0007}.sidebar.open{transform:translateX(0)}.sidebar .brand{font-size:24px}.sidebar .brand small{font-size:8px}.sidebar .nav-item{font-size:12px}.workspace{margin-left:0}.topbar{height:64px;border-bottom:1px solid #191c24;padding:0 20px}.menu-button{display:grid;place-items:center;width:34px;height:34px;background:#11141c;border:1px solid #2c303d;border-radius:7px;color:#c8c7d6}.top-pills{font-size:10px}.company-pill{padding-right:10px}main{padding:32px 20px 20px}.welcome{align-items:flex-start;gap:13px}.welcome-symbol{width:39px;height:46px;margin-top:4px}h1{font-size:27px;line-height:1.17;letter-spacing:-.8px;max-width:280px}.eyebrow{font-size:7px;letter-spacing:1.9px;margin-bottom:9px}.lead{font-size:11px;line-height:1.6;max-width:235px;margin-top:12px}.apps-section{margin-top:43px}.section-heading{gap:8px}h2{font-size:21px}.app-count{font-size:8px;max-width:78px;text-align:right}.app-stage{grid-template-columns:repeat(2,minmax(0,160px));gap:10px;padding-top:48px;min-height:395px}.app-card{width:100%;height:auto;aspect-ratio:200/232}.card-content strong{font-size:12px}.card-tag{font-size:6px;letter-spacing:.8px}.card-icon .icon{width:25px;height:25px}.card-arrow{margin-top:6px}.upcoming{width:125px;height:145px;margin-top:-2px}.upcoming .card-content strong{font-size:10px}.upcoming .card-icon{margin-bottom:9px}.section-foot{font-size:8px;gap:9px;margin-top:13px}.foot-line{width:17px}.page-footer{font-size:8px;flex-wrap:wrap;margin-top:28px;padding-top:18px;gap:7px}.honeycomb{top:5px;height:520px}.searchbox{margin:28px 0 20px}.sidebar-bottom{font-size:10px}.sidebar-bottom small{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.apps-section{--cell:200px;--hex-height:230.94px;--pitch:210px;--step:181.2px;--accent:166,145,255;--mx:50%;--my:40%;--energy:.25;min-height:0}.apps-section[data-tone=teal]{--accent:73,212,221}.honeycomb{inset:0;left:0;top:0;width:100%;height:100%;transform:none;z-index:-1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(transparent,black 15%,black 82%,transparent)}.honeycomb .mesh-cell{position:absolute;display:block;width:var(--cell);height:var(--hex-height);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(145deg,rgba(var(--accent),calc(.08 + var(--heat,0)*.65)),rgba(var(--accent),calc(.035 + var(--heat,0)*.25)));transition:background .3s}.mesh-cell:before{content:'';position:absolute;inset:1px;clip-path:inherit;background:linear-gradient(145deg,#141621,#0a0d14)}.mesh-cell:after{content:'';position:absolute;inset:2px;clip-path:inherit;background:radial-gradient(ellipse at 50% 20%,rgba(var(--accent),calc(var(--heat,0)*.24)),transparent 85%);transition:opacity .25s}.apps-section:before{content:'';position:absolute;inset:25px -20px -20px;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 300px 230px at var(--mx) var(--my),rgba(var(--accent),.13),transparent 80%);opacity:var(--energy);transition:opacity .4s}.app-stage{display:block;position:relative;padding:0;height:495px;min-height:0}.app-card{position:absolute;left:calc(50% - var(--cell)/2);top:70px;width:var(--cell);height:var(--hex-height);margin:0;aspect-ratio:auto;--dx:0px;--dy:0px;transform:translate(var(--dx),var(--dy));transition:filter .3s;filter:drop-shadow(0 0 22px #9882ed15);border-radius:0}.purple{--dx:calc(var(--pitch)/-2)}.teal{--dx:calc(var(--pitch)/2)}.upcoming{--dy:var(--step);opacity:.7}.app-card .card-shell{transition:filter .3s}.app-card[href]:hover,.app-card[href]:focus-visible{transform:translate(var(--dx),var(--dy));filter:drop-shadow(0 0 30px #a18de960)}.teal[href]:hover,.teal[href]:focus-visible{filter:drop-shadow(0 0 30px #48d4dd60)}.app-card[href]:hover .card-shell,.app-card[href]:focus-visible .card-shell{filter:brightness(1.25)}.app-card[href]:hover .card-icon,.app-card[href]:focus-visible .card-icon{filter:drop-shadow(0 0 8px currentColor)}.card-arrow{transition:transform .25s}.app-card[href]:hover .card-arrow{transform:translateX(4px)}.app-card:focus-visible{outline:0}.app-card:focus-visible .card-shell{background:#f3edff}.section-foot{margin-top:0;margin-bottom:42px}.empty{position:absolute;inset:75px 0 auto;margin:0;padding:40px 0;background:#0b0d16dc;border:1px solid #292638;border-radius:12px}.app-stage:has(.empty:not([hidden])){height:280px}@media(min-width:1550px){.apps-section{--cell:220px;--hex-height:254.03px;--pitch:230px;--step:198.5px}.app-stage{height:550px}.app-card{top:85px}}@media(max-width:1150px){.apps-section{--cell:175px;--hex-height:202.07px;--pitch:185px;--step:159.55px}.app-stage{height:450px}.app-card{top:65px}.upcoming .card-content strong{font-size:12px}}@media(max-width:850px){.apps-section{--cell:165px;--hex-height:190.53px;--pitch:175px;--step:150.9px}.app-stage{height:420px}.app-card{top:55px}.upcoming .card-content strong{font-size:11px}.section-foot{margin-bottom:25px}.upcoming .card-icon{margin-bottom:12px}}@media(max-width:600px){.apps-section{--cell:min(160px,calc((100vw - 54px)/2));--hex-height:calc(var(--cell)*1.1547);--pitch:calc(var(--cell) + 10px);--step:calc(var(--hex-height)*.75 + 8px)}.app-stage{height:calc(var(--hex-height) + var(--step) + 76px)}.app-card{top:45px;width:var(--cell);height:var(--hex-height)}.upcoming .card-content strong{font-size:11px}.section-foot{margin-top:10px;margin-bottom:20px}.honeycomb{height:100%}.apps-section:before{inset:0}.page-footer{margin-top:0}}@media(prefers-reduced-motion:reduce){.apps-section:before{display:none}.card-arrow{transform:none!important}}.quality-overlay{position:fixed;inset:0;z-index:100;background:rgba(3,5,11,.78);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);overflow:auto;animation:quality-fade .18s ease-out}.quality-cluster{position:absolute;width:440px;height:430px;isolation:isolate}.quality-cluster:before{content:'';position:absolute;inset:10px -20px 5px;background:radial-gradient(ellipse,#9b80f026,transparent 68%);pointer-events:none}.quality-core{position:absolute;left:120px;top:36px;width:200px;height:231px;display:grid;place-items:center;text-align:center;isolation:isolate;filter:drop-shadow(0 0 30px #a88af76b)}.quality-core .card-shell{background:linear-gradient(145deg,#d2baff,#9475dc 65%,#8261bf)}.quality-core .card-shell:before{background:linear-gradient(145deg,#66508e,#332557 60%,#20172f)}.quality-core .card-content strong{font-size:17px}.quality-core .card-icon{filter:drop-shadow(0 0 10px #c5a3ff)}.quality-core .card-arrow{display:none}.quality-core .card-tag{font-size:8px}.quality-option{position:absolute;top:234px;width:132px;height:153px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;isolation:isolate;color:#f5efff;filter:drop-shadow(0 0 15px #a486dc25);transition:filter .2s,transform .2s}.quality-option.form-option{left:65px}.quality-option.admin-option{right:65px}.quality-option .card-shell{background:linear-gradient(145deg,#bd9ced,#634987)}.quality-option .card-shell:before{background:linear-gradient(145deg,#44305f,#1a122b)}.quality-option.admin-option .card-shell{background:linear-gradient(145deg,#6bd7df,#27656c)}.quality-option.admin-option .card-shell:before{background:linear-gradient(145deg,#174b56,#0b202a)}.quality-option svg{width:23px;height:23px;margin-bottom:9px}.quality-option strong{font-size:11px;line-height:1.4;font-weight:550;max-width:104px}.quality-option .option-arrow{margin:8px 0 0;width:14px;height:14px}.quality-option:hover,.quality-option:focus-visible{filter:drop-shadow(0 0 22px #c19aff70);transform:scale(1.05);outline:0}.quality-option:focus-visible .card-shell{background:#fff}.quality-dismiss{position:absolute;top:0;right:43px;border:1px solid #575063;border-radius:20px;background:#16121fe6;color:#d4cddd;padding:6px 12px;font-size:10px;cursor:pointer}.quality-hint{position:absolute;top:396px;left:0;width:100%;margin:0;text-align:center;color:#b1a6c2;font-size:10px;letter-spacing:.5px}.quality-overlay:focus{outline:0}.quality-open{overflow:hidden}@keyframes quality-fade{from{opacity:0}to{opacity:1}}@media(max-width:600px){.quality-cluster{width:340px;height:415px}.quality-core{left:85px;top:38px;width:170px;height:196px}.quality-core .card-content strong{font-size:14px}.quality-core .card-tag{font-size:7px}.quality-option{top:210px;width:120px;height:139px}.quality-option.form-option{left:40px}.quality-option.admin-option{right:40px}.quality-dismiss{right:20px}.quality-hint{top:374px}.quality-option strong{font-size:10px}}@media(max-width:355px){.quality-cluster{transform:scale(.88);transform-origin:top left}}@media(prefers-reduced-motion:reduce){.quality-overlay{animation:none}.quality-option{transition:none}}.workspace{position:relative;isolation:isolate;overflow:hidden;--accent:166,145,255}.workspace[data-tone=teal]{--accent:73,212,221}.workspace>.honeycomb{position:absolute;inset:0;width:100%;height:100%;mask-image:none;-webkit-mask-image:none;z-index:-1;opacity:.78}.workspace>.honeycomb .mesh-cell:before{background:linear-gradient(145deg,#11141d,#090c12)}.apps-section{isolation:auto}.workspace main{overflow:visible}.welcome,.topbar,.section-heading,.page-footer{position:relative}.welcome h1,.section-heading h2{text-shadow:0 2px 18px #07090e}.topbar{background:linear-gradient(#080a0e55,transparent)}.workspace .page-footer{padding-bottom:20px}.workspace .section-foot{position:relative}.app-stage > .app-card.teal{display:none!important}.workspace main{max-width:none;margin:0;padding:12px 22px 24px}.workspace .topbar{height:62px;padding:0 22px}.welcome{width:fit-content;max-width:100%;padding:18px 22px;gap:16px;background:linear-gradient(135deg,rgba(29,32,47,.76),rgba(12,15,24,.62));backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);border:1px solid rgba(186,180,225,.16);border-radius:16px;box-shadow:0 12px 36px #0003,inset 0 1px #ffffff08}.welcome .eyebrow{color:#b6b7cc}.welcome .lead{color:#c0c2d1}.apps-section{margin-top:18px}.section-heading{align-items:center}.section-heading>div{padding:13px 18px;background:rgba(18,22,33,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(181,175,223,.14);border-radius:12px;box-shadow:0 8px 26px #0002}.section-heading .eyebrow{color:#b3b5c9}.section-heading .app-count{padding:8px 12px;border:1px solid #b5afd51a;border-radius:20px;background:#10131eb8;backdrop-filter:blur(12px);color:#b9bccd}.app-card{top:48px}.app-stage{height:430px}@media(min-width:1550px){.app-stage{height:500px}.app-card{top:62px}}@media(max-width:850px){.welcome{padding:16px;gap:13px}.workspace main{padding:12px 16px 20px}.workspace .topbar{padding:0 16px}.app-stage{height:410px}.app-card{top:44px}}@media(max-width:600px){.workspace .topbar{height:64px}.workspace main{padding:12px 14px 20px}.welcome{padding:17px 14px;border-radius:13px;gap:11px;width:100%}.welcome h1{font-size:25px;letter-spacing:-.65px}.welcome .welcome-symbol{width:34px;height:40px}.welcome .lead{font-size:11px}.apps-section{margin-top:14px}.section-heading>div{padding:12px 13px}.section-heading h2{font-size:20px}.section-heading .eyebrow{font-size:6.5px;letter-spacing:1.2px}.section-heading .app-count{max-width:93px;padding:7px 9px;font-size:8px}.app-stage{height:calc(var(--hex-height) + var(--step) + 65px)}.app-card{top:35px}}.section-heading .app-count{display:none!important}.nav-quality{margin:5px 0}.nav-quality summary{list-style:none;cursor:pointer;user-select:none;gap:9px;font-size:11px;padding:10px 9px}.nav-quality summary::-webkit-details-marker{display:none}.nav-quality summary>span{flex:1;min-width:0}.nav-quality .nav-chevron{width:15px;height:15px;flex-shrink:0;color:#aca3ca;transition:transform .2s}.nav-quality[open] .nav-chevron{transform:rotate(180deg)}.nav-quality[open] summary{background:#211b3280;color:#e4dcfa}.nav-quality summary:focus-visible{outline:2px solid #b5a2ef;outline-offset:2px}.nav-submenu{margin:4px 5px 12px 18px;padding:4px 0 4px 10px;border-left:1px solid #76619e66}.nav-submenu a{display:flex;align-items:center;gap:9px;min-height:43px;padding:8px 9px;font-size:10px;line-height:1.5;color:#b7b4c5;border-radius:7px}.nav-submenu a .icon{width:16px;height:16px;color:#a69ac5}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#30234070;color:#f0e8ff}.nav-submenu a:last-child .icon{color:#76c8ce}@media(max-width:850px) and (min-width:601px){.nav-quality summary{font-size:10px;gap:5px;padding-left:6px;padding-right:5px}.nav-submenu{margin-left:12px;padding-left:5px}.nav-submenu a{font-size:9px;gap:6px;padding:8px 5px}}@media(max-width:600px){.sidebar .nav-quality summary{font-size:12px}.nav-submenu a{font-size:11px;min-height:46px}}.workspace{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.workspace .topbar{flex:0 0 auto}.workspace main{display:flex;flex-direction:column;flex:1;width:100%;padding-bottom:14px}.workspace .welcome{flex:0 0 auto}.workspace .apps-section{display:flex;flex-direction:column;flex:1}.workspace .section-heading,.workspace .app-stage{flex-shrink:0}.workspace .section-foot{margin-top:auto;margin-bottom:18px;padding-top:24px}.workspace .page-footer{flex-shrink:0;margin-top:0;padding-top:15px;padding-bottom:0;min-height:30px}@media(max-width:600px){.workspace main{padding-bottom:14px}.workspace .section-foot{padding-top:20px;margin-bottom:15px}.workspace .page-footer{padding-top:12px;min-height:28px}}.app-card.orders{--dx:calc(var(--pitch)/2);border:0;padding:0;background:none;color:#d6f5fa;font-family:inherit;cursor:pointer}.orders .card-shell,.orders-core .card-shell{background:linear-gradient(145deg,#77d6e0,#267b8e 70%,#195063)}.orders .card-shell:before,.orders-core .card-shell:before{background:linear-gradient(145deg,#276d80,#103440 65%,#0b202a)}.orders:hover,.orders:focus-visible{filter:drop-shadow(0 0 28px #57c9dc70)}.orders:focus-visible .card-shell{background:#fff}.orders .card-content strong{font-size:16px}.orders-overlay .quality-cluster{width:480px;height:560px}.orders-overlay .quality-core{left:140px;top:40px;filter:drop-shadow(0 0 30px #47c5df66)}.orders-overlay .quality-option{top:252px;cursor:default}.orders-overlay .orders-cd{left:60px}.orders-overlay .orders-admin{left:288px}.orders-overlay .orders-production{left:174px;top:370px}.orders-overlay .quality-option .card-shell{background:linear-gradient(145deg,#72cdda,#255769)}.orders-overlay .quality-option .card-shell:before{background:linear-gradient(145deg,#174858,#0c202a)}.orders-overlay .quality-option small{font-size:8px;color:#91bdc6;letter-spacing:1px;margin-top:9px}.orders-overlay .quality-hint{top:538px}.orders-overlay .quality-cluster:before{background:radial-gradient(ellipse,#348aa633,transparent 68%)}@media(max-width:600px){.orders .card-content strong{font-size:12px}.orders-overlay .quality-cluster{width:340px;height:495px}.orders-overlay .quality-core{left:85px;top:32px}.orders-overlay .quality-option{width:110px;height:127px;top:210px}.orders-overlay .orders-cd{left:16px}.orders-overlay .orders-admin{left:214px}.orders-overlay .orders-production{left:115px;top:326px}.orders-overlay .quality-option strong{max-width:96px;font-size:10px}.orders-overlay .quality-hint{top:472px}}.nav-orders[open]>summary{color:#b4eaf2;background:#102831}.nav-pending{padding:11px 8px 11px 15px;color:#9caeb6;font-size:11px;line-height:1.5}.nav-pending small{display:block;color:#64818c;font-size:9px;margin-top:3px}.nav-orders .nav-submenu{border-color:#28505e}
/* Controle de pedidos: mesmo destaque do aplicativo de qualidade. */
.orders:hover,.orders:focus-visible{filter:drop-shadow(0 0 30px #48d4dd60)}
.orders:hover .card-shell,.orders:focus-visible .card-shell{filter:brightness(1.25)}
.orders:hover .card-icon,.orders:focus-visible .card-icon{filter:drop-shadow(0 0 8px currentColor)}
.orders:hover .card-arrow{transform:translateX(4px)}

/* Mesma apresentação e transição dos ícones nos dois aplicativos. */
.app-card .card-icon{transition:filter .25s ease}
.orders .card-icon,.orders .card-arrow{color:#c5f6fa}
.orders:focus-visible .card-arrow{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.app-card .card-icon{transition:none}}
/* Hexágonos sem ação: Azul Profundo da paleta GrupoSkin. */
.mesh-cell:before{background:#142A45}
.honey-row i:before{background:#142A45}
.upcoming .card-shell{background:#294662}
.upcoming .card-shell:before{background:#142A45}
.upcoming{opacity:1}
.upcoming .card-content strong{color:#e9eff3}
.upcoming .card-icon,.upcoming .card-tag{color:#afc3d5}
/* Painel lateral Champagne — teste local. */
.sidebar{background:#C4A16A;border-right-color:#b28e58;color:#142A45}
.sidebar .brand,.sidebar .brand small{color:#142A45}
.sidebar .brand-mark{background:#142A45;color:#142A45}
.sidebar .brand-mark:before{background:#C4A16A}
.sidebar .searchbox{background:#f7f4ee;border-color:#ac8853;color:#213b5c}
.sidebar .searchbox input{color:#142A45}
.sidebar .searchbox input::placeholder{color:#526078}
.sidebar .searchbox kbd{color:#213b5c;border-color:#b2b7bb}
.sidebar .nav-item,.sidebar .nav-submenu a,.sidebar .nav-pending{color:#142A45}
.sidebar .nav-item.active,.sidebar .nav-item:hover,.sidebar .nav-quality[open]>summary,.sidebar .nav-orders[open]>summary{background:#142A45;color:#fff}
.sidebar .nav-item.active .icon{color:#e9eff3}
.sidebar .nav-item.active i{background:#C4A16A;box-shadow:0 0 10px #c4a16a66}
.sidebar .nav-label,.sidebar .nav-pending small{color:#243c56}
.sidebar .nav-submenu,.sidebar .nav-orders .nav-submenu{border-color:#8d7048}
.sidebar .nav-submenu a:hover{background:#213b5c;color:#fff}
.sidebar .sidebar-bottom{border-top-color:#9e7d4b;color:#142A45}
.sidebar .sidebar-bottom small,.sidebar .small-orbit{color:#213b5c}

/* Logo oficial 2026, exportada do arquivo Illustrator fornecido. */
.sidebar .brand{display:block;background:#fff;padding:12px 8px;border-radius:7px}
.sidebar .portal-official-logo{display:block;width:100%;height:auto;max-width:100%}
/* Paleta aprovada para a lateral: Azul Skin e textos Champagne. */
.sidebar{background:#213B5C;border-right-color:#142A45;color:#C4A16A}
.sidebar .brand,.sidebar .brand small,.sidebar .nav-item,.sidebar .nav-submenu a,.sidebar .nav-pending,.sidebar .nav-label,.sidebar .nav-pending small,.sidebar .sidebar-bottom,.sidebar .sidebar-bottom small,.sidebar .small-orbit{color:#C4A16A}
.sidebar .searchbox{background:#142A45;border-color:#8d754f;color:#C4A16A}
.sidebar .searchbox input,.sidebar .searchbox input::placeholder,.sidebar .searchbox kbd{color:#C4A16A}
.sidebar .searchbox kbd{border-color:#8d754f}
.sidebar .nav-item.active,.sidebar .nav-item:hover,.sidebar .nav-quality[open]>summary,.sidebar .nav-orders[open]>summary,.sidebar .nav-submenu a:hover{background:#142A45;color:#C4A16A}
.sidebar .nav-item.active .icon{color:#C4A16A}
.sidebar .nav-submenu,.sidebar .nav-orders .nav-submenu,.sidebar .sidebar-bottom{border-color:#8d754f}
/* Inversão dos azuis: lateral profunda e hexágonos Azul Skin. */
.sidebar{background:#142A45;border-right-color:#213B5C}
.sidebar .searchbox{background:#213B5C}
.sidebar .nav-item.active,.sidebar .nav-item:hover,.sidebar .nav-quality[open]>summary,.sidebar .nav-orders[open]>summary,.sidebar .nav-submenu a:hover{background:#213B5C}
.mesh-cell:before,.honey-row i:before,.upcoming .card-shell:before{background:#213B5C}
/* Hexágonos e malha 20% menores, usando a mesma geometria. */
.apps-section{--cell:160px;--hex-height:calc(var(--cell)*1.1547);--pitch:calc(var(--cell) + 10px);--step:calc(var(--hex-height)*.75 + 8px)}
.app-stage{height:calc(var(--hex-height) + var(--step) + 95px)}
.app-stage .app-card{top:44px}
.app-stage .card-content strong,.app-stage .orders .card-content strong{font-size:13px;line-height:1.35}
.app-stage .card-icon .icon{width:24px;height:24px}
.app-stage .card-icon{margin-bottom:8px}
.app-stage .card-tag{font-size:7px;letter-spacing:1px;margin-top:8px}
.app-stage .card-arrow{margin-top:8px}
.app-stage .upcoming .card-content strong{font-size:11px}
@media(min-width:1550px){.apps-section{--cell:176px}.app-stage .app-card{top:50px}.app-stage{height:calc(var(--hex-height) + var(--step) + 105px)}}
@media(max-width:1150px){.apps-section{--cell:140px}.app-stage .card-content strong,.app-stage .orders .card-content strong{font-size:12px}.app-stage .card-tag{font-size:6.5px;letter-spacing:.7px}}
@media(max-width:850px){.apps-section{--cell:132px}.app-stage .app-card{top:36px}.app-stage{height:calc(var(--hex-height) + var(--step) + 80px)}}
@media(max-width:600px){.apps-section{--cell:min(128px,calc((100vw - 54px)/2))}.app-stage .app-card{top:30px}.app-stage{height:calc(var(--hex-height) + var(--step) + 65px)}.app-stage .card-content strong,.app-stage .orders .card-content strong{font-size:11px}.app-stage .card-icon .icon{width:22px;height:22px}.app-stage .card-tag{font-size:6px}.app-stage .card-arrow{margin-top:5px}.app-stage .upcoming .card-content strong{font-size:10px}}
/* Textos da lateral em Marfim. */
.sidebar,.sidebar .brand,.sidebar .brand small,.sidebar .nav-item,.sidebar .nav-submenu a,.sidebar .nav-pending,.sidebar .nav-label,.sidebar .nav-pending small,.sidebar .sidebar-bottom,.sidebar .sidebar-bottom small,.sidebar .searchbox input,.sidebar .searchbox input::placeholder,.sidebar .searchbox kbd{color:#F7F4EE}
.sidebar .nav-item.active,.sidebar .nav-item:hover,.sidebar .nav-quality[open]>summary,.sidebar .nav-orders[open]>summary,.sidebar .nav-submenu a:hover{color:#F7F4EE}
/* Segunda redução: 20% sobre o tamanho atual dos hexágonos. */
.apps-section{--cell:128px}
.app-stage .card-content strong,.app-stage .orders .card-content strong{font-size:11px}
.app-stage .card-icon .icon{width:20px;height:20px}
.app-stage .card-icon{margin-bottom:5px}
.app-stage .card-tag{font-size:6px;letter-spacing:.5px;margin-top:5px}
.app-stage .card-arrow{margin-top:5px}
.app-stage .upcoming .card-content strong{font-size:10px}
@media(min-width:1550px){.apps-section{--cell:140.8px}}
@media(max-width:1150px){.apps-section{--cell:112px}.app-stage .card-content strong,.app-stage .orders .card-content strong{font-size:10px}}
@media(max-width:850px){.apps-section{--cell:105.6px}}
@media(max-width:600px){.apps-section{--cell:min(102.4px,calc((100vw - 54px)/2))}.app-stage .card-content strong,.app-stage .orders .card-content strong{font-size:10px}.app-stage .card-icon .icon{width:18px;height:18px}.app-stage .card-arrow{margin-top:3px}.app-stage .upcoming .card-content strong{font-size:9px}}
/* Fontes maiores e legíveis no painel lateral. */
.sidebar .nav-item{font-size:14px;line-height:1.45;min-height:50px}
.sidebar .nav-item>span{min-width:0;overflow-wrap:break-word}
.sidebar .nav-submenu a,.sidebar .nav-pending{font-size:13px;line-height:1.5}
.sidebar .nav-label{font-size:11px;letter-spacing:1.4px}
.sidebar .searchbox input{font-size:14px}
.sidebar .searchbox kbd{font-size:12px}
.sidebar .nav-pending small{font-size:11px}
.sidebar .sidebar-bottom{font-size:12px;line-height:1.5}
.sidebar .sidebar-bottom small{font-size:11px;line-height:1.5}
@media(max-width:850px) and (min-width:601px){.sidebar .nav-item{font-size:13px}.sidebar .nav-submenu a{font-size:12px}.sidebar .searchbox{padding:9px 7px}}
@media(max-width:600px){.sidebar .nav-item{font-size:14px}.sidebar .sidebar-bottom{font-size:12px}.sidebar .sidebar-bottom small{font-size:11px}}
/* Novos aplicativos com o mesmo fundo da malha decorativa. */
.upcoming .card-shell{background:linear-gradient(145deg,rgba(166,145,255,.08),rgba(166,145,255,.035))}
.upcoming .card-shell:before{background:linear-gradient(145deg,#11141d,#090c12)}
/* Mesmo brilho de ícone em Novos aplicativos, sem adicionar clique. */
.app-stage .upcoming:hover .card-icon{filter:drop-shadow(0 0 8px currentColor)}

/* Controle de pedidos: uma única opção de acesso. */
.orders-overlay .quality-cluster{height:480px}
.orders-overlay .orders-access{left:174px;top:282px;cursor:pointer}
.orders-overlay .quality-hint{top:450px}
.orders-overlay .orders-access{color:#fff7e7;filter:drop-shadow(0 0 15px #e5b45a30)}
.orders-overlay .orders-access .card-shell{background:linear-gradient(145deg,#f5d28b,#e5b45a 55%,#926126)}
.orders-overlay .orders-access .card-shell:before{background:linear-gradient(145deg,#73501f,#35250f 65%,#21190d)}
.orders-overlay .orders-access .card-shell:after{background:radial-gradient(ellipse at 50% 0,#e5b45a35,transparent 65%)}
.orders-overlay .orders-access:hover,.orders-overlay .orders-access:focus-visible{filter:drop-shadow(0 0 22px #e5b45a70)}
.orders-overlay .orders-access:focus-visible{outline:2px solid #f5d28b;outline-offset:4px}
@media(max-width:600px){
  .orders-overlay .quality-cluster{height:420px}
  .orders-overlay .orders-access{left:115px;top:242px}
  .orders-overlay .quality-hint{top:390px}
}
