@import url('/dark-theme.css?v=blue-selection-2');
@import url('/brand-accent.css?v=blue-accent-1');
@font-face{font-family:Cairo;src:url('/tool/fonts/cairo-arabic.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Cairo;src:url('/tool/fonts/cairo-latin.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Shared site chrome, based on the approved workspace header. */
.site-header [hidden]{display:none!important}
.site-header .header-loading{font-size:11px}
.site-header .header-account-menu{position:relative}
.site-header .header-account-menu>summary{list-style:none}
.site-header .header-account-menu>summary::-webkit-details-marker{display:none}
.site-header .header-avatar{display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-size:11px;font-weight:700}
.site-header .header-account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .header-account-chevron{font-size:18px}
.site-header .header-account-panel{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:min(290px,calc(100vw - 32px));box-sizing:border-box;padding:17px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 35px #0002;border-radius:12px;z-index:50;line-height:1.7;text-align:start}
.site-header .header-account-panel>b{display:block;font-size:14px;overflow-wrap:anywhere}
.site-header .header-account-email,.site-header .header-account-phone{display:block;font-size:12px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere;text-align:start}
.site-header .header-account-links{display:grid;gap:4px;margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}
.site-header .header-account-links button{text-align:start;display:block;background:transparent;color:var(--text);padding:8px;border:0;border-radius:6px;font:400 12px Cairo,sans-serif;cursor:pointer}
.site-header .header-account-links button:hover{background:var(--surface2)}
.site-header #headerLogout{color:#bc4b62}
.site-header .header-account-status{font-size:11px;color:#bc4b62;margin:6px 0 0}
.site-header .header-account-status:empty{display:none}
html body .app-header.site-header{--header-bg:#083868;--header-ink:#f2f8fa;position:relative;top:0;z-index:100;display:flex;align-items:center;flex-wrap:wrap;gap:24px;min-height:64px;width:100%;margin:0;padding:5px 30px;box-sizing:border-box;background:var(--header-bg);color:var(--header-ink);border:0;border-bottom:1px solid #ffffff16;box-shadow:none;font:600 13px/1.7 Cairo,Tahoma,sans-serif;direction:rtl;isolation:isolate}
html body .site-header .app-brand{display:flex;align-items:center;flex-shrink:0;min-width:0;min-height:44px;margin:0;padding:0 10px;background:transparent;border:0;border-radius:0;box-shadow:none}
html body .site-header .app-brand .site-brand-logo{display:block;width:145px;height:46px;max-width:100%;object-fit:contain;filter:brightness(0) invert(1)!important;opacity:1}
html body .site-header .app-nav{display:flex;align-items:center;gap:7px;order:0;width:auto;margin:0;padding:0;border:0;overflow:visible}
html body .site-header .app-nav a{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:8px 14px;border:0;border-radius:9px;background:transparent;color:var(--header-ink);font:700 13px/1.7 Cairo,Tahoma,sans-serif;text-decoration:none;white-space:nowrap}
html body .site-header .app-nav a.active,html body .site-header .app-nav a:hover{color:var(--header-ink);background:#ffffff0e;box-shadow:inset 0 -2px var(--header-ink)}
html body .site-header .app-nav a::after{display:none}
html body .site-header .header-user{display:flex;align-items:center;gap:10px;min-width:0;margin-inline-start:auto;justify-content:flex-end}
html body .site-header .header-account{display:flex;align-items:center;gap:8px;min-width:0}
html body .site-header .theme-toggle,html body .site-header .header-action,html body .site-header .header-wallet-chip,html body .site-header .header-account-menu>summary{display:flex;align-items:center;justify-content:center;width:auto;min-height:44px;box-sizing:border-box;padding:6px 10px;border:1px solid #ffffff60;border-radius:10px;background:transparent;color:var(--header-ink);box-shadow:none;font:600 12px/1.7 Cairo,Tahoma,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}
html body .site-header .theme-toggle{gap:7px}
html body .site-header .theme-toggle span{display:inline}
html body .site-header .icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
html body .site-header .header-action.primary{background:#edf7f8;color:#087d8b;border-color:#edf7f8}
html body .site-header .header-action.secondary{background:transparent;color:var(--header-ink);border-color:#ffffff60}
html body .site-header .header-loading,html body .site-header .header-account-chevron{color:#c8d8de}
html body .site-header .header-wallet-chip{gap:7px}
html body .site-header .header-wallet-chip span{display:inline;color:#c8d8de;font-size:10px}
html body .site-header .header-wallet-chip b{color:#f4d58d;font-size:13px;font-weight:800}
html body .site-header .header-avatar{width:32px;height:32px;background:#edf7f8;color:#087d8b}
html body .site-header .header-account-name{font:700 12px/1.7 Cairo,Tahoma,sans-serif;max-width:135px}
html body .site-header .header-account-menu>summary{gap:8px}
html body .site-header .header-account-panel{color:var(--text);font-family:Cairo,Tahoma,sans-serif}
html body .site-header .header-account-panel .header-account-links a{min-height:40px;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--text);font:400 12px/1.7 Cairo,Tahoma,sans-serif}
html body .site-header .header-account-panel .header-account-links a:hover{background:var(--surface2)}
html body .site-header :is(a,button,summary):focus-visible{outline:3px solid #f4d58d;outline-offset:3px}
.site-page-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0 0 24px}
.marketplace-page-tools .marketplace-header-search{flex:1;max-width:800px;min-width:0}
.marketplace-page-tools .marketplace-header-link{color:var(--text);min-height:44px;display:flex;align-items:center}
.admin-page-tools .admin-header-balances{flex:1;flex-wrap:wrap}
.admin-page-tools .admin-header-balance{color:var(--text);background:var(--surface);border-color:var(--line)}
.admin-page-tools .admin-header-balance span,.admin-page-tools .admin-header-balance small{color:var(--muted)}
@media(max-width:1150px){html body .app-header.site-header{gap:12px;padding-inline:18px}html body .site-header .app-nav a{padding-inline:10px}html body .site-header .app-brand{padding:0}html body .site-header .app-brand .site-brand-logo{width:125px}html body .site-header .ai-state{display:none}}
@media(max-width:960px){html body .site-header .app-nav{order:3;flex:1 0 100%;width:100%;justify-content:center;border-top:1px solid #ffffff25;padding-top:5px;overflow-x:auto}html body .site-header .app-nav a{flex-shrink:0}html body .site-header .header-user{margin-inline-start:auto}html body .site-header .header-task-progress{order:4}}
@media(max-width:620px){html body .app-header.site-header{gap:8px;padding:8px 12px}html body .site-header .header-user{flex:1 0 100%;justify-content:space-between}html body .site-header .header-account{gap:7px}html body .site-header .header-account-name{max-width:100px}html body .site-header .app-nav{justify-content:flex-start}html body .site-header .app-nav a{font-size:12px;padding-inline:12px}html body .site-header .theme-toggle{padding-inline:10px}html body .site-header .header-wallet-chip{padding-inline:8px}html body .site-header .header-wallet-chip span{display:none}html body .site-header .header-wallet-chip b{font-size:12px}.marketplace-page-tools .marketplace-header-search{flex-basis:100%}}

html body .site-header .site-brand-link{position:relative}
html body .site-header .site-phase-label{position:absolute;inset-inline-end:0;bottom:0;padding:1px 6px;border:1px solid #f4d58d;border-radius:5px;background:#f4d58d;color:#083868;font:700 9px/1.5 Cairo,Tahoma,sans-serif;white-space:nowrap;transform:translateY(25%)}

.admin-notification-bar{max-width:1360px;margin:16px auto;padding:12px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid var(--line,#474747);border-radius:8px;background:var(--surface,#141414);color:inherit;font-size:13px;line-height:1.8}.admin-notification-bar>span{flex:1;min-width:180px}.admin-notification-bar a{color:inherit;white-space:nowrap}.admin-notification-bar .has-new-orders{color:var(--blue,#669aff);font-weight:700}@media(max-width:620px){.admin-notification-bar{margin:12px 8px;padding:12px}.admin-notification-bar>span{flex-basis:100%}}