@font-face{font-family:"Inter";src:url("../Portal/Fonts/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Vazirmatn";src:url("../Portal/Fonts/Vazirmatn-Variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
/* Opt-in styles for phase-one login/home only. */
.portal-page{--bg:#f5f6f8;--panel:#fff;--text:#231f20;--muted:#626873;--border:#dfe2e7;--red:#d71920;--active:#fff0f1;background:var(--bg)!important;color:var(--text);font-family:var(--portal-font);line-height:1.6;margin:0}
[data-portal-theme=dark] .portal-page{color-scheme:dark;--bg:#141416;--panel:#202023;--text:#f6f6f7;--muted:#b9bec7;--border:#404047;--red:#ff454c;--active:#3c2226}
.portal-page *{box-sizing:border-box}.portal-page button,.portal-page input,.portal-page select{font:inherit}.portal-page a{color:var(--red)}.portal-page :focus-visible{outline:3px solid var(--red);outline-offset:3px}
.portal-controls{display:flex;align-items:center;gap:14px;min-height:76px;padding:12px 24px;background:var(--panel);border-bottom:1px solid var(--border);position:relative;z-index:40;flex-wrap:wrap}
.portal-logo{width:140px;max-height:52px;object-fit:contain;background:#fff;border-radius:6px;padding:6px}.portal-product{font-size:23px;font-weight:700}.portal-product b{color:var(--red)}.portal-user{margin-inline-start:auto;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.portal-controls select,.portal-control{min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);cursor:pointer}.portal-controls label{margin:0}.portal-menu-button{display:none}
.portal-sidebar{display:none}.portal-enhanced>.main-container>.main-head-container{display:none!important}.portal-enhanced .portal-sidebar{display:block;position:fixed;inset-inline-start:0;top:var(--portal-header-height, 76px);bottom:0;width:260px;background:var(--panel);border-inline-end:1px solid var(--border);overflow-y:auto;padding:14px 10px;z-index:35;overscroll-behavior:contain}.portal-enhanced .main-container{padding-inline-start:260px}.portal-page .main-container{background:transparent!important}.portal-page .main-sections{max-width:1500px;margin:0 auto;padding:26px;width:100%}.portal-home .slider-container,.portal-home .shadow-slider{display:none}.portal-home .home-section{margin-top:12px!important}.portal-home .home-section>.container{width:100%;max-width:none;padding:0}
.portal-nav-group{border:0;padding:0;margin:3px 0}.portal-nav-group>summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:7px;font-size:14px;font-weight:600;overflow-wrap:anywhere}.portal-nav-group>summary::-webkit-details-marker{display:none}.portal-nav-group>summary:after{content:'⌄';margin-inline-start:auto}.portal-nav-group[open]>summary{background:var(--active);color:var(--red)}.portal-nav-group .portal-nav-group{margin-inline-start:12px}.portal-nav-group .portal-nav-group>summary{font-size:12px}.portal-nav-link{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;line-height:1.5;color:var(--text)!important;border-radius:7px;text-decoration:none!important;font-size:13px;white-space:normal!important;overflow-wrap:anywhere}.portal-nav-group .portal-nav-link{margin-inline-start:12px}.portal-nav-link:hover,.portal-nav-group>summary:hover{background:var(--active)}.portal-current{background:var(--active);color:var(--red)!important;font-weight:bold}.portal-nav-icon{font-size:14px!important;width:18px;float:none!important}.portal-profile-info{font-size:12px;padding:12px;overflow-wrap:anywhere;color:var(--muted)}
.portal-quick{display:flex;gap:12px;flex-wrap:wrap;padding:0 26px;margin:20px auto 0;max-width:1500px}.portal-quick:empty{display:none}.portal-quick-link{flex:1 1 190px;background:var(--panel);color:var(--text)!important;border:1px solid var(--border);border-radius:10px;padding:16px;text-decoration:none!important;font-weight:600;display:flex;gap:12px;align-items:center}.portal-quick-link:first-child{background:#d71920;color:white!important;border-color:#d71920}.portal-quick-link:hover{box-shadow:0 0 0 2px var(--red)}
.portal-page .home-welcome h2{font-size:26px;margin:0 0 4px;color:var(--text)}.portal-page .home-welcome p{color:var(--muted);margin:0}.portal-overview{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;margin:22px 0}.portal-overview h3{font-size:18px;margin:0 0 18px}.portal-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portal-kpi{padding:18px;border:1px solid var(--border);border-radius:10px;min-width:0}.portal-kpi span{display:block;color:var(--muted);font-size:13px}.portal-kpi b{display:block;font-size:26px;margin-top:8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.portal-kpi i{color:var(--red);margin-inline-end:8px}.portal-page .card{background:var(--panel);color:var(--text)}
.portal-brands{max-width:1448px;margin:24px auto;padding:22px;border:1px solid var(--border);background:var(--panel);border-radius:14px}.portal-brand-heading{display:flex;align-items:center;gap:8px;margin-bottom:16px}.portal-brand-heading h2{font-size:19px;margin:0;margin-inline-end:auto}.portal-brand-heading button{min-width:44px;min-height:44px;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;cursor:pointer}.portal-brand-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;direction:ltr;padding-bottom:8px}.portal-brand-card{display:block;position:relative;flex:0 0 calc(50% - 8px);min-width:240px;scroll-snap-align:start;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#202023;color:#fff!important}.portal-brand-card img{width:100%;height:180px;object-fit:cover;display:block}.portal-brand-card span{position:absolute;right:12px;top:10px;background:#202023;color:white;padding:3px 8px;border-radius:6px}.portal-page .main-container>.portal-brands{margin-inline:26px}
.portal-login-main{max-width:1100px;margin:40px auto;padding:0 24px}.portal-login-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--panel)}.portal-login-art{background:#231f20;display:flex;align-items:center;justify-content:center;min-height:420px;padding:32px}.portal-login-art img{width:100%;max-width:380px}.portal-login-form{padding:38px;min-width:0}.portal-login-form h1{font-size:27px;margin:0 0 6px;color:var(--text)}.portal-login-form p{margin:0 0 25px;color:var(--muted)}.portal-login-form label{display:block;margin:16px 0 7px;color:var(--text)}.portal-login-form input:not([type=hidden]){width:100%;min-height:48px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);padding:10px 14px}.portal-password{position:relative}.portal-password input{padding-inline-end:60px!important}.portal-password button{position:absolute;inset-inline-end:3px;top:3px;min-width:44px;min-height:42px;border:0;border-radius:7px;background:transparent;color:var(--text);cursor:pointer}.portal-submit{width:100%;padding:12px;min-height:48px;background:#d71920;border:0;border-radius:9px;color:#fff;margin:24px 0 14px;font-weight:bold;cursor:pointer}.portal-legal{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:13px;margin:24px}.portal-login .signin-bg{display:none}.portal-login .validation-summary-errors,.portal-login .field-validation-error{color:var(--red);font-size:13px}.portal-code{direction:ltr;unicode-bidi:isolate;display:inline-block}.portal-backdrop{display:none}
@media(max-width:1100px){.portal-user{display:none}.portal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-controls{gap:9px;padding:12px 16px}.portal-product{font-size:19px}.portal-logo{width:115px}.portal-enhanced .portal-sidebar{width:230px}.portal-enhanced .main-container{padding-inline-start:230px}}
@media(max-width:900px){.portal-menu-button{display:inline-block}.portal-enhanced .portal-sidebar{top:0;z-index:70;width:280px;max-width:85vw;transform:translateX(-105%);transition:transform .2s;box-shadow:8px 0 30px #0003}.portal-enhanced .main-container{padding-inline-start:0}.portal-enhanced.portal-menu-open .portal-sidebar{transform:none}.portal-menu-open .portal-backdrop{display:block;position:fixed;inset:0;background:#0008;z-index:60;border:0}.portal-menu-open{overflow:hidden}[dir=rtl] .portal-enhanced .portal-sidebar{transform:translateX(105%)}[dir=rtl] .portal-enhanced.portal-menu-open .portal-sidebar{transform:none}.portal-page .main-sections{padding:18px}.portal-quick{padding:0 18px}.portal-page .main-container>.portal-brands{margin-inline:18px}.portal-login-main{margin:24px auto}.portal-login-form{padding:24px}.portal-controls{position:relative}.portal-brand-card{flex-basis:80%}}
@media(max-width:550px){.portal-login-card{grid-template-columns:1fr}.portal-login-art{display:none}.portal-controls{gap:8px;padding:10px 12px}.portal-product{font-size:18px}.portal-controls label{margin-inline-start:auto}.portal-controls select{max-width:100px}.portal-logo{width:100px}.portal-kpis{gap:10px}.portal-kpi{padding:13px}.portal-kpi b{font-size:23px}.portal-overview{padding:16px}.portal-brand-heading{flex-wrap:wrap}.portal-brand-heading h2{font-size:17px}.portal-brands{padding:14px}.portal-brand-card img{height:150px}.portal-login-form h1{font-size:23px}.portal-quick-link{flex-basis:100%}.portal-login-main{padding:0 12px}.portal-page .home-welcome h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.portal-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.portal-notification{position:relative;min-width:44px;min-height:44px;text-align:center;display:inline-flex!important;align-items:center;justify-content:center}.portal-notification #headerNotificationBadge{inset-block-start:0!important;inset-inline-end:0!important;inset-inline-start:auto!important}.portal-controls{position:sticky;top:0}

.portal-page.portal-coop .slider-container{display:block;margin:0 0 20px;max-width:100%}.portal-page.portal-coop .slider-container img{width:100%;height:auto;border-radius:12px}.portal-notification #ciNotificationBadge,.portal-notification .ci-notification-badge{inset-block-start:0!important;inset-inline-end:0!important;inset-inline-start:auto!important;transform:none!important}
/* Keep a genuine horizontal scroll range even with the initial two company brands. */
@media(min-width:901px){.portal-brand-card{flex-basis:58%}}

/* Language-aware typography; only the phase-one portal opts in. */
.portal-page{--portal-latin:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--portal-persian:"Vazirmatn",Tahoma,Arial,sans-serif;--portal-font:var(--portal-latin);font-synthesis:none}
html:lang(fa) .portal-page{--portal-font:var(--portal-persian);line-height:1.9}
.portal-page h1,.portal-page h2,.portal-page h3,.portal-page h4,.portal-page h5,.portal-page h6,.portal-page input,.portal-page select,.portal-page button,.portal-page summary,.portal-page .portal-nav-link{font-family:var(--portal-font)!important;letter-spacing:normal}
.portal-page .portal-code{font-family:var(--portal-latin);font-variant-numeric:tabular-nums}
html:lang(fa) .portal-page .portal-nav-link{font-size:14px;line-height:1.85}
html:lang(fa) .portal-page .portal-nav-group>summary{line-height:1.85}
html:lang(fa) .portal-page input,html:lang(fa) .portal-page button{line-height:1.75}
.portal-controls option[value="fa"]{font-family:"Vazirmatn",Tahoma,sans-serif}
/* Refined phase-one workspace: consistent iconography, optical artwork and drawer. */
.portal-page{letter-spacing:normal;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 100% 0%,#eb212706,transparent 55%),var(--bg)!important}
.portal-controls{box-shadow:0 1px 12px #17171b04;gap:18px}.portal-controls .portal-product{font-size:21px;letter-spacing:-.8px}.portal-controls select{font-size:13px;font-weight:500;min-height:40px;border-radius:10px}.portal-controls .portal-control{height:40px;min-height:40px;min-width:42px;padding:8px 12px}.portal-menu-button{display:inline-flex;align-items:center;justify-content:center}.portal-menu-button:hover{background:var(--active);border-color:var(--red)}
.portal-sun{display:inline-block}.portal-moon{display:none}[data-portal-theme=dark] .portal-sun{display:none}[data-portal-theme=dark] .portal-moon{display:inline-block}.portal-user{font-size:12px;color:var(--muted);font-weight:500}
.portal-sidebar{transition:transform .22s ease,visibility .22s}.portal-enhanced .main-container{transition:padding .22s ease}.portal-group-icon{width:18px;text-align:center;flex-shrink:0;font-size:14px;color:var(--muted)}.portal-nav-group[open]>summary .portal-group-icon{color:var(--red)}.portal-nav-group>summary{font-weight:500;font-size:13px;padding:12px}.portal-nav-group .portal-nav-group .portal-group-icon{font-size:12px;width:15px}.portal-nav-link{font-size:12.5px;gap:11px}.portal-nav-group{margin-bottom:5px}.portal-nav-link:hover,.portal-nav-group>summary:hover{transition:background .15s}.portal-nav-icon{color:var(--muted)}.portal-current{box-shadow:inset 3px 0 var(--red)}[dir=rtl] .portal-current{box-shadow:inset -3px 0 var(--red)}.portal-drawer-close{display:none}
.portal-page .main-sections{padding:26px 30px}.portal-home .home-section{margin-top:0!important}.portal-home-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;min-height:188px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(112deg,var(--panel) 48%,#eb212708);overflow:hidden;margin-bottom:20px}.portal-home-hero .home-welcome{position:relative;z-index:2;min-width:0}.portal-home-hero .home-welcome h2{font-size:25px;line-height:1.5;font-weight:600;margin:12px 0 6px;letter-spacing:-.5px}.portal-home-hero .home-welcome p{font-size:12px;line-height:1.8}.portal-home-hero .home-welcome p:last-child{margin-top:10px}.portal-eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:10px;font-weight:600;letter-spacing:1.3px;color:var(--muted)}.portal-status-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #eb212712}.portal-optic-art{position:relative;flex:0 0 240px;height:165px;direction:ltr}.portal-lens{position:absolute;display:block;width:145px;height:112px;border-radius:50%;border:1px solid #ffffffbc;background:linear-gradient(140deg,#fff9,#c8dbe82b 45%,#fff1 65%,#eb212738);box-shadow:inset 0 0 0 5px #ffffff20,inset 0 0 35px #ffffff2a,0 20px 32px #231f2014;transform:rotate(-30deg);z-index:2}.portal-lens-one{top:16px;left:25px}.portal-lens-two{top:54px;left:91px;transform:rotate(-30deg);background:linear-gradient(130deg,#ffffff9c,#a5c2d42b 50%,#eb21272a);z-index:3}.portal-orbit{position:absolute;inset:8px -8px 0;border:1px solid #eb21271c;border-radius:50%;transform:rotate(-25deg)}
.portal-home-hero+.portal-quick{padding:0;margin:0 0 22px;gap:14px}.portal-quick-link{padding:20px 18px;font-size:13px;font-weight:500;min-height:84px;border-radius:12px;box-shadow:0 3px 10px #231f2003;transition:transform .18s,box-shadow .18s;line-height:1.6}.portal-quick-link i{width:36px;min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--active);border-radius:10px;color:var(--red);font-size:17px}.portal-quick-link:first-child{background:linear-gradient(120deg,#d71920,#ed3137);box-shadow:0 6px 16px #d719201c}.portal-quick-link:first-child i{background:#ffffff24;color:#fff}.portal-quick-link:after{content:'↗';margin-inline-start:auto;opacity:.5;font-size:18px}.portal-quick-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #231f2010}
.portal-overview{padding:0;border:0;background:transparent;margin:24px 0 6px}.portal-overview h3{font-size:15px;font-weight:600;margin:0 0 14px}.portal-kpis{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.portal-kpi{position:relative;grid-column:span 3;background:var(--panel);border-radius:13px;padding:20px;box-shadow:0 3px 10px #231f2003;min-height:144px}.portal-kpi:nth-child(-n+3){grid-column:span 4}.portal-kpi>span{font-size:11px;line-height:1.6;max-width:80%;margin-top:12px}.portal-kpi b{font-size:24px;font-weight:600;letter-spacing:-.6px;line-height:1.4}.portal-kpi-symbol{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--active);font-size:14px}.portal-kpi-symbol i{margin:0;color:var(--red)}.portal-kpi-3 .portal-kpi-symbol{background:#12a67a10}.portal-kpi-3 .portal-kpi-symbol i{color:#159574}.portal-kpi-5 .portal-kpi-symbol{background:#d9940910}.portal-kpi-5 .portal-kpi-symbol i{color:#b77b10}.portal-brands{box-shadow:0 3px 10px #231f2003}.portal-brand-heading h2{font-weight:600;font-size:15px}.portal-brand-card{transition:filter .2s}.portal-brand-card:hover{filter:brightness(1.08)}
.portal-login-main{max-width:1150px;margin:40px auto}.portal-login-card{border-radius:22px;box-shadow:0 16px 55px #231f2009;grid-template-columns:1.05fr 1fr}.portal-login-art{position:relative;background:radial-gradient(circle at 85% 80%,#b7192433,transparent 48%),linear-gradient(145deg,#17171b,#2b282c);display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:500px;padding:40px;overflow:hidden}.portal-login-story{position:relative;z-index:2;max-width:270px}.portal-login-story .portal-eyebrow{color:#e4b8bc;font-size:10px}.portal-login-story h2{font-size:29px;color:#fff;font-weight:500;line-height:1.6;margin:16px 0}.portal-login-art .portal-optic-art{position:absolute;inset-inline-end:24px;top:47%;width:280px;transform:scale(1.5);opacity:.85}.portal-login-signature{position:relative;z-index:2;font-size:21px;font-weight:600;color:#fff;letter-spacing:-.8px}.portal-login-signature span{color:#ff4d55}.portal-login-form{padding:42px 44px}.portal-form-symbol{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #eb21271f;border-radius:13px;color:var(--red);background:var(--active);font-size:21px;margin-bottom:20px}.portal-login-form h1{font-size:24px;font-weight:600;line-height:1.5}.portal-login-form>p{font-size:12px;margin-top:6px;margin-bottom:26px}.portal-login-form label{font-size:12px;font-weight:500;margin-top:18px}.portal-login-form input:not([type=hidden]){font-size:14px;min-height:48px;background:var(--panel);border-radius:10px;transition:border .2s,box-shadow .2s}.portal-login-form input:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px #eb212710}.portal-field{position:relative}.portal-field>i{position:absolute;inset-inline-start:16px;top:17px;z-index:1;color:var(--muted);font-size:13px;pointer-events:none}.portal-field input{padding-inline-start:42px!important}.portal-submit{font-size:13px;font-weight:600;background:linear-gradient(120deg,#d71920,#ec3037);box-shadow:0 5px 12px #d7192019;border-radius:10px;margin-top:25px;transition:filter .2s}.portal-submit:hover{filter:brightness(1.06)}.portal-login-form>a{font-size:12px}.portal-login .portal-brands{margin-top:28px}.portal-legal{color:var(--muted);gap:24px;font-size:11px}
[data-portal-theme=dark] .portal-home-hero{background:linear-gradient(115deg,#202023 45%,#3b2228)}[data-portal-theme=dark] .portal-lens{border-color:#e4f2fb70}[data-portal-theme=dark] .portal-quick-link:first-child{color:#fff!important}[data-portal-theme=dark] .portal-kpi-symbol{background:#eb21271a}
@media (min-width: 901px) {
    .portal-menu-button { display: inline-flex !important; }
    .portal-enhanced.portal-sidebar-hidden { --portal-rail-width: 68px; }
    .portal-enhanced.portal-sidebar-hidden .portal-sidebar {
        box-sizing: border-box;
        width: var(--portal-rail-width);
        overflow-x: hidden;
        scrollbar-width: none;
    }
    .portal-enhanced.portal-sidebar-hidden .portal-sidebar::-webkit-scrollbar {
        display: none;
    }
    .portal-enhanced.portal-sidebar-hidden .main-container {
        padding-inline-start: var(--portal-rail-width);
    }
    .portal-sidebar-hidden .portal-sidebar > .portal-nav-link,
    .portal-sidebar-hidden .portal-sidebar > .portal-nav-group > summary {
        position: relative;
        justify-content: center;
        gap: 0;
        min-height: 40px;
        padding-inline: 0 !important;
    }
    .portal-sidebar-hidden .portal-sidebar > .portal-nav-link > span,
    .portal-sidebar-hidden .portal-sidebar > .portal-nav-group > summary > span {
        position: absolute;
        inset: 0 auto auto 0;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }
    .portal-sidebar-hidden .portal-sidebar > .portal-nav-group > :not(summary),
    .portal-sidebar-hidden .portal-sidebar > .portal-nav-group > summary::after,
    .portal-sidebar-hidden .portal-sidebar > .portal-profile-info {
        display: none !important;
    }
    .portal-sidebar-hidden .portal-sidebar > .portal-nav-group:has(.portal-current) > summary {
        background: var(--active);
        color: var(--red);
    }
}
@media(max-width:1100px){.portal-home-hero{padding:24px;min-height:168px}.portal-home-hero .home-welcome h2{font-size:22px}.portal-home-hero .portal-optic-art{flex-basis:175px;transform:scale(.85)}.portal-kpi{grid-column:span 6}.portal-kpi:nth-child(-n+3){grid-column:span 4}.portal-quick-link{flex-basis:calc(50% - 14px);padding:16px}.portal-login-form{padding:32px}.portal-login-art{padding:30px}}
@media(max-width:900px){.portal-page{overflow-x:clip}.portal-drawer-close{display:flex;margin-inline-start:auto;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);cursor:pointer;margin-bottom:12px}.portal-sidebar{padding-top:14px!important}.portal-home-hero{padding:22px;min-height:165px}.portal-kpi:nth-child(-n+3){grid-column:span 6}.portal-kpi:last-child{grid-column:span 12}.portal-page .main-sections{padding:20px}.portal-login-art .portal-optic-art{transform:scale(1.1)}.portal-controls{gap:12px}}
@media(max-width:550px){.portal-home-hero{padding:20px;border-radius:14px;min-height:150px}.portal-home-hero .home-welcome h2{font-size:20px}.portal-home-hero>.portal-optic-art{position:absolute;inset-inline-end:-90px;opacity:.25;transform:scale(.9);pointer-events:none}.portal-home-hero .home-welcome{max-width:100%}.portal-home-hero+.portal-quick{gap:10px}.portal-quick-link{flex-basis:calc(50% - 10px);min-width:0;font-size:11px;min-height:80px;padding:12px;gap:8px;flex-wrap:wrap}.portal-quick-link i{width:28px;height:28px;min-width:28px;font-size:14px}.portal-quick-link:after{display:none}.portal-kpis{gap:10px}.portal-kpi{padding:16px;min-height:135px}.portal-kpi b{font-size:21px;letter-spacing:-.3px}.portal-kpi>span{max-width:100%;font-size:11px}.portal-page .main-sections{padding:16px}.portal-login-form{padding:28px 24px}.portal-controls{gap:8px}.portal-controls .portal-logo{width:86px}.portal-controls .portal-product{font-size:18px}.portal-controls select{max-width:95px}.portal-login-main{margin:22px auto}.portal-login-form h1{font-size:22px}.portal-eyebrow{font-size:9px}}
html:lang(fa) .portal-eyebrow{letter-spacing:0}html:lang(fa) .portal-login-story h2{font-size:27px}html:lang(fa) .portal-home-hero .home-welcome h2{letter-spacing:0}

@media(max-width:550px){.portal-login-card{grid-template-columns:minmax(0,1fr)}.portal-login-art{display:none}}

/* Focused sign-in and temporarily disabled company showcase (owner request). */
.portal-login{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#eb212709,transparent 55%),var(--bg)!important}
.portal-login .portal-controls{background:transparent;border-bottom:0;box-shadow:none;padding:18px 28px}
.portal-login .portal-controls .portal-logo,.portal-login .portal-controls .portal-product{display:none}
.portal-login .portal-controls label{margin-inline-start:auto}
.portal-login .portal-login-main{max-width:490px;width:100%;margin:26px auto 36px;padding:0 20px}
.portal-login .portal-login-focused{display:block;border-radius:20px;border:1px solid var(--border);box-shadow:0 18px 60px #231f200a;overflow:hidden}
.portal-login-focused .portal-login-form{padding:38px 36px 32px;border-top:3px solid #d71920}
.portal-login-brand{width:158px;margin:0 auto 26px;padding:9px 12px;background:#fff;border-radius:9px}
.portal-login-brand img{width:100%;height:auto;display:block}
.portal-login-focused h1{text-align:center;font-size:22px;font-weight:600;margin:0 0 7px;line-height:1.6}
.portal-login-focused .portal-login-form>p{text-align:center;font-size:12px;margin:0 0 28px}
.portal-login-focused label{font-size:12px;font-weight:500;margin-top:18px;margin-bottom:8px}
.portal-login-focused .portal-field input{height:50px;border-radius:10px;background:var(--bg)}
.portal-login-focused .portal-submit{min-height:48px;margin:26px 0 18px;font-size:14px}
.portal-login-focused .portal-login-form>a{display:block;text-align:center;font-size:12px}
.portal-login .portal-legal{max-width:580px;margin:0 auto 28px;padding:0 18px;gap:12px 20px;line-height:1.8}
@media(max-width:550px){.portal-login .portal-controls{padding:12px 16px;min-height:64px}.portal-login .portal-login-main{margin-top:12px;padding:0 16px}.portal-login-focused .portal-login-form{padding:28px 24px}.portal-login-focused h1{font-size:20px}.portal-login-brand{width:142px;margin-bottom:20px}}


.portal-controls .portal-appearance{min-width:78px}
.portal-controls .portal-signout{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--red);text-decoration:none;font-size:12px;white-space:nowrap;border-color:var(--border)}
.portal-controls .portal-signout:hover{background:var(--active);border-color:var(--red)}
@media(max-width:550px){.portal-controls .portal-signout{padding:8px 10px;gap:6px}}

/* Embedded SVG uses the portal's chosen theme, including manual overrides. */
.portal-logo, .portal-login-brand img { color-scheme: light; }
[data-portal-theme=dark] .portal-logo,
[data-portal-theme=dark] .portal-login-brand {
    background: transparent;
}
[data-portal-theme=dark] .portal-logo,
[data-portal-theme=dark] .portal-login-brand img {
    color-scheme: dark;
}

[dir=rtl] .portal-login-focused .portal-login-form label {
    display: block;
    text-align: start;
}

[dir=rtl] .portal-home .portal-home-hero {
    direction: rtl;
}
[dir=rtl] .portal-home .portal-home-hero .home-welcome {
    flex: 1 1 auto;
    text-align: right;
}

.portal-controls .portal-account {
    position: relative;
    margin: 0;
}
.portal-controls .portal-account > summary {
    min-height: 40px;
    border: 1px solid var(--border);
    padding: 8px 12px;
}
.portal-account-links {
    position: absolute;
    inset-block-start: calc(100% + 6px);
    inset-inline-end: 0;
    width: min(280px, calc(100vw - 32px));
    max-height: 65vh;
    overflow: auto;
    background: var(--panel);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 8px;
    box-shadow: 0 8px 24px #0002;
}
.portal-account-links .portal-nav-link {
    margin-inline-start: 0;
}

[dir=rtl] .portal-sidebar :is(.portal-nav-link, summary) {
    text-align: start;
}
[dir=rtl] .portal-sidebar .portal-nav-link > span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.portal-sidebar-resize { display: none; }

@media (min-width: 901px) {
    .portal-enhanced { --portal-sidebar-default-width: 260px; }
    .portal-enhanced:not(.portal-sidebar-hidden) .portal-sidebar {
        box-sizing: border-box;
        width: var(--portal-sidebar-width, var(--portal-sidebar-default-width));
    }
    .portal-enhanced:not(.portal-sidebar-hidden) .main-container {
        padding-inline-start: var(--portal-sidebar-width, var(--portal-sidebar-default-width));
    }
    .portal-enhanced:not(.portal-sidebar-hidden) .portal-sidebar-resize {
        display: block;
        position: fixed;
        inset-block: var(--portal-header-height, 76px) 0;
        inset-inline-start: calc(var(--portal-sidebar-width, var(--portal-sidebar-default-width)) - 3px);
        width: 7px;
        z-index: 36;
        cursor: col-resize;
        touch-action: none;
    }
    .portal-sidebar-resize:hover,
    .portal-sidebar-resize:focus-visible,
    .portal-sidebar-resizing .portal-sidebar-resize {
        border-inline-start: 2px solid var(--red);
    }
    .portal-sidebar-resizing { cursor: col-resize; user-select: none; }
    .portal-enhanced.portal-sidebar-resizing .main-container { transition: none; }
}

@media (min-width: 901px) and (max-width: 1100px) {
    .portal-enhanced { --portal-sidebar-default-width: 230px; }
}

@media print { .portal-sidebar-resize { display: none !important; } }

.portal-account-links .portal-profile-info { text-align: start; }
.portal-profile-info h6 { margin: 0 0 6px; color: var(--text); font-size: 12px; font-weight: 600; }
.portal-profile-info strong { margin-inline-end: .4em; font-weight: 600; }
.portal-profile-info > div + div { margin-top: 3px; }

.portal-header-brand, .portal-header-actions, .portal-header-settings { display: contents; }

.portal-page:not(.portal-login) .portal-controls {
    direction: ltr;
    justify-content: flex-start;
}
html[dir=ltr] .portal-page:not(.portal-login) .portal-controls { direction: rtl; }

.portal-page:not(.portal-login) :is(.portal-header-brand, .portal-header-actions) {
    display: flex;
    align-items: center;
    gap: inherit;
    min-width: 0;
}
.portal-header-brand .portal-product { white-space: nowrap; }
.portal-page:not(.portal-login) .portal-header-brand {
    direction: ltr;
    margin-left: auto;
}
html[dir=rtl] .portal-page:not(.portal-login) .portal-header-brand { direction: rtl; }
html[dir=ltr] .portal-page:not(.portal-login) .portal-header-brand { margin: 0 auto 0 0; }
html[dir=rtl] .portal-header-actions .portal-account { direction: rtl; }
html[dir=ltr] .portal-header-actions .portal-account { direction: ltr; }
.portal-header-actions .portal-user { margin-inline-start: 0; }
.portal-header-actions label { margin-inline-start: 0; }
.portal-header-actions .portal-account-links {
    left: 0;
    right: auto;
}
html[dir=ltr] .portal-header-actions .portal-account-links {
    left: auto;
    right: 0;
}
.portal-setting-picker > i { display: none; }
.portal-login .portal-setting-picker:has(.portal-appearance) { display: contents; }

.portal-page:not(.portal-login) .portal-header-settings {
    display: flex;
    align-items: center;
    gap: 4px;
}
.portal-page:not(.portal-login) .portal-setting-picker {
    position: relative;
    display: grid;
    place-items: center;
    width: 42px;
    height: 40px;
    border: 1px solid var(--border);
    border-radius: 9px;
    color: var(--text);
}
.portal-page:not(.portal-login) .portal-setting-picker > i { display: block; }
.portal-page:not(.portal-login) .portal-setting-picker select {
    position: absolute;
    inset: 0;
    width: 100%;
    min-width: 0;
    padding: 0;
    opacity: 0;
}
.portal-page:not(.portal-login) .portal-setting-picker:focus-within {
    outline: 2px solid var(--red);
    outline-offset: 2px;
}
.portal-header-settings .portal-signout { width: 42px; }
.portal-header-settings .portal-signout [data-portal-text] { display: none; }

@media (max-width: 550px) {
    .portal-page:not(.portal-login) .portal-header-brand .portal-product { font-size: 16px; }
    .portal-header-actions .portal-account { position: static; }
    .portal-header-actions .portal-account-links { left: 12px; }
    html[dir=ltr] .portal-header-actions .portal-account-links { right: 12px; }
}

.portal-account-name {
    min-width: 0;
    max-width: min(190px, 34vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-setting-enhanced > :is(select, i) { display: none !important; }
.portal-setting-menu { width: 100%; }
.portal-setting-menu > summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 38px;
}
.portal-setting-menu > summary::-webkit-details-marker { display: none; }
.portal-setting-chevron { font-size: 8px; }
.portal-setting-options {
    position: absolute;
    z-index: 2;
    top: calc(100% + 8px);
    left: 0;
    width: 170px;
    padding: 5px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 8px 24px #0002;
}
html[dir=ltr] .portal-setting-options { left: auto; right: 0; direction: ltr; }
html[dir=rtl] .portal-setting-options { direction: rtl; }
.portal-setting-options button {
    display: grid;
    grid-template-columns: 22px 1fr 16px;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-height: 36px;
    padding: 5px 7px;
    text-align: start;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--text);
}
.portal-setting-options button:hover,
.portal-setting-options button[aria-pressed=true] { background: var(--active); }
.portal-setting-check { visibility: hidden; color: var(--red); }
.portal-setting-options button[aria-pressed=true] .portal-setting-check { visibility: visible; }
.portal-setting-menu :is(.portal-flag-fa, .portal-flag-tr, .portal-flag-en) {
    display: inline-block;
    width: 19px;
    height: 13px;
    border-radius: 2px;
    background-size: 100% 100%;
}
.portal-flag-fa { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2020%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h30v20H0z%22%2F%3E%3Cpath%20fill%3D%22%23239f40%22%20d%3D%22M0%200h30v7H0z%22%2F%3E%3Cpath%20fill%3D%22%23da0000%22%20d%3D%22M0%2013h30v7H0z%22%2F%3E%3Cpath%20d%3D%22M15%207.4v5.2m-1.4-4.4c-1.3%201.6-.5%203.2%201.4%204%201.9-.8%202.7-2.4%201.4-4%22%20fill%3D%22none%22%20stroke%3D%22%23da0000%22%20stroke-width%3D%22.8%22%2F%3E%3C%2Fsvg%3E"); }
.portal-flag-tr { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2020%22%3E%3Cpath%20fill%3D%22%23e30a17%22%20d%3D%22M0%200h30v20H0z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%225%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2213.5%22%20cy%3D%2210%22%20r%3D%224%22%20fill%3D%22%23e30a17%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m17%2010%204.5-1.5-2.8%203.8V7.7l2.8%203.8z%22%2F%3E%3C%2Fsvg%3E"); }
.portal-flag-en { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2020%22%3E%3Cpath%20fill%3D%22%23012169%22%20d%3D%22M0%200h30v20H0z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%20d%3D%22m0%200%2030%2020m0-20L0%2020%22%2F%3E%3Cpath%20stroke%3D%22%23c8102e%22%20stroke-width%3D%221.5%22%20d%3D%22m0%200%2030%2020m0-20L0%2020%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%227%22%20d%3D%22M15%200v20M0%2010h30%22%2F%3E%3Cpath%20stroke%3D%22%23c8102e%22%20stroke-width%3D%224%22%20d%3D%22M15%200v20M0%2010h30%22%2F%3E%3C%2Fsvg%3E"); }
.portal-header-actions .portal-notification {
    width: 42px;
    min-width: 42px;
    min-height: 40px;
    border: 1px solid var(--border);
    border-radius: 9px;
}
.portal-header-settings .portal-signout { background: var(--active); }
.portal-page:not(.portal-login) .portal-header-actions { direction: ltr; }
html[dir=rtl] .portal-page:not(.portal-login) .portal-header-actions { direction: rtl; }

.portal-page:not(.portal-login) .portal-header-settings {
    gap: 0;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--panel);
}
.portal-page:not(.portal-login) .portal-header-settings > :is(.portal-setting-picker, .portal-signout) {
    border: 0;
    border-radius: 0;
}
.portal-page:not(.portal-login) .portal-header-settings > :first-child {
    border-start-start-radius: 9px;
    border-end-start-radius: 9px;
}
.portal-page:not(.portal-login) .portal-header-settings > :last-child {
    border-start-end-radius: 9px;
    border-end-end-radius: 9px;
}
.portal-page:not(.portal-login) .portal-header-settings > * + * {
    border-inline-start: 1px solid var(--border);
}
html[dir=rtl] .portal-header-settings .portal-signout > i { transform: scaleX(-1); }

@media (max-width: 550px) {
    .portal-page:not(.portal-login) .portal-controls {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
        padding: 8px 12px;
    }
    .portal-page:not(.portal-login) .portal-header-brand {
        grid-row: 1;
        margin: 0;
        justify-self: end;
    }
    html[dir=ltr] .portal-page:not(.portal-login) .portal-header-brand { margin: 0; }
    .portal-page:not(.portal-login) .portal-header-actions {
        grid-row: 2;
        justify-content: flex-start;
        gap: 8px;
    }
    .portal-header-actions .portal-account {
        flex: 0 1 auto;
        min-width: 0;
    }
    .portal-header-actions .portal-account > summary {
        min-height: 44px;
        gap: 6px;
        padding-inline: 8px;
    }
    .portal-header-actions .portal-account-name { max-width: none; }
    .portal-header-actions .portal-notification,
    .portal-page:not(.portal-login) .portal-setting-picker,
    .portal-controls .portal-header-settings .portal-signout {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
    }
    .portal-page:not(.portal-login) .portal-setting-picker,
    .portal-setting-menu { position: static; }
    .portal-setting-menu > summary,
    .portal-setting-options button { min-height: 44px; }
    .portal-setting-options {
        top: calc(100% + 4px);
        left: 12px;
        width: min(220px, calc(100vw - 24px));
    }
    html[dir=ltr] .portal-setting-options { right: 12px; }
    .portal-header-actions .portal-account-links {
        top: calc(100% + 4px);
        max-height: 60vh;
    }
}

@media (max-width: 900px) {
    .portal-drawer-close { min-width: 44px; min-height: 44px; }
}

@media (max-width: 550px) {
    html:has(> body.portal-page) { overflow-x: clip; }
    body.portal-page {
        --portal-phone-gutter: 12px;
        width: auto;
        min-width: 0;
        margin-inline: 0;
        padding-inline: 0;
    }
    .portal-page > .portal-controls,
    .portal-page > .main-container {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin-inline: 0;
    }
    .portal-page.portal-enhanced > .main-container {
        display: block;
        padding-inline: 0 !important;
    }
    .portal-page > .main-container > .main-sections,
    .portal-page .portal-login-main {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin-inline: auto;
        padding-inline: var(--portal-phone-gutter);
    }
    .portal-home .home-section > .container { margin-inline: 0; }
    .portal-login .portal-login-main,
    .portal-login .portal-controls { padding-inline: var(--portal-phone-gutter); }
    .portal-page:not(.portal-login) .portal-controls {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        min-height: 60px;
        gap: 4px;
        padding: 8px var(--portal-phone-gutter);
    }
    .portal-page:not(.portal-login) .portal-header-brand { gap: 4px; }
    .portal-page:not(.portal-login) .portal-header-actions { gap: 4px; }
    .portal-controls .portal-header-actions .portal-account > summary {
        width: 44px;
        justify-content: center;
        padding-inline: 0;
    }
    .portal-header-actions .portal-account > summary::after { display: none; }
    .portal-header-actions .portal-account-name {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }
    .portal-home .portal-home-hero {
        min-height: 0;
        padding: 12px 14px;
        margin-bottom: 12px;
    }
    .portal-home-hero > .portal-optic-art,
    .portal-home-hero .portal-eyebrow { display: none; }
    .portal-home .portal-home-hero .home-welcome {
        padding: 0;
        margin: 0;
        min-height: 0;
        flex: 1 1 auto;
    }
    .portal-home-hero .home-welcome h2 {
        font-size: 17px;
        margin: 0;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .portal-home-hero .home-welcome p { display: none; }
}
@media (max-width: 400px) {
    .portal-page:not(.portal-login) .portal-header-brand .portal-product { display: none; }
}

.portal-drawer-header,
.portal-drawer-version { display: none; }

@media (max-width: 900px) {
    .portal-enhanced .portal-sidebar { display: flex; flex-direction: column; }
    .portal-sidebar > * { flex-shrink: 0; }
    .portal-drawer-header {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        align-items: center;
        margin-bottom: 10px;
    }
    .portal-drawer-header .portal-product {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
    }
    .portal-drawer-header .portal-drawer-close {
        grid-column: 3;
        grid-row: 1;
        margin: 0;
    }
    .portal-drawer-version {
        display: block;
        margin-block-start: auto;
        padding-block: 14px max(12px, env(safe-area-inset-bottom));
        text-align: center;
        color: var(--red);
        font-size: 12px;
    }
}

@media screen and (min-width: 901px) {
    .portal-enhanced:not(.portal-login) > .portal-controls {
        position: fixed;
        inset-block-start: 0;
        inset-inline: 0;
    }
    .portal-enhanced:not(.portal-login) > .main-container {
        margin-block-start: var(--portal-header-height, 76px);
    }
}

@media screen and (max-width: 900px) {
    body.portal-enhanced:not(.portal-login) {
        padding-block-start: var(--portal-header-height, 60px);
    }
    .portal-enhanced:not(.portal-login) > .portal-controls {
        position: fixed;
        inset-block-start: 0;
        inset-inline: 0;
    }
}

.portal-brand-home, .portal-brand-home:hover { color: inherit; text-decoration: none; }
.portal-stock-detail-sheet {
    position: fixed;
    inset: auto 0 0;
    margin: 0;
    width: 100%;
    max-width: none;
    height: 86vh;
    height: 86dvh;
    max-height: none;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: 18px 18px 0 0;
    background: var(--panel);
    color: var(--text);
    overflow: hidden;
}
.portal-stock-detail-sheet[open] { display: grid; grid-template-rows: auto minmax(0, 1fr); }
.portal-stock-detail-sheet::backdrop { background: #0009; }
.portal-stock-detail-sheet > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    position: relative;
    padding: 14px 14px 5px;
}
.portal-stock-detail-sheet > header::before {
    content: "";
    position: absolute;
    inset-block-start: 6px;
    inset-inline: 0;
    margin-inline: auto;
    width: 34px;
    height: 4px;
    border-radius: 4px;
    background: var(--muted);
}
.portal-stock-detail-sheet h2 { margin: 0; font-size: 18px; }
.portal-stock-detail-sheet > header button {
    min-width: 44px;
    min-height: 44px;
    border: 0;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: 24px;
}
.portal-stock-detail-sheet iframe { display: block; width: 100%; height: 100%; border: 0; }