:root{color-scheme:dark;--bg:#071013;--surface:#0c1c20;--panel:#10272a;--panel2:#0a2225;--border:rgba(117,217,203,.19);--green:#65e5d2;--green2:#25a99b;--ink:#effbf6;--muted:#9cbdb5;--muted2:#648e86;--head:"Montserrat","Manrope",system-ui,sans-serif;--font:"Manrope",system-ui,sans-serif;--iconrail:66px;--siderail:242px;--header:73px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{min-width:300px;margin:0;background:var(--bg);color:var(--ink);font:400 14px/1.62 var(--font);overflow-x:clip}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}[hidden]{display:none!important}svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;flex-shrink:0}::selection{background:var(--green);color:#06302a}:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.background-glow{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 90% 6%,rgba(19,128,112,.1),transparent 45%),radial-gradient(ellipse at 20% 78%,rgba(38,101,94,.1),transparent 55%)}
.skip{position:absolute;z-index:200;top:-80px;left:10px;padding:13px 17px;background:var(--ink);color:var(--bg);border-radius:10px;text-decoration:none}.skip:focus{top:10px}
.icon-rail{position:fixed;inset:0 auto 0 0;z-index:60;width:var(--iconrail);display:flex;align-items:center;flex-direction:column;gap:6px;padding:16px 8px 14px;background:#060f11;border-right:1px solid var(--border)}
.rail-brand{height:48px;display:grid;place-items:center;text-decoration:none;font-family:var(--head);font-size:27px;font-weight:850;letter-spacing:-.15em;margin-right:4px;color:white}.rail-brand span span{color:var(--green)}
.rail-rule{height:1px;width:32px;background:var(--border);margin:13px 0 17px}
.rail-icon,.rail-avatar{width:46px;height:46px;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:#6e9b91;border-radius:12px;position:relative;text-decoration:none}
.rail-icon:hover:not(:disabled),.rail-icon.active{background:rgba(48,167,146,.14);color:var(--green);border-color:rgba(100,226,203,.2)}
.rail-icon.active:before{content:"";position:absolute;left:-9px;top:12px;bottom:12px;width:3px;background:var(--green);border-radius:100px}
.rail-icon:disabled{opacity:.36;cursor:not-allowed}.rail-tiny-lock{font-size:13px;position:absolute;right:4px;top:2px}.rail-grow{flex:1}
.rail-avatar{border:2px solid rgba(104,221,199,.56);border-radius:50%;background:linear-gradient(125deg,#204d4d,#128275);font-size:14px;font-weight:850;color:#efffff}
.section-rail{position:fixed;z-index:55;top:0;bottom:0;left:var(--iconrail);width:var(--siderail);border-right:1px solid var(--border);background:#081518;display:flex;flex-direction:column;padding:26px 13px 15px;min-height:0}
.side-ident{padding:0 11px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}
.side-ident img{width:85px;height:auto;object-fit:contain}
.side-ident div{border-left:1px solid var(--border);padding-left:11px;display:flex;flex-direction:column;gap:1px}
.side-ident div span{font-size:8px;color:#6bafa3;letter-spacing:.14em;font-weight:840;white-space:nowrap}.side-ident b{font-size:12px;white-space:nowrap}
.side-partner{display:flex;align-items:center;gap:10px;padding:23px 9px 21px;margin-bottom:13px;border-bottom:1px solid var(--border)}
.partner-mark{width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(100,221,199,.25);border-radius:10px;background:#123033;color:var(--green)}
.side-partner div:last-child{min-width:0}.side-partner b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-partner small{display:block;font-size:9px;color:#83b2a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.side-caption{padding:0 13px;font-weight:850;color:#638e83;font-size:9px;letter-spacing:.16em;margin:8px 0 14px}
.side-links{display:flex;flex-direction:column;gap:5px;min-height:0;overflow:auto}
.side-link{width:100%;min-height:45px;display:flex;align-items:center;text-align:left;gap:10px;background:transparent;border:1px solid transparent;border-radius:10px;color:#a9c8be;padding:9px 10px;font-size:11px;font-weight:790}
.side-link>.side-icon{display:grid;place-items:center;color:#7baaa0}
.side-link>.side-icon svg{width:18px;height:18px}
.side-link.active{background:rgba(38,153,136,.17);color:#f3fffa;border-color:rgba(93,219,195,.28)}
.side-link.active>.side-icon{color:var(--green)}
.side-link:disabled{color:#6e918a;opacity:.63;cursor:not-allowed}
.side-link:disabled>.side-icon{opacity:.66}
.side-link .mini-lock{height:13px;width:13px;margin-left:auto;color:#87a69c}
.active-mini{margin-left:auto;font-size:8px;font-weight:850;letter-spacing:.06em;color:var(--green)}
.side-bottom{margin-top:auto;padding:23px 9px 0}
.side-progress{border:1px solid rgba(103,216,197,.2);border-radius:12px;padding:13px;background:#11262a}
.side-progress>span{font-size:9px;letter-spacing:.12em;color:#94b9ae;font-weight:850}.side-progress>b{display:block;margin:5px 0;font-family:var(--head);font-size:29px;line-height:1.1;color:var(--green)}.side-progress>b span{font-size:12px;color:#8bafa4}
.progress-track,.quota-rail{height:5px;background:#19393a;border-radius:20px;overflow:hidden;margin-top:12px}.progress-track>span,.quota-rail>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#218b81,var(--green));transition:width .5s}
.side-bottom>p{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:#729d92;font-size:9px}
.live-dot{display:inline-block;flex:0 0 7px;width:7px;height:7px;background:var(--green);box-shadow:0 0 12px rgba(102,235,205,.4);border-radius:50%}
.workspace{margin-left:calc(var(--iconrail) + var(--siderail));min-height:100svh;min-width:0}
.topbar{position:sticky;top:0;z-index:45;height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 clamp(20px,3vw,48px);background:rgba(6,16,18,.93);border-bottom:1px solid var(--border);backdrop-filter:blur(20px)}
.topbar-left,.breadcrumbs,.topbar-right{display:flex;align-items:center;gap:11px;min-width:0}
.breadcrumbs{color:#82aaa0;font-size:11px;white-space:nowrap}.breadcrumbs b{color:#e4faf3}.slash{color:#426761}
.menu-toggle{display:none;border:1px solid var(--border);border-radius:8px;padding:9px;background:#123034;color:var(--green)}
.topnav{display:flex;align-items:stretch;height:100%;gap:10px}
.topnav button{border:0;border-bottom:2px solid transparent;background:transparent;color:#9ebfb5;font-size:11px;font-weight:750;padding:0 11px;white-space:nowrap;display:flex;align-items:center;gap:7px}
.topnav button.current{border-bottom-color:var(--green);color:#e1f9f3}.topnav button:disabled{opacity:.44}
.topnav button svg{width:12px;height:12px}.nav-dot{width:6px;height:6px;background:var(--green);border-radius:50%}
.topbar-right{position:relative;gap:9px}.secure{display:inline-flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;color:#9fdacb}.secure svg{width:14px;height:14px;color:var(--green)}
.icon-button{width:35px;height:35px;border:1px solid rgba(113,211,192,.23);border-radius:9px;background:#11262a;color:#8abcb0;display:grid;place-items:center}.icon-button svg{width:16px;height:16px}.icon-button:disabled{opacity:.55}
.locked-notif{position:relative}.locked-notif .dot{position:absolute;top:5px;right:5px;border:2px solid #152c2b;background:#395d57;width:9px;height:9px;border-radius:50%}
.top-account{display:flex;align-items:center;gap:9px;padding:6px 8px 6px 5px;border-radius:12px;border:1px solid rgba(100,221,199,.23);background:#132529;color:#d8f9ef}
.account-initial{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#1e5d56;color:#e0fff4;font-size:12px;font-weight:850}
.account-details{display:flex;flex-direction:column;text-align:left;max-width:130px;line-height:1.45}.account-details b{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-details small{font-size:9px;color:#83a99e}.top-chevron{font-size:16px;color:#8ac9b9}
.account-pop{position:absolute;right:0;top:calc(100% + 12px);width:min(300px,92vw);background:#10282b;border:1px solid rgba(103,219,198,.3);border-radius:14px;padding:16px;box-shadow:0 26px 65px rgba(0,0,0,.45)}
.account-pop>b,.account-pop>small,.account-phone{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.account-pop>b{font-size:14px}.account-pop>small,.account-phone{font-size:11px;color:#91b9af;margin:4px 0 10px}.account-pop a,.account-pop button{width:100%;min-height:43px;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:9px;padding:9px 10px;background:transparent;color:#e1f7ef;font-size:11px;font-weight:700;border:0;border-top:1px solid rgba(100,200,181,.16);text-decoration:none}.account-pop button{color:#dfb3ab}.account-pop svg{width:15px;height:15px}
#main{max-width:1670px;margin:auto;padding:clamp(25px,3vw,54px) clamp(20px,3vw,50px) 0}
.intro-head{display:flex;gap:25px;justify-content:space-between;align-items:end;padding-bottom:31px}
.eyebrow,.section-no{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:850;letter-spacing:.16em;color:var(--green);margin:0 0 17px}
.intro-head h1{font:770 clamp(43px,4.5vw,73px)/1.08 var(--head);letter-spacing:-.072em;margin:0 0 16px;text-wrap:balance}
.intro-head h1 em,.block-heading h2 em,.future-caption h2 em,.hero-panel h2 em{color:var(--green);font-style:normal}
.intro-head p:not(.eyebrow){font-size:13px;line-height:1.8;color:#9cbbb2;max-width:710px;margin:0}
.intro-meta{border-left:1px solid var(--border);padding:11px 0 11px 20px;flex:0 0 145px}.intro-meta>span{color:#83afa3;font-size:9px;letter-spacing:.1em;font-weight:850}.intro-meta b{display:block;font:740 36px/1.5 var(--head)}.intro-meta b small{font-size:13px;color:#7caaa0}.intro-meta>small{font-size:10px;line-height:1.6;color:#8baca3}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.65fr);gap:15px;align-items:stretch}
.hero-panel{position:relative;isolation:isolate;overflow:hidden;min-height:350px;padding:24px 27px 0;border:1px solid rgba(103,227,200,.34);border-radius:18px;background:radial-gradient(ellipse at 82% 45%,rgba(44,174,151,.17),transparent 52%),linear-gradient(125deg,#0f302e,#0a1e21 69%);box-shadow:0 17px 45px rgba(0,0,0,.14)}
.hero-panel-top,.hero-panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:2}
.mini-overline{font-size:10px;font-weight:850;letter-spacing:.1em;color:#83e6cf}.mini-overline span{color:#507f73;margin:0 5px}
.soft-pill{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:6px 10px;font-size:9px;color:#a9fbe4;border:1px solid rgba(113,236,202,.3);background:rgba(20,71,62,.38)}
.hero-panel-content{position:relative;z-index:2;padding:28px 0 35px;width:min(65%,570px)}
.hero-panel h2{font:740 clamp(38px,4.2vw,65px)/1.05 var(--head);letter-spacing:-.068em;margin:0 0 18px}
.hero-panel-content>p{font-size:12px;color:#a9d3c6;line-height:1.75;margin:0 0 22px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.primary-cta,.outline-cta,.refresh-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:11px 17px;border-radius:99px;font-size:11px;font-weight:830;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}
.primary-cta{background:var(--green);color:#06352e;border:1px solid var(--green)}.primary-cta:hover:not(:disabled){background:#a3ffed;transform:translateY(-2px)}.primary-cta:disabled{opacity:.52}
.outline-cta,.refresh-button{border:1px solid rgba(106,227,201,.32);background:rgba(10,44,42,.6);color:#dcf8ed}.outline-cta:hover,.refresh-button:hover{border-color:var(--green);transform:translateY(-2px)}
.primary-cta svg,.outline-cta svg{width:15px;height:15px}
.hero-orb{width:340px;height:340px;position:absolute;right:5%;top:15px;display:grid;place-items:center;opacity:.65;z-index:1}
.orb-ring{position:absolute;inset:5%;border-radius:50%;border:1px dashed rgba(114,228,198,.28);animation:rotateRing 65s linear infinite}.orb-middle{inset:18%;border-style:solid;animation-duration:75s;animation-direction:reverse}.orb-inner{inset:32%;border-style:dotted}
.hero-orb>span{font:800 127px var(--head);letter-spacing:-.15em;color:#e2ffef}.hero-orb>span span{color:var(--green)}.hero-orb small{position:absolute;bottom:12%;font-size:9px;letter-spacing:.18em;color:#94dccc;font-weight:800}
@keyframes rotateRing{to{transform:rotate(360deg)}}
.hero-panel-bottom{border-top:1px solid rgba(115,218,193,.22);padding:15px 0;font-size:9px;color:#82bcab;font-weight:820;letter-spacing:.08em}.hero-panel-bottom i{width:13px;height:1px;background:#437a6e}
.quota-panel{display:flex;flex-direction:column;min-height:350px;border:1px solid var(--border);border-radius:18px;padding:25px;background:linear-gradient(145deg,#112528,#0d1d21)}
.quota-eyebrow{display:flex;justify-content:space-between;gap:10px;align-items:center}.quota-eyebrow>span{color:#9fcabf;font-size:10px;letter-spacing:.1em;font-weight:830}.quota-eyebrow svg{width:19px;color:var(--green)}
.quota-number{display:flex;align-items:baseline;gap:7px;margin:28px 0 3px;font-family:var(--head)}.quota-number strong{font-size:clamp(57px,6vw,89px);letter-spacing:-.08em;font-weight:830;line-height:1;color:var(--green)}.quota-number span{font-size:20px;color:#84afa5}
.quota-panel>p{font-size:12px;line-height:1.7;color:#a7c8bc;margin:16px 0 20px}
.quota-metrics{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:11px;padding-top:16px;border-top:1px solid var(--border)}
.quota-metrics>div{display:flex;flex-direction:column;gap:5px}.quota-metrics span{font-size:9px;letter-spacing:.08em;color:#6d9b91;font-weight:850}.quota-metrics b{font-size:23px;line-height:1.3;font-weight:760}
.quota-panel .quota-foot{margin:15px 0 0;font-size:10px;line-height:1.5;color:#84c3af;display:flex;gap:8px;align-items:flex-start}.quota-foot svg{width:16px;height:16px;flex-shrink:0}
.section-block{padding:62px 0 67px;border-bottom:1px solid var(--border)}
.block-heading{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:24px}.block-heading>div>h2,.future-caption h2{font:760 clamp(34px,3.4vw,54px)/1.13 var(--head);letter-spacing:-.065em;margin:0 0 13px}.block-heading h2 span{color:var(--green)}.block-heading p,.future-caption>p{max-width:650px;font-size:12px;line-height:1.75;color:#91b8ad;margin:0}
.section-no{margin-bottom:11px}
.module-open{display:flex;align-items:center;gap:8px;font-size:9px;color:#9bf4d8;border:1px solid rgba(106,220,197,.29);padding:9px 11px;border-radius:100px;white-space:nowrap;align-self:flex-start}
.workflow-stepcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}
.workflow-stepcards>div{border:1px solid rgba(94,211,190,.19);border-radius:12px;padding:16px;background:#0e2427}
.step-ico{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#173d3a;border:1px solid rgba(122,236,206,.25);color:var(--green);font-size:11px;font-weight:820;margin-bottom:12px}
.workflow-stepcards b{font-size:12px;line-height:1.6}.workflow-stepcards p{font-size:11px;color:#83a99e;line-height:1.6;margin:5px 0 0}
.engine-shell{background:#0c2023;border-radius:16px;border:1px solid rgba(119,212,194,.3);overflow:hidden;min-height:220px}
.engine-shell-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#10292b;border-bottom:1px solid rgba(128,216,197,.2)}
.engine-shell-header>div{display:flex;align-items:center;gap:11px}.engine-header-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(103,212,192,.3);background:#17403d;border-radius:10px;font-size:22px;color:var(--green)}
.engine-shell-header b,.engine-shell-header small{display:block}.engine-shell-header b{font-size:12px}.engine-shell-header small{font-size:10px;color:#8db1a9;margin-top:2px}
.engine-status{font-size:10px;font-weight:780;color:#9fdbca;border-radius:8px;border:1px solid rgba(95,215,194,.26);padding:7px 10px}
.engine-ready{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:290px;padding:32px}
.engine-big-icon{width:40px;height:40px;color:var(--green);margin-bottom:7px}
.engine-ready h3{font:730 23px var(--head);letter-spacing:-.03em;margin:0}.engine-ready p{max-width:480px;color:#91b9ae;margin:0;font-size:12px;line-height:1.7}.engine-ready-foot{font-size:10px;color:#69998a}
#engineFrame{border:0;width:100%;height:640px;display:block;background:transparent}
.results-list{display:grid;gap:14px}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:54px 20px;text-align:center;min-height:190px;border:1px dashed rgba(95,209,188,.27);border-radius:13px;background:#0a1d20}
.empty-state svg{width:39px;height:39px;color:#5fafa2;margin-bottom:12px}
.empty-state h3{font-size:19px;margin:0 0 8px;font-weight:740}.empty-state p{font-size:11px;color:#93b7ac;margin:0;max-width:400px}
.results .refresh-button{font-size:11px;min-height:42px}
.future-block{display:none!important} /* Only locked top-level menu items, not decorative locked cards. */
.workspace-foot{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;align-items:center;padding:24px 0;color:#6e9a8e;font-size:10px}
.workspace-foot a{color:var(--green);text-decoration:none}
.portal-drawer-cover{display:none}
.review-dialog{width:min(540px,calc(100vw - 28px));max-height:92dvh;overflow:auto;border:1px solid rgba(103,225,201,.37);border-radius:16px;background:#0e2527;color:#edfdf7;padding:28px;box-shadow:0 36px 92px rgba(0,0,0,.6)}
.review-dialog::backdrop{background:rgba(1,9,10,.81);backdrop-filter:blur(7px)}
.review-dialog>form{display:flex;justify-content:flex-end}.dialog-x{background:none;color:#bfdad0;font-size:27px;border:0;line-height:1}
.review-dialog h3{font:730 27px var(--head);margin:0 0 12px;letter-spacing:-.03em}.review-dialog p{font-size:12px;color:#acc9be}
.review-dialog label{display:block;font-size:11px;color:#d7f9e9;margin:13px 0 7px;font-weight:750}
.review-dialog textarea{width:100%;padding:13px;border:1px solid rgba(132,224,204,.35);background:#091d20;color:white;border-radius:9px;resize:vertical;min-height:110px}
.review-dialog .revision-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.6;font-size:11px;font-weight:500;color:#accfc1}
.revision-consent input{accent-color:var(--green);width:16px;height:16px;flex-shrink:0;margin-top:3px}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.dialog-actions>button{min-height:41px}
#revisionStatus{font-size:11px;color:#94d6c1;margin:14px 0 0}
.toast{position:fixed;z-index:100;right:20px;bottom:20px;padding:12px 17px;color:#ebfff7;background:#123a35;border:1px solid rgba(112,225,196,.4);border-radius:10px;box-shadow:0 17px 55px rgba(0,0,0,.34);font-size:12px;max-width:350px;opacity:0;pointer-events:none;transform:translateY(15px);transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1420px){:root{--siderail:214px}.topnav button{font-size:10px;padding:0 7px}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr)}.hero-orb{right:-20px;opacity:.4}.hero-panel-content{width:72%}}
@media(max-width:1160px){:root{--siderail:207px;--iconrail:60px}.topbar{padding:0 18px}.topnav button:disabled{display:none}.hero-panel-content{width:85%}.hero-orb{right:-100px;opacity:.23}.quota-panel{padding:19px}}
@media(max-width:980px){:root{--siderail:0px;--iconrail:59px}.section-rail{display:none}.workspace{margin-left:var(--iconrail)}.intro-meta{display:none}.hero-panel-content{width:74%}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr)}}
@media(max-width:680px){:root{--iconrail:0px;--header:66px}.icon-rail{display:none}.workspace{margin-left:0}.topbar{gap:8px;padding:0 15px}.topbar-left{gap:8px}.menu-toggle{display:grid;place-items:center}.topnav{display:none}.secure{font-size:9px}.locked-notif{display:none}.account-details{display:none}.top-chevron{display:none}.top-account{padding:4px}.breadcrumbs{font-size:10px}.section-rail{display:flex;left:0;z-index:72;width:min(295px,85vw);transform:translateX(-110%);transition:transform .22s;box-shadow:25px 0 55px rgba(0,0,0,.25)}body.menu-open .section-rail{transform:none}.portal-drawer-cover:not([hidden]){display:block;position:fixed;inset:0;background:rgba(0,8,9,.67);z-index:70;backdrop-filter:blur(3px)}#main{padding:28px 17px 0}.intro-head{padding-bottom:23px}.intro-head h1{font-size:clamp(37px,9vw,52px)}.intro-head p:not(.eyebrow){font-size:12px}.eyebrow{font-size:9px;margin-bottom:11px}.overview-grid{grid-template-columns:1fr}.hero-panel{min-height:340px;padding:19px 18px 0}.hero-panel-content{width:90%;padding:25px 0 26px}.hero-panel h2{font-size:clamp(42px,10vw,55px)}.hero-panel-content>p{max-width:420px}.hero-orb{right:-150px;opacity:.18}.hero-panel-bottom{gap:7px;font-size:8px;flex-wrap:wrap}.hero-panel-bottom i{width:6px}.quota-panel{min-height:auto;padding:20px}.quota-number{margin:17px 0 4px}.quota-number strong{font-size:64px}.quota-metrics{margin-top:6px}.section-block{padding:48px 0}.block-heading{display:block}.module-open{margin-top:16px;width:max-content}.workflow-stepcards{grid-template-columns:1fr;gap:7px}.workflow-stepcards>div{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:2px 11px;padding:13px}.step-ico{grid-row:1/3;margin:0}.workflow-stepcards p{margin:0}.engine-shell-header{padding:13px 12px}.engine-status{font-size:9px;padding:6px}.engine-ready{padding:30px 18px}.engine-ready h3{font-size:21px}.workspace-foot{font-size:9px}}
@media(max-width:360px){#main{padding:23px 13px 0}.hero-panel h2{font-size:41px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions>button{width:100%}.engine-shell-header{gap:6px}.engine-shell-header b{font-size:10px}.engine-shell-header small{font-size:9px}.engine-header-mark{width:30px;height:30px}.quota-panel{padding:17px}.section-block{padding:40px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Native source selector / checkpoint views, visible only after clicking Motorlar. */
.portal-source{padding:20px;display:grid;gap:20px}
.portal-source-top{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding-bottom:17px}
.portal-source-top h3{margin:3px 0 0;font:730 20px var(--head)}.portal-source-top span{font-size:9px;font-weight:830;letter-spacing:.1em;color:var(--green)}
.portal-source-body{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.portal-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:11px;font-weight:760;color:#a7cfc1}
.portal-field input,.portal-field select{width:100%;height:44px;padding:9px 12px;border-radius:9px;border:1px solid rgba(112,221,194,.28);background:#08191c;color:#e0fff2;outline:none;min-width:0}
.portal-field input:focus,.portal-field select:focus{border-color:var(--green)}.portal-field input::placeholder{color:#62877e}
.portal-field.full{grid-column:1/-1}
.photo-control{display:flex;align-items:center;justify-content:space-between;gap:11px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--border)}
.photo-control>div{display:flex;flex-wrap:wrap;gap:8px}.photo-control p{margin:0;font-size:11px;color:#9fbbb1}
.photo-control button,.photo-control label{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(115,221,197,.32);border-radius:9px;padding:8px 13px;color:#d7faeb;background:#163535;font-size:11px;font-weight:770;cursor:pointer}
.photo-control button:hover,.photo-control label:hover{border-color:var(--green)}
.photo-control input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.photo-choice{position:relative;background:#06191c;border:1px solid rgba(115,216,197,.25);border-radius:10px;overflow:hidden;padding:0;color:#e9fff4;text-align:left}
.photo-choice>img{width:100%;height:auto;aspect-ratio:3/3.7;object-fit:cover;display:block;background:#143431}
.photo-choice>span{display:block;padding:8px 7px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.photo-choice.selected{border-color:var(--green);box-shadow:0 0 0 2px rgba(85,226,194,.35)}
.photo-choice.selected:after{content:"✓";position:absolute;top:7px;right:7px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--green);color:#032d25;font-weight:900;font-size:13px}
.source-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:15px 0 0;border-top:1px solid var(--border)}
.source-bottom>div{display:flex;align-items:center;gap:10px;min-width:0}
.source-bottom label{font-size:10px;color:#aec9c0;line-height:1.5;display:flex;align-items:flex-start;gap:9px;max-width:540px}
.source-bottom input[type=checkbox]{width:17px;height:17px;accent-color:var(--green);flex:0 0 auto}
.portal-source-status{font-size:11px;color:#8ec6b8;padding:8px 0;min-height:25px}
.portal-source-status.error{color:#f5b58f}
.portal-checkpoint{display:grid;grid-template-columns:minmax(235px,.34fr) minmax(0,1fr);gap:16px;padding:17px;background:#07191c}
.checkpoint-left,.checkpoint-right{min-width:0;border-radius:14px;border:1px solid rgba(109,211,193,.22);background:#0c2427;padding:19px}
.checkpoint-left{display:flex;flex-direction:column;gap:12px}
.checkpoint-left>span{color:#6ccfb4;font-size:10px;letter-spacing:.1em}
.checkpoint-left strong{font:740 24px var(--head);letter-spacing:-.04em}
.checkpoint-left>p{font-size:12px;color:#a2c1b8}
.checkpoint-row{display:flex;align-items:flex-start;gap:10px;padding:12px 10px;background:#0d3030;border-radius:9px;border:1px solid rgba(94,198,178,.24)}
.checkpoint-row img{width:48px;height:57px;object-fit:cover;border-radius:7px;background:#173a35}
.checkpoint-row>div{flex:1;min-width:0}.checkpoint-row b{font-size:12px;display:block}.checkpoint-row small{display:block;font-size:10px;color:#78dbbf;margin-top:5px}.checkpoint-row p{margin:8px 0 0;color:#e3bc77;font-size:10px;line-height:1.6}
.checkpoint-left>.checkpoint-note{margin-top:auto;padding-top:15px;border-top:1px solid var(--border);font-size:10px;line-height:1.65;color:#8bad9e}
.checkpoint-right{min-height:410px}
.checkpoint-head{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:10px}
.checkpoint-head h3{font:730 22px var(--head);margin:0;letter-spacing:-.04em}
.checkpoint-head>span{font-size:11px;color:#80e3c7;padding:7px 9px;border-radius:99px;background:#0a403a}
.checkpoint-right>p{font-size:12px;line-height:1.8;color:#8ed6c5;margin:0 0 20px}
.checkpoint-steps{display:flex;justify-content:center;gap:15px;align-items:center;flex-wrap:wrap;padding:9px 10px;background:#0e3032;border:1px solid rgba(120,212,190,.25);border-radius:12px;margin:17px 0 23px}
.checkpoint-step{display:flex;align-items:center;gap:7px;font-size:10px;color:#82a9a2;font-weight:790;padding:8px 10px;border-radius:10px}
.checkpoint-step.current{background:#22544d;color:#e4fff3}.checkpoint-step.done{color:#7de0c4}
.checkpoint-step i{height:8px;width:8px;display:inline-block;background:#496c62;border-radius:50%}.checkpoint-step.current i,.checkpoint-step.done i{background:var(--green)}
.checkpoint-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.checkpoint-tags span{font-size:10px;color:#afdfcc;border:1px solid rgba(132,217,194,.3);border-radius:8px;padding:8px 12px}
.checkpoint-items{display:grid;grid-template-columns:repeat(2,minmax(0,225px));gap:16px;padding-top:13px}
.checkpoint-item{border-radius:14px;overflow:hidden;border:1px solid rgba(114,223,194,.21);background:#10322f}
.checkpoint-item .checkpoint-media{display:grid;place-items:center;height:150px;background:rgba(39,115,98,.19);color:#6baa9a}
.checkpoint-item .checkpoint-media>img,.checkpoint-item .checkpoint-media>video{width:100%;height:100%;object-fit:contain}
.checkpoint-media svg{width:33px;height:33px}
.checkpoint-item>div:last-child{padding:12px}
.checkpoint-item b{font-size:12px}.checkpoint-item small{display:block;color:#88b5a8;font-size:10px;margin:3px 0}
.checkpoint-actions{display:flex;flex-wrap:wrap;gap:5px}
.checkpoint-actions a,.checkpoint-actions button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border:1px solid rgba(113,219,193,.3);border-radius:7px;text-decoration:none;font-size:10px;font-weight:770;background:#164037;color:#c6f8e5}
.checkpoint-actions button:first-child{background:var(--green);color:#03342a}
.checkpoint-foot{margin-top:22px;padding:13px 11px;background:#21393b;color:#9fc7bb;text-align:center;border-radius:12px;font-size:11px;font-weight:750}
.checkpoint-toolbar{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:17px;padding:0 4px}
.checkpoint-toolbar>button{background:#133b3a;color:#baf7df;border:1px solid rgba(103,222,193,.3);border-radius:9px;padding:8px 13px;font-size:11px}
.trial-list{display:grid;gap:13px}
.trial-card{background:#0b2124;border:1px solid rgba(109,217,195,.21);border-radius:15px;overflow:hidden}
.trial-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border)}
.trial-card-head h3{font-size:14px;margin:0 0 5px}.trial-card-head small{font-size:10px;color:#85baac}
.trial-badge{font-size:10px;border:1px solid rgba(112,222,195,.3);background:#173832;border-radius:100px;padding:7px 10px;color:#a9ecd4}
.trial-card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px}
.trial-mini{border:1px solid rgba(104,210,190,.22);border-radius:10px;padding:14px;background:#102d2e}
.trial-mini>p{margin:6px 0;font-size:11px;color:#9ac0b4}
.trial-mini>h4{margin:0;font-size:13px}
.trial-mini video,.trial-mini img{display:block;width:100%;height:170px;object-fit:contain;background:#071718;border-radius:9px;margin:10px 0}
.trial-mini-actions{display:flex;flex-wrap:wrap;gap:8px}
.trial-mini-actions button,.trial-mini-actions a{border:1px solid rgba(113,213,196,.36);background:#173d37;color:#e0f6ee;border-radius:8px;font-size:10px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;text-decoration:none}
@media(max-width:780px){.portal-checkpoint{grid-template-columns:1fr}.checkpoint-left{gap:8px}.checkpoint-items{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.portal-source{padding:14px}.portal-source-body{grid-template-columns:1fr}.portal-field.full{grid-column:1}.checkpoint-right{padding:13px}.checkpoint-left{padding:13px}.checkpoint-head h3{font-size:20px}.checkpoint-steps{gap:5px}.checkpoint-step{font-size:9px;padding:7px}.checkpoint-steps .checkpoint-step{white-space:nowrap}.checkpoint-item .checkpoint-media{height:120px}.checkpoint-items{gap:8px}.trial-card-body{grid-template-columns:1fr}.source-bottom>button{width:100%}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Smallest mobile headers: keep secure state legible without collision. */
@media(max-width:380px){
 .topbar{padding-inline:10px;gap:5px}
 .topbar-left,.topbar-right{gap:6px}
 .breadcrumbs>span:first-child,.breadcrumbs>.slash{display:none}
 .breadcrumbs b{font-size:11px}
 .secure>span{display:none}
 .secure::after{content:"Onaylı";font-size:9px}
 .secure svg{width:13px;height:13px}
 .menu-toggle{width:36px;height:36px;padding:7px}
 .account-initial{width:29px;height:29px}
 .top-account{border-radius:10px}
}