@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-400-arabic.woff2)format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-500-arabic.woff2)format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-700-arabic.woff2)format("woff2")}:root{--color-bg:#000;--color-surface:#141414;--color-surface-raised:#1e1e1e;--color-surface-sunken:#0a0a0a;--color-primary:#e4002b;--color-primary-hover:#ff1038;--color-primary-press:#b80022;--color-accent:#c9a063;--color-accent-soft:#d9bc8c;--color-text:#fff;--color-text-muted:#a8a8a8;--color-text-faint:#777;--color-text-on-primary:#fff;--color-border:#2a2a2a;--color-border-strong:#3d3d3d;--color-online:#22c55e;--color-danger:#e4002b;--color-warning:#c9a063;--color-transparent:transparent;--color-focus:#d9bc8c;--scrim-bottom:linear-gradient(to top, #000 0%, #000000d9 25%, #0000 70%);--font-display:"Playfair Display", Georgia, serif;--font-arabic:"Tajawal", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-hero:5rem;--leading-tight:1.25;--leading-body:1.7;--tracking-wide:.25em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--shadow-card:0 8px 32px #00000080;--dur-fast:.12s;--dur-base:.22s;--dur-slow:.42s;--ease:cubic-bezier(.4, 0, .2, 1);--touch:44px;--avatar-sm:32px;--avatar-md:48px;--avatar-lg:72px;--content:1180px;--chat:760px;--photo-header:180px;--line:1px;font-family:var(--font-arabic);color:var(--color-text);background:var(--color-bg);font-size:var(--text-base);line-height:var(--leading-body)}*{box-sizing:border-box}html{background:var(--color-bg)}body{background:var(--color-bg);min-block-size:100vh;color:var(--color-text);margin:0}.onboarding{max-inline-size:var(--content);background:var(--color-surface-sunken);grid-template-rows:auto minmax(0,1fr);block-size:100%;min-block-size:0;inline-size:100%;margin-inline:auto;display:grid;position:relative;overflow:hidden}.onboarding>.photo-header{border-block-end:var(--line) solid var(--color-border);inline-size:100%;max-inline-size:none;position:relative}.onboarding>.photo-header--media{background-position:50% 24%;min-block-size:clamp(220px,34vh,340px)}.photo-header .onboarding__skip{z-index:2;position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}.onboarding__nav{gap:var(--space-2);flex-wrap:wrap;display:flex}.onboarding__summary ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.onboarding__edit{align-items:center;gap:var(--space-3);inline-size:100%;min-block-size:var(--touch);padding:var(--space-2) var(--space-3);border:var(--line) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text-muted);text-align:start;cursor:pointer;display:flex}.onboarding__edit:hover{border-color:var(--color-accent)}.onboarding__edit>span{flex:1;min-inline-size:0}.onboarding__edit>strong{color:var(--color-accent-soft)}.onboarding__edit>small{color:var(--color-primary)}.onboarding__identity{align-items:center;gap:var(--space-3);display:flex}.onboarding__body{align-content:start;justify-items:start;gap:var(--space-4);inline-size:min(100%, var(--chat));padding:var(--space-5) var(--space-4) var(--space-7);margin-inline:auto;display:grid;overflow-y:auto}.onboarding__progress{align-items:center;gap:var(--space-3);display:flex}.onboarding h1{font-size:var(--text-xl);line-height:var(--leading-tight);margin:0}.onboarding h1 strong{color:var(--color-primary);font-size:var(--text-2xl)}.onboarding__step{inline-size:100%}.onboarding__options{gap:var(--space-3);flex-wrap:wrap;display:flex}.onboarding__options .chip{min-inline-size:calc(var(--touch) * 3);color:var(--color-text);background:var(--color-surface-sunken);transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);flex:auto}.onboarding__options .chip:hover{border-color:var(--color-accent);background:var(--color-surface)}.onboarding__answer{gap:var(--space-2);display:flex}.onboarding__answer input{flex:1;min-inline-size:0}.onboarding__summary{inline-size:100%}.onboarding__summary dl{gap:var(--space-3);margin-block-end:0;display:grid}.onboarding__summary dt{color:var(--color-text-muted);font-size:var(--text-sm)}.onboarding__summary dd{color:var(--color-accent-soft);margin-inline-start:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:var(--color-transparent)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,tr:focus-visible{outline:var(--line) solid var(--color-focus);outline-offset:var(--space-1)}a{color:inherit;text-decoration:none}.app-shell{min-block-size:100dvh}:is(.app-shell:has(>.chat),.app-shell:has(>.onboarding)){grid-template-rows:auto minmax(0,1fr);block-size:100dvh;display:grid;overflow:hidden}.landing__body{max-inline-size:var(--content)}.landing__body>.surface{max-inline-size:var(--chat);margin-inline:auto}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);max-inline-size:var(--content);padding:var(--space-4);border-block-end:var(--line) solid var(--color-border);margin-inline:auto;display:flex}.brand{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-wide)}.nav{gap:var(--space-2);flex-wrap:wrap;display:flex}.nav a{color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill)}.nav a[aria-current=page]{color:var(--color-text);background:var(--color-primary)}.page{max-inline-size:var(--content);padding:var(--space-6) var(--space-4);margin-inline:auto}.page__head{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex}.page__head h1,.page__head p{margin:0}.page__head p,.status{color:var(--color-text-muted)}.notice{margin-block:var(--space-3);border-inline-start:var(--line-thick,3px) solid var(--color-border-strong);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm,4px);background:var(--color-surface);color:var(--color-text-muted)}.notice--warn{border-inline-start-color:var(--color-warning);color:var(--color-accent-soft)}.page__note{margin-block:0 var(--space-3);color:var(--color-text-faint);max-inline-size:78ch;font-size:.9rem}.calculator{gap:var(--space-3);margin-block:var(--space-4);padding:var(--space-4);border:var(--line) solid var(--color-border);border-radius:var(--radius-sm,4px);background:var(--color-surface);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.calculator .field{margin:0}.button{min-block-size:var(--touch);border:var(--line) solid var(--color-transparent);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);color:var(--color-text);cursor:pointer;transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease)}.button:hover{transform:translateY(calc(var(--space-1) * -1))}.button:disabled{opacity:.4;pointer-events:none}.button--primary{background:var(--color-primary);color:var(--color-text-on-primary)}.button--primary:hover{background:var(--color-primary-hover)}.button--primary:active{background:var(--color-primary-press)}.button--secondary{background:var(--color-transparent);border-color:var(--color-accent);color:var(--color-accent-soft)}.button--ghost{background:var(--color-transparent);color:var(--color-text-muted)}.button--lg{min-block-size:calc(var(--touch) + var(--space-2));padding-inline:var(--space-6)}.surface{background:var(--color-surface);border:var(--line) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.surface--raised{background:var(--color-surface-raised);box-shadow:var(--shadow-card)}.chip{min-block-size:var(--touch);padding:var(--space-2) var(--space-4);border:var(--line) solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text-muted);background:var(--color-transparent);cursor:pointer}.chip--selected{border-color:var(--color-accent);color:var(--color-bg);background:var(--color-accent)}.stat-strip{flex-wrap:wrap;margin:0;display:flex}.stat-strip__item{min-inline-size:calc(var(--touch) * 3);padding:var(--space-3);border-inline-start:var(--line) solid var(--color-border);flex:1;display:grid}.stat-strip__item:first-child{border-inline-start:0}.stat-strip__item small{color:var(--color-text-muted)}.dots{gap:var(--space-2);align-items:center;display:flex}.dot{inline-size:var(--space-2);block-size:var(--space-2);border-radius:var(--radius-pill);background:var(--color-text-faint);transition:transform var(--dur-base) var(--ease)}.dot--active{inline-size:var(--space-5);background:var(--color-primary)}.avatar{border-radius:var(--radius-pill);background:var(--color-primary);flex:none;place-items:center;display:inline-grid;position:relative}.avatar img{object-fit:cover;object-position:50% 34%;border-radius:var(--radius-pill);block-size:100%;inline-size:100%}.avatar--sm{inline-size:var(--avatar-sm);block-size:var(--avatar-sm)}.avatar--md{inline-size:var(--avatar-md);block-size:var(--avatar-md)}.avatar--lg{inline-size:var(--avatar-lg);block-size:var(--avatar-lg)}.avatar__status{inline-size:var(--space-3);block-size:var(--space-3);border:var(--space-1) solid var(--color-surface);border-radius:var(--radius-pill);background:var(--color-online);position:absolute;inset-block-end:var(--space-1);inset-inline-end:var(--space-1)}.photo-header{align-items:center;gap:var(--space-4);max-inline-size:var(--chat);padding:var(--space-4);background:var(--scrim-bottom), var(--color-surface-raised);margin-inline:auto;display:flex}.photo-header--media{background-position:50% 22%;background-repeat:no-repeat;background-size:cover;align-items:end;min-block-size:clamp(260px,42vh,460px);max-inline-size:none;position:relative}.photo-header--media:after{content:"";background:radial-gradient(120% 80% at 50% 8%, #0000 0%, #0000008c 100%), linear-gradient(to bottom, #0000001a 40%, var(--color-bg) 98%);pointer-events:none;position:absolute;inset:0}.photo-header--media>*{z-index:1;position:relative}.photo-header--media>.brand{margin-inline-start:max(var(--space-5), calc((100vw - var(--chat)) / 2))}.list-row{align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-block-end:var(--line) solid var(--color-border);display:flex}.list-row>span{flex:1;display:grid}.list-row small{color:var(--color-text-muted)}.tabs{gap:var(--space-2);display:flex}.tab{min-block-size:var(--touch);border-radius:var(--radius-pill);padding-inline:var(--space-4);background:var(--color-transparent);color:var(--color-text-muted);border:0}.tab--active{color:var(--color-bg);background:var(--color-accent)}.field{gap:var(--space-2);display:grid}.field>span{color:var(--color-text-muted);font-size:var(--text-sm)}.field input,.field select,.field-control,textarea{inline-size:100%;min-block-size:var(--touch);padding:var(--space-3);border:var(--line) solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface-sunken)}.field small{color:var(--color-text-faint)}.field__error{color:var(--color-danger)}.empty-state{padding:var(--space-7);color:var(--color-text-muted);justify-items:center;display:grid}.table-wrap{border:var(--line) solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;inline-size:100%}th,td{padding:var(--space-3);text-align:start;border-block-end:var(--line) solid var(--color-border)}th{color:var(--color-accent-soft);font-size:var(--text-sm)}tbody tr{cursor:pointer;transition:opacity var(--dur-fast) var(--ease)}tbody tr:hover{background:var(--color-surface-raised)}.entity-layout{grid-template-columns:minmax(0, 2fr) minmax(var(--avatar-lg), 1fr);gap:var(--space-5);display:grid}.entity-form{gap:var(--space-4);align-self:start;display:grid;position:sticky;inset-block-start:var(--space-4)}.entity-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.catalog-actions{align-items:end;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex}.dialog{max-inline-size:var(--chat);color:var(--color-text);background:var(--color-surface-raised);border:var(--line) solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.dialog::backdrop{background:var(--scrim-bottom)}.search{max-inline-size:calc(var(--touch) * 7)}.error{color:var(--color-danger)}.run-detail{gap:var(--space-4);display:grid}.run-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text-muted)}.auth{max-inline-size:var(--chat);margin-inline:auto;margin-block:var(--space-8);gap:var(--space-4);display:grid}.chat{background:var(--color-surface-sunken);grid-template-rows:auto minmax(0,1fr) auto;block-size:100%;min-block-size:0;inline-size:100%;display:grid;overflow:hidden}.chat>.photo-header{border-block-end:var(--line) solid var(--color-border);inline-size:100%;max-inline-size:none}.chat>.photo-header--media{background-position:50% 34%}.chat__header h1,.chat__header p{margin:0}.chat__header p{color:var(--color-text-muted)}.messages{gap:var(--space-4);padding-block:var(--space-5);padding-inline:max(var(--space-4), calc((100% - var(--chat)) / 2));scroll-behavior:smooth;flex-direction:column;display:flex;overflow-y:auto}.message{max-inline-size:min(78%,62ch);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);align-self:flex-start;line-height:1.6}.message-group{gap:var(--space-3);justify-items:start;display:grid}.message-group--user{justify-items:end}.message-row{align-items:end;gap:var(--space-2);inline-size:100%;display:flex}.message-group--user .message-row{justify-content:flex-end}.message-row .message{white-space:pre-wrap;overflow-wrap:anywhere}.product-cards{grid-template-columns:repeat(auto-fit, minmax(calc(var(--touch) * 4), 1fr));gap:var(--space-3);inline-size:100%;display:grid}.product-card{gap:var(--space-3);max-inline-size:none;display:grid}.product-card h2,.product-card p,.product-card dl,.product-card dd{margin:0}.product-card p,.product-card dt{color:var(--color-text-muted)}.product-card dl{gap:var(--space-4);flex-wrap:wrap;display:flex}.product-card dl>div{display:grid}.product-card .button{text-align:center}.message--user{border-color:var(--color-transparent);background:var(--color-primary);color:var(--color-text-on-primary);border-end-end-radius:var(--radius-sm);align-self:flex-end}.message--assistant{background:var(--color-surface-raised);border-color:var(--color-border);border-end-start-radius:var(--radius-sm)}.quick-replies{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.composer{align-items:end;gap:var(--space-2);padding-block:var(--space-3);padding-inline:max(var(--space-3), calc((100% - var(--chat)) / 2));border-block-start:var(--line) solid var(--color-border);background:var(--color-surface);display:flex}.composer textarea{min-inline-size:0;max-block-size:calc(var(--touch) * 4);resize:none;border:var(--line) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);color:var(--color-text);background:var(--color-surface-sunken);flex:1;overflow-y:hidden}.composer button{inline-size:var(--touch);block-size:var(--touch);min-block-size:var(--touch);border-radius:var(--radius-pill);flex:none;padding:0}.composer button:hover{transform:none}.typing{gap:var(--space-1);min-block-size:var(--space-4);align-items:center;display:flex}.typing i{inline-size:var(--space-2);block-size:var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent);animation:typing-pulse var(--dur-slow) var(--ease) infinite alternate}.typing i:nth-child(2){animation-delay:var(--dur-fast)}.typing i:nth-child(3){animation-delay:var(--dur-base)}@keyframes typing-pulse{to{opacity:.35;transform:translateY(calc(var(--space-1) * -1))}}@media (width>=900px){.landing__body>.surface{padding:var(--space-7)}.landing__body h1{font-size:var(--text-2xl)}.onboarding,.chat{box-shadow:var(--shadow-card)}.onboarding{grid-template-columns:minmax(calc(var(--chat) / 2), .8fr) minmax(0, 1.4fr);grid-template-rows:1fr}.onboarding>.photo-header{border-block-end:0;border-inline-end:var(--line) solid var(--color-border);grid-area:1/1;align-items:end;min-block-size:100%}.onboarding>.photo-header--media{background-position:50% 30%}.onboarding__body{padding:var(--space-7) var(--space-6);grid-area:1/2;align-content:center}.onboarding h1{font-size:var(--text-2xl)}.chat{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(280px,.7fr) minmax(0,1.9fr)}.chat>.photo-header{grid-area:1/1/-1;align-items:end;min-block-size:100%}.chat>.messages{grid-area:1/2}.chat>.composer{grid-area:2/2}}@media (width<=720px){.entity-layout{grid-template-columns:1fr}.entity-form{position:static}.page{padding-block:var(--space-4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:var(--dur-fast);animation-duration:var(--dur-fast)}.typing i{animation:none}}.feedback{gap:var(--space-2);justify-items:start;inline-size:100%;display:grid}.feedback__buttons{gap:var(--space-1);display:flex}.feedback__thumb{min-inline-size:calc(var(--touch) * .75);min-block-size:calc(var(--touch) * .75);border-radius:var(--radius-md);background:var(--color-transparent);color:var(--color-text-muted);opacity:.45;cursor:pointer;border:0;place-items:center;padding:0;font-size:.95rem;line-height:1;transition:opacity .12s,background-color .12s;display:grid}.feedback__thumb:hover,.feedback__thumb:focus-visible{opacity:1;background:var(--color-surface-raised)}.feedback__thumb--on{opacity:1;background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px var(--color-accent)}.feedback__sheet{gap:var(--space-3);inline-size:100%;max-inline-size:34rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.feedback__title{color:var(--color-text);margin:0;font-weight:500}.feedback__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.feedback__chip{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);background:var(--color-transparent);color:var(--color-text-muted);font:inherit;cursor:pointer;border-radius:999px;font-size:.85rem}.feedback__chip:hover,.feedback__chip:focus-visible{color:var(--color-text);border-color:var(--color-accent-soft)}.feedback__chip--on{color:var(--color-text);border-color:var(--color-accent);background:var(--color-surface-raised)}.feedback__note{inline-size:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);font:inherit;resize:vertical}.feedback__actions{gap:var(--space-2);display:flex}.feedback__send,.feedback__cancel{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font:inherit;cursor:pointer}.feedback__send{background:var(--color-primary);color:var(--color-text-on-primary);border:0}.feedback__send:disabled{background:var(--color-surface-raised);color:var(--color-text-faint);cursor:not-allowed}.feedback__cancel{border:1px solid var(--color-border-strong);background:var(--color-transparent);color:var(--color-text-muted)}.feedback__error{color:var(--color-danger);margin:0;font-size:.85rem}.rating{gap:var(--space-3);inline-size:100%;max-inline-size:34rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.rating__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.rating__title{color:var(--color-text);margin:0;font-weight:500}.rating__close{background:var(--color-transparent);color:var(--color-text-faint);cursor:pointer;border:0;font-size:1rem;line-height:1}.rating__close:hover,.rating__close:focus-visible{color:var(--color-text)}.rating__stars{gap:var(--space-1);display:flex}.rating__star{padding:0 var(--space-1);background:var(--color-transparent);color:var(--color-border-strong);cursor:pointer;border:0;font-size:1.6rem;line-height:1;transition:color .12s}.rating__star:hover,.rating__star:focus-visible{color:var(--color-accent-soft)}.rating__star--on{color:var(--color-accent)}.export{align-items:end;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.export__field{gap:var(--space-1);color:var(--color-text-muted);font-size:.85rem;display:grid}.export__field select{min-inline-size:16rem;padding:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);font:inherit}.export__link{padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent-soft);text-decoration:none}.export__link:hover,.export__link:focus-visible{background:var(--color-surface-raised);color:var(--color-text)}