@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";:is(body:has(.admin-shell),body:has(.admin-auth)){color:#17202d;background:#f7f8fb;position:static;overflow:auto}:is(#root:has(.admin-shell),#root:has(.admin-auth)){height:auto;min-height:100dvh;position:static;overflow:visible;transform:none}.admin-shell,.admin-auth{--ink:#17202d;--muted:#788395;--line:#e8ebf0;--panel:#fff;--primary:#e5006e;--primary-soft:#fff0f6;min-height:100dvh;color:var(--ink);font-family:Tajawal,sans-serif}button,input,select{font:inherit}.admin-shell button,.admin-auth button{cursor:pointer}.admin-shell{background:#f7f8fb;grid-template-columns:245px 1fr;display:grid}.admin-shell aside{color:#fff;z-index:10;background:#111827;flex-direction:column;height:100dvh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.sidebar-brand,.auth-brand{align-items:center;gap:12px;display:flex}.sidebar-brand>span,.auth-brand>span{background:linear-gradient(135deg,#ff3b86,#d90065);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 22px #e5006e44}.sidebar-brand>span.brand-avatar,.auth-brand>span.brand-avatar{background:#fff;border:2px solid #fff;border-radius:50%;overflow:hidden;box-shadow:0 8px 22px #e5006e35}.brand-avatar img{object-fit:cover;width:100%;height:100%;display:block}.sidebar-brand b,.auth-brand b{font-size:21px;line-height:1;display:block}.sidebar-brand small,.auth-brand small{color:#9ba6b6;margin-top:6px;font-size:12px;display:block}.admin-shell nav{gap:8px;margin-top:46px;display:grid}.admin-shell nav button{color:#aeb7c5;text-align:right;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.admin-shell nav button:hover{color:#fff;background:#ffffff0d}.admin-shell nav button.active{color:#fff;background:linear-gradient(135deg,#e5006e,#c90060);box-shadow:0 10px 25px #e5006e26}.sidebar-links{gap:2px;margin-top:26px;display:grid}.sidebar-links>span{color:#6d7787;padding:0 14px 7px;font-size:10px;font-weight:700;display:block}.sidebar-links a{color:#aeb7c5;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;text-decoration:none;transition:all .2s;display:flex}.sidebar-links a:hover{color:#fff;background:#ffffff0d}.sidebar-user{border-top:1px solid #ffffff16;grid-template-columns:38px 1fr 32px;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:grid}.avatar{color:#c5005e;background:#fde3ef;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.sidebar-user b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.sidebar-user small{color:#929cad;font-size:11px}.sidebar-user button{color:#929cad;background:0 0;border:0;place-items:center;display:grid}.sidebar-user button:hover{color:#fff}.admin-main{min-width:0}.admin-top{border-bottom:1px solid var(--line);z-index:8;background:#fff;justify-content:space-between;align-items:center;height:106px;padding:0 38px;display:flex;position:sticky;top:0}.admin-top h1{margin-bottom:5px;font-size:24px}.admin-top p{color:var(--muted);font-size:14px}.refresh,.ghost{border:1px solid var(--line);color:#596477;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px 13px;display:flex}.refresh:hover,.ghost:hover{color:#c90060;border-color:#e5006e}.admin-content{max-width:1550px;margin:auto;padding:28px 38px 44px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:flex-start;gap:15px;padding:20px;display:flex;box-shadow:0 4px 18px #1822300a}.metric-icon{background:var(--primary-soft);width:43px;height:43px;color:var(--primary);border-radius:13px;flex:none;place-items:center;display:grid}.metric.green .metric-icon{color:#159968;background:#eafbf3}.metric.violet .metric-icon{color:#7357d9;background:#f1edff}.metric.amber .metric-icon{color:#d58912;background:#fff5e5}.metric span{color:var(--muted);font-size:13px;display:block}.metric strong{margin:5px 0 2px;font-size:25px;line-height:1.25;display:block}.metric small{color:#9ba4b2;font-size:11px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:20px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:17px;min-width:0;padding:22px;box-shadow:0 4px 18px #18223008}.panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.panel-head h2{margin-bottom:4px;font-size:17px}.panel-head p{color:var(--muted);font-size:12px}.panel-head>svg{color:#9aa4b2}.trend-panel{grid-area:2/1/auto/-1}.tools-panel{grid-area:3/1/auto/-1}.hour-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:5px;height:190px;padding-top:12px;display:flex}.hour{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.hour i{background:linear-gradient(#f44b93,#d90065);border-radius:6px 6px 2px 2px;width:100%;max-width:17px;min-height:3px;transition:all .25s;display:block}.hour:hover i{filter:brightness(.92)}.hour span{color:#98a1ae;height:12px;font-size:9px}.quality-row{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.quality-row:last-child{border:0}.quality-row span{color:var(--muted);font-size:13px}.quality-row b{font-size:15px}.trend-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:4px;height:120px;padding:5px 4px 12px;display:flex}.trend-day{flex:1;align-items:flex-end;height:100%;display:flex}.trend-day i{background:#e5006e22;border-top:2px solid #e5006e;border-radius:4px 4px 0 0;width:100%}.report-table{margin-top:15px;font-size:12px;overflow-x:auto}.report-table>div{border-bottom:1px solid #f1f3f6;grid-template-columns:1.4fr repeat(4,1fr);align-items:center;gap:10px;min-width:min(570px,100%);padding:10px 8px;display:grid}.report-table>div:first-child{color:var(--muted);background:#fafbfc;border-radius:8px;font-size:11px}.report-table>div:last-child{border:0}.tool-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:2px 30px;display:grid}.tool-list>div{border-bottom:1px solid #f0f2f5;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:11px 5px 13px;display:grid;position:relative}.tool-list>div:last-child{border-bottom:1px solid #f0f2f5}.tool-bar{inset-inline-start:0;background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:-1px}.tool-rank{color:#7b8593;background:#f4f5f7;border-radius:8px;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.tool-list b{text-overflow:ellipsis;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex;overflow:hidden}.usage-type{color:#5145cd;background:#eef2ff;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800}.usage-type.category{color:#168255;background:#ecfdf3}.usage-type.service{color:#c93c5c;background:#fff1f2}.tool-list strong{color:#e5006e;font-size:11px}.empty-mini,.loading{text-align:center;color:var(--muted);padding:45px 15px;font-size:14px}.loading{justify-content:center;align-items:center;gap:10px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panel-head-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.member-usage{background:#f7f5ff;border:1px solid #ded5ff;border-radius:13px;margin-bottom:16px;padding:14px 16px}.member-usage-head b{color:#4a3c9e;font-size:13px;display:block}.member-usage-head small{color:#7b76a8;margin-top:4px;font-size:11px;display:block}.member-usage-figures{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px;display:grid}.member-usage-figures>div{background:#fff;border:1px solid #e7e2ff;border-radius:10px;padding:10px 12px}.member-usage-figures span{color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.member-usage-figures b{color:#3a3358;font-size:14px}.conversation-thread{gap:8px;display:grid}.said{white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:min(680px,88%);padding:10px 13px;font-size:13px;line-height:1.75}.user-said{color:#7a1140;background:#fff0f6;border:1px solid #f9dce9;border-end-start-radius:4px;justify-self:start}.bot-said{color:#3a444f;background:#f5f6f9;border:1px solid #eceff3;border-start-start-radius:4px;justify-self:start;margin-bottom:10px}.member-chip{color:#5b45b8;background:#efeaff;border:1px solid #ded5ff;border-radius:7px;padding:4px 9px;font-weight:800}.conversations-panel,.employees-panel{min-height:500px}.search{border:1px solid var(--line);color:#9aa4b2;border-radius:11px;align-items:center;gap:8px;width:min(360px,45vw);height:40px;padding:0 12px;display:flex}.search:focus-within{border-color:#e5006e;box-shadow:0 0 0 3px #e5006e12}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.privacy-note{color:#8a671d;background:#fff8e9;border:1px solid #f7e5b8;border-radius:11px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 13px;font-size:12px;display:flex}.conversation-list{gap:14px;display:grid}.conversation{border:1px solid var(--line);background:#fcfcfd;border-radius:14px;padding:16px}.conversation header{color:var(--muted);border-bottom:1px solid #eceff3;align-items:center;gap:12px;margin-bottom:13px;padding-bottom:11px;font-size:11px;display:flex}.conversation header small{margin-inline-start:auto}.session-chip{color:#596476;background:#edf1f6;border-radius:7px;padding:4px 8px;font-weight:700}.service-chip{color:#c90060;background:#fff0f6;border:1px solid #f9dce9;border-radius:7px;padding:3px 8px;font-weight:700}.service-chip.subtle{color:#6c7685;background:#f5f6f9;border-color:#e6e9ef;font-weight:600}.turn{grid-template-columns:70px 1fr;gap:11px;margin:9px 0;display:grid}.turn>span{color:var(--muted);padding-top:5px;font-size:11px}.turn p{white-space:pre-wrap;border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.7}.user-turn p{background:#f3f5f8}.bot-turn p{background:#fff0f6;border:1px solid #f9dce9}.conversation footer{gap:6px;padding:8px 81px 0;display:flex}.conversation footer em{color:#684dc6;background:#efeaff;border-radius:6px;padding:3px 7px;font-size:10px;font-style:normal}.conversation-turns{gap:4px;display:grid}.conversation-turn{padding:10px 0 0;border-top:1px dashed #e8ecf1;margin-top:6px;padding-inline-start:30px;position:relative}.conversation-turn:first-child{border-top:0;margin-top:0;padding-top:0}.turn-index{inset-inline-start:0;color:#596476;background:#edf1f6;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:grid;position:absolute;top:10px}.conversation-turn:first-child .turn-index{top:0}.turns-toggle{border:1px solid var(--line);color:#596477;cursor:pointer;background:#fff;border-radius:9px;margin-top:11px;padding:7px 12px;font-size:11px;font-weight:700}.turns-toggle:hover{color:#c90060;border-color:#e5006e}.primary{color:#fff;background:linear-gradient(135deg,#e5006e,#c5005e);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 16px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 7px 17px #e5006e20}.primary:hover{filter:brightness(.96)}.primary:disabled{opacity:.6}.wide{width:100%}.notice,.invite-copy{color:#167451;background:#eafbf3;border:1px solid #c9f0df;border-radius:11px;margin:0 0 16px;padding:12px 14px;font-size:13px}.invite-copy{justify-content:space-between;align-items:center;display:flex}.invite-copy b,.invite-copy small{display:block}.invite-copy small{margin-top:3px}.invite-copy button{color:#167451;background:#fff;border:1px solid #b8decf;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;display:flex}.invite-form{background:#faf5f8;border:1px solid #f4dce7;border-radius:13px;grid-template-columns:1fr 1.4fr 1fr auto;align-items:end;gap:12px;margin-bottom:18px;padding:15px;display:grid}.invite-form label,.auth-card label{color:#566171;gap:7px;font-size:12px;display:grid}.invite-form input,.invite-form select,.auth-card input{height:42px;color:var(--ink);background:#fff;border:1px solid #dfe3e9;border-radius:9px;outline:0;padding:0 11px}.invite-form input:focus,.invite-form select:focus,.auth-card input:focus{border-color:#e5006e;box-shadow:0 0 0 3px #e5006e10}.employee-list{display:grid}.employee-row{border-bottom:1px solid #eef0f3;grid-template-columns:42px minmax(170px,1.5fr) 90px 80px minmax(150px,1fr) auto;align-items:center;gap:12px;padding:14px 5px;display:grid}.employee-row>div b,.employee-row>div small{display:block}.employee-row>div b{font-size:13px}.employee-row>div small,.employee-row time{color:var(--muted);font-size:11px}.role,.status{text-align:center;color:#647080;background:#f0f2f5;border-radius:20px;padding:5px 8px;font-size:11px}.role.owner{color:#c5005e;background:#fff0f6}.role.admin{color:#674fc0;background:#efeaff}.status.active{color:#16805a;background:#eafbf3}.status.disabled{color:#bb4040;background:#fff0f0}.pending{background:#fafbfc;border-radius:12px;margin-top:24px;padding:15px}.pending h3{margin-bottom:8px;font-size:13px}.pending>div{border-top:1px solid var(--line);justify-content:space-between;padding:8px 0;font-size:12px;display:flex}.pending small{color:var(--muted)}.permission-form{display:block}.invite-fields{grid-template-columns:1fr 1.5fr;gap:12px;display:grid}.permission-picker{border:0;margin:16px 0;padding:0}.permission-picker legend{color:#394454;margin-bottom:9px;font-size:12px;font-weight:800}.permission-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.permission-picker button{text-align:start;color:#4f5a69;background:#fff;border:1px solid #e0e4e9;border-radius:12px;grid-template-columns:38px 1fr;gap:11px;padding:13px;transition:all .18s;display:grid}.permission-picker button>span{color:#687487;background:#f3f5f8;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.permission-picker button b,.permission-picker button small,.permission-picker button em{display:block}.permission-picker button b{color:#263140;font-size:13px}.permission-picker button small{margin-top:3px;font-size:11px}.permission-picker button em{color:#8a94a2;margin-top:6px;font-size:10px;font-style:normal;line-height:1.5}.permission-picker button:hover{border-color:#e774a8}.permission-picker button.selected{background:#fff8fb;border-color:#e5006e;box-shadow:0 0 0 3px #e5006e0d}.permission-picker button.selected>span{color:#cf0062;background:#ffe5f0}.invite-submit{color:#788395;border-top:1px solid #efdfe6;align-items:center;gap:8px;padding-top:13px;font-size:11px;display:flex}.invite-submit>svg{color:#1a9a6b}.invite-submit .primary{margin-inline-start:auto}.admin-auth{isolation:isolate;background:radial-gradient(900px 640px at 88% -10%,#ffd0e4 0,#ffd0e400 60%),radial-gradient(780px 580px at 2% 104%,#dcd2ff 0,#dcd2ff00 58%),radial-gradient(680px 520px at 55% 118%,#ffe3f0 0,#ffe3f000 62%),linear-gradient(160deg,#fbfcfe 0,#edf0f7 100%);place-items:center;padding:24px;display:grid;position:relative}.admin-auth:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#2731470f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#0000 0,#000 78%);mask-image:radial-gradient(circle at 50% 45%,#0000 0,#000 78%)}.auth-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-backdrop svg{width:100%;height:100%;position:absolute;inset:0}.auth-backdrop .blob{filter:blur(80px);opacity:.55;border-radius:50%;animation:48s ease-in-out infinite blobDrift;position:absolute}.blob.b1{top:-120px;background:#ff8fc0;width:420px;height:420px;inset-inline-end:-90px}.blob.b2{bottom:-160px;background:#b6a4ff;width:460px;height:460px;animation-delay:-16s;inset-inline-start:-120px}.blob.b3{bottom:6%;opacity:.38;background:#7fe3c4;width:330px;height:330px;animation-delay:-32s;inset-inline-end:8%}@keyframes blobDrift{50%{transform:translate(12px,-14px)scale(1.03)}}.auth-backdrop .net line{stroke:#c9006220;stroke-width:1.4px}.auth-backdrop .net circle{fill:#e5006e;opacity:.24;animation:11s ease-in-out infinite nodePulse}@keyframes nodePulse{50%{opacity:.42}}.auth-backdrop .ecg{fill:none;stroke:#e5006e;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.3;stroke-dasharray:520 2600;animation:20s linear infinite ecgSweep}@keyframes ecgSweep{0%{stroke-dashoffset:3120px}to{stroke-dashoffset:0}}.auth-backdrop .heart{fill:none;stroke:#e5006e;stroke-width:3px;opacity:.16;transform-origin:1210px 280px;animation:7s ease-in-out infinite heartBeat}@keyframes heartBeat{22%{transform:scale(1.035)}40%{transform:scale(1)}}.auth-backdrop .chip rect,.auth-backdrop .chip path{fill:none;stroke:#6d4fd0;stroke-width:3px;stroke-linecap:round;opacity:.16}.auth-backdrop .cross rect{fill:#21b77a;opacity:.15}@media (prefers-reduced-motion:reduce){.auth-backdrop *{animation:none!important}}.auth-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(430px,100%);padding:34px;box-shadow:0 24px 70px #27314718}.auth-brand{margin-bottom:38px}.auth-brand small{color:#8a94a3}.auth-heading{margin-bottom:25px}.auth-heading h1,.auth-card form h1{margin-bottom:7px;font-size:26px}.auth-heading p,.muted{color:var(--muted);font-size:13px}.auth-card form{gap:17px;display:grid}.auth-card .primary{margin-top:4px}.form-error{color:#c43655;background:#fff0f3;border-radius:8px;padding:9px 11px;font-size:12px}.auth-note{border-top:1px solid var(--line);color:#8a94a3;justify-content:center;align-items:center;gap:7px;margin-top:24px;padding-top:18px;font-size:11px;display:flex}.success-state{text-align:center;justify-items:center;gap:13px;padding:20px 0;display:grid}.success-state>svg{color:#159968;background:#eafbf3;border-radius:50%;width:54px;height:54px;padding:13px}.success-state p{color:var(--muted)}@media (width<=1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.invite-form{grid-template-columns:1fr 1fr}.employee-row{grid-template-columns:42px 1fr 80px auto}.employee-row time{display:none}.permission-form,.permission-picker{grid-template-columns:1fr}.invite-fields{grid-template-columns:1fr 1fr}}@media (width<=760px){.admin-shell{display:block}.admin-shell aside{background:#111827;grid-template-columns:1fr auto;height:68px;padding:8px 12px;display:grid;position:fixed;inset:auto 0 0}.sidebar-brand,.sidebar-user,.sidebar-links{display:none}.admin-shell nav{gap:4px;margin:0;display:flex}.admin-shell nav button{flex-direction:column;gap:3px;padding:8px 11px;font-size:11px}.admin-main{padding-bottom:75px}.admin-top{height:auto;min-height:92px;padding:18px}.admin-top p{display:none}.admin-content{padding:18px}.metrics-grid{grid-template-columns:1fr}.dashboard-grid{display:block}.panel{margin-bottom:16px}.trend-panel,.tools-panel{grid-area:auto}.tool-list{grid-template-columns:1fr}.stack-mobile{flex-direction:column;align-items:stretch}.search{width:100%}.conversation header{flex-wrap:wrap}.conversation header small{margin-inline-start:0}.turn{grid-template-columns:1fr}.turn>span{padding:0}.conversation-turn{padding-inline-start:0}.turn-index{margin-bottom:6px;position:static}.conversation footer{padding-inline:0}.invite-form,.invite-fields,.permission-picker{grid-template-columns:1fr}.invite-submit{flex-wrap:wrap;align-items:flex-start}.invite-submit .primary{width:100%;margin:5px 0 0}.employee-row{grid-template-columns:38px 1fr auto}.employee-actions{flex-direction:column;align-items:stretch;gap:5px}.employee-row .role{display:none}.panel-head .primary{font-size:11px}.report-table{margin-inline:-8px}.auth-card{padding:25px}.admin-top h1{font-size:20px}}.top-actions,.conversation-actions{align-items:center;gap:10px;display:flex}.language-toggle,.export-button{border:1px solid var(--line);color:#596477;white-space:nowrap;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;display:flex}.language-toggle:hover,.export-button:hover{color:#c90060;border-color:#e5006e}.language-toggle{font-weight:700}.export-button{height:40px}.export-button:disabled{opacity:.6;cursor:wait}.date-filter.smart{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:minmax(250px,1fr) auto;align-items:center;gap:14px;margin-bottom:16px;padding:13px 15px;display:grid;box-shadow:0 4px 16px #262b3508}.date-filter-title{color:#313a48;align-items:center;gap:10px;display:flex}.date-filter-title>span{color:#dc0068;background:#fff0f6;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.date-filter-title b,.date-filter-title small{display:block}.date-filter-title small{color:#828b98;white-space:normal;margin-top:3px;font-size:10px;font-weight:500}.period-presets{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.period-presets button{color:#596477;cursor:pointer;background:#fff;border:1px solid #e3e6eb;border-radius:9px;min-height:35px;padding:7px 11px;font-size:11px;font-weight:700;transition:all .18s}.period-presets button:hover{color:#c90060;border-color:#ef7dae}.period-presets button.active{color:#fff;background:#e5006e;border-color:#e5006e;box-shadow:0 5px 13px #e5006e25}.custom-range{border-top:1px solid #f0e5ea;grid-column:1/-1;grid-template-columns:minmax(150px,.7fr) minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;padding-top:13px;display:grid}.custom-range-copy{align-self:center}.custom-range-copy b,.custom-range-copy small{display:block}.custom-range-copy small{color:#8b94a1;margin-top:3px;font-size:10px}.custom-range label{color:#6c7685;gap:5px;font-size:10px;display:grid}.custom-range input{height:39px;color:var(--ink);background:#fff;border:1px solid #dfe3e9;border-radius:9px;outline:0;padding:0 10px}.custom-range input:focus{border-color:#e5006e;box-shadow:0 0 0 3px #e5006e10}.custom-range .primary{white-space:nowrap;min-height:39px}.filter-error{color:#bc2348;text-align:center;grid-column:1/-1;font-weight:700}.live-status{color:#348568;white-space:nowrap;background:#effbf6;border:1px solid #d4f1e5;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:800;display:flex}.live-status i{background:#21b77a;border-radius:50%;width:7px;height:7px;animation:2s infinite livePulse;box-shadow:0 0 #21b77a66}@keyframes livePulse{70%{box-shadow:0 0 0 6px #21b77a00}to{box-shadow:0 0 #21b77a00}}@media (width<=1050px){.date-filter.smart{grid-template-columns:1fr}.period-presets{justify-content:flex-start}.custom-range{grid-template-columns:1fr 1fr}.custom-range-copy,.custom-range .primary{grid-column:1/-1}.custom-range .primary{justify-self:start}}@media (width<=760px){.top-actions{gap:6px}.language-toggle{padding:8px;font-size:11px}.live-status{padding:9px;font-size:0}.conversation-actions{flex-direction:column;align-items:stretch}.date-filter.smart{padding:12px}.period-presets{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.period-presets button{padding:7px 5px}.custom-range{grid-template-columns:1fr}.custom-range-copy,.custom-range .primary{grid-column:1}.custom-range .primary{width:100%}.date-filter-title small{max-width:260px}}.invite-copy.warn{color:#8a5a12;background:#fff8ec;border-color:#f3e2c2}.invite-copy.warn button{color:#8a5a12;border-color:#e8d3ab}.invite-copy{align-items:flex-start;gap:14px}.invite-copy-actions{flex-shrink:0;gap:8px;display:flex}.invite-link{text-align:left;word-break:break-all;opacity:.9;direction:ltr;background:#fffc;border:1px dashed;border-radius:8px;margin-top:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block}.approvals{background:#fffaf6;border:1px solid #f6e0cf;border-radius:12px;margin-top:22px;padding:15px}.approvals h3{color:#8a5a12;align-items:center;gap:7px;margin-bottom:5px;font-size:13px;display:flex}.approvals-note{color:var(--muted);margin-bottom:10px;font-size:11px;line-height:1.6}.approval-row{border-top:1px solid #f2e2d5;grid-template-columns:minmax(180px,1.2fr) minmax(200px,1fr) auto;align-items:center;gap:14px;padding:12px 0;display:grid}.approval-row b{font-size:13px;display:block}.approval-row small{color:var(--muted);font-size:11px;display:block}.approval-actions{align-items:center;gap:8px;display:flex}.approval-actions .primary{min-height:36px;padding:7px 12px;font-size:12px}.permission-picker.compact{gap:8px;margin:0}.permission-picker.compact button{grid-template-columns:28px 1fr;padding:8px 10px}.permission-picker.compact button>span{border-radius:8px;width:26px;height:26px}.permission-picker.compact button b{font-size:12px}.ghost.danger:hover{color:#bb4040;border-color:#d94a4a}.employee-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.employee-actions .ghost{white-space:nowrap;padding:7px 11px;font-size:11px}.role-select{border:1px solid var(--line);color:#4f5a69;background:#fff;border-radius:8px;height:32px;padding:0 6px;font-size:11px}.status.pending{color:#a5701a;background:#fff6e8}.pending>.invite-row{grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) auto;align-items:center;gap:12px;display:grid}.invite-row b{font-weight:700}.invite-row-actions{gap:8px;display:flex}.invite-row-actions .ghost{padding:6px 10px;font-size:11px}@media (width<=900px){.approval-row,.pending>.invite-row{grid-template-columns:1fr}.invite-copy{flex-direction:column}.invite-copy-actions{width:100%}}.platform-head-panel,.platform-topup-panel,.platform-spend-panel,.platform-usage-panel{margin-bottom:18px}.platform-connection{color:#167451;background:#eafbf3;border:1px solid #c9f0df;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.platform-connection.down{color:#b03350;background:#fff0f3;border-color:#f6d5dd}.platform-connection b{font-weight:800}.platform-connection small{opacity:.85;margin-inline-start:auto;font-size:11px}.conn-dot{background:currentColor;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #16745120}.platform-connection.down .conn-dot{box-shadow:0 0 0 4px #b0335020}.platform-fallback{color:#8a671d;background:#fff8e9;border:1px solid #f7e5b8;border-radius:11px;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 13px;font-size:12px;line-height:1.7;display:flex}.platform-fallback>svg{flex:none;margin-top:2px}.platform-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.platform-facts>div{border:1px solid var(--line);background:#fcfcfd;border-radius:12px;min-width:0;padding:11px 13px}.platform-facts span{color:var(--muted);align-items:center;gap:7px;margin-bottom:6px;font-size:11px;display:flex}.platform-facts code{color:#3b4554;word-break:break-all;text-align:start;direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block}.platform-cached{color:#9ba4b2;margin-top:12px;font-size:10px;display:block}.budget-hint{color:#9ba4b2;margin-top:8px;font-size:11px;display:block}.form-success{color:#167451;background:#eafbf3;border-radius:8px;margin-top:11px;padding:9px 11px;font-size:12px}.topup-link{align-self:flex-start}.platform-topup-panel .panel-head p{max-width:70ch;line-height:1.8}.spend-list{gap:4px;margin-top:16px;display:grid}.spend-row{border-bottom:1px solid #f1f3f6;grid-template-columns:minmax(150px,1.3fr) minmax(90px,1fr) auto;align-items:center;gap:14px;padding:11px 6px;display:grid}.spend-row:last-child{border:0}.spend-row b{word-break:break-word;font-size:12px;display:block}.spend-row small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.spend-row>span{white-space:nowrap;font-size:12px;font-weight:700}.spend-bar{background:#f4f5f7;border-radius:99px;height:7px;overflow:hidden}.spend-bar i{background:#e5006e66;border-radius:99px;height:100%;display:block}.model-table>div{grid-template-columns:1.6fr repeat(4,1fr)}.month-choice{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.month-choice button{color:#596477;cursor:pointer;background:#fff;border:1px solid #e3e6eb;border-radius:9px;min-height:40px;padding:8px 13px;font-size:12px;font-weight:700;transition:all .18s}.month-choice button:hover{color:#c90060;border-color:#ef7dae}.month-choice button.active{color:#fff;background:#e5006e;border-color:#e5006e;box-shadow:0 5px 13px #e5006e25}.month-choice select{height:40px;color:var(--ink);background:#fff;border:1px solid #dfe3e9;border-radius:9px;outline:0;padding:0 10px;font-size:12px}.month-choice select:focus{border-color:#e5006e;box-shadow:0 0 0 3px #e5006e10}.shared-limits{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.shared-limits label{color:#566171;flex:170px;gap:6px;max-width:240px;font-size:11px;display:grid}.shared-limits input{height:40px;color:var(--ink);text-align:start;direction:ltr;background:#fff;border:1px solid #dfe3e9;border-radius:9px;outline:0;padding:0 11px}.shared-limits input:disabled,.member-row input:disabled{color:#6c7685;cursor:not-allowed;background:#f6f7f9}.shared-limits input:focus{border-color:#e5006e;box-shadow:0 0 0 3px #e5006e10}.shared-limits .primary{min-height:40px}.shared-limits em{color:var(--muted);font-size:11px;font-style:normal}.limit-source{color:#647080;background:#f0f2f5;border-radius:999px;margin-top:6px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:800;display:inline-block}.limit-source.member{color:#5b45b8;background:#efeaff}.member-list{gap:10px;display:grid}.sort-picker{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.sort-picker select{border:1px solid var(--line);height:40px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:10px;outline:0;padding:0 10px;font-size:12px}.sort-picker select:focus{border-color:#e5006e;box-shadow:0 0 0 3px #e5006e10}.member-row{border:1px solid var(--line);background:#fcfcfd;border-radius:12px;grid-template-columns:minmax(150px,1.3fr) repeat(4,minmax(84px,.75fr)) auto;align-items:end;gap:10px;padding:12px;display:grid}.member-who b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.member-who small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.7;display:block}.member-row label{color:#6c7685;gap:5px;font-size:10px;display:grid}.member-row input{height:38px;color:var(--ink);text-align:start;direction:ltr;background:#fff;border:1px solid #dfe3e9;border-radius:9px;outline:0;padding:0 9px}.member-row input:focus{border-color:#e5006e;box-shadow:0 0 0 3px #e5006e10}.member-row .primary{min-height:38px;padding:0 16px}@media (width<=900px){.member-row{grid-template-columns:1fr 1fr}.member-who,.member-row .primary{grid-column:1/-1}}.spend-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.spend-tiles>div{border:1px solid var(--line);background:#fcfcfd;border-radius:13px;padding:14px 16px}.spend-tiles span{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.spend-tiles b{font-size:20px;line-height:1.2}.spend-list-title{color:var(--muted);margin:18px 0 6px;font-size:11px;display:block}.model-bars{gap:11px;display:grid}.model-bar{grid-template-columns:minmax(120px,200px) 1fr auto;align-items:center;gap:12px;display:grid}.model-bar>b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.model-bar-track{background:#f2f4f7;border-radius:999px;height:12px;overflow:hidden}.model-bar-track>i{background:linear-gradient(90deg,#f44b93,#d90065);border-radius:999px;height:100%;display:block}.model-bar>span{color:#4a5462;text-align:end;white-space:nowrap;font-size:11px}.model-bar>span small{color:var(--muted);margin-top:2px;font-size:10px;display:block}@media (width<=760px){.model-bar{grid-template-columns:1fr auto;gap:6px}.model-bar-track{grid-column:1/-1}}@media (width<=900px){.platform-facts{grid-template-columns:1fr}.spend-row{grid-template-columns:1fr auto}.spend-bar{grid-column:1/-1}}.analyst-panel{margin-bottom:20px}.analyst-ask{background:#fff;border:1.5px solid #dfe3e9;border-radius:14px;align-items:center;gap:6px;padding:6px;transition:all .18s;display:flex}.analyst-ask:focus-within{border-color:#e5006e;box-shadow:0 0 0 4px #e5006e14}.analyst-input{min-width:0;height:44px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0 12px;font-size:13.5px}.analyst-input::placeholder{color:#a7b0bd}.analyst-ask .primary{border-radius:11px;flex:none;width:44px;height:44px;min-height:44px;padding:0}.analyst-send svg{margin:0}.analyst-canvas{text-align:center;color:var(--muted);background:#fcfcfd;border:1.5px dashed #e6e9ef;border-radius:14px;margin-top:16px;padding:34px 20px}.analyst-canvas>svg{color:#c7ced9;margin-bottom:10px}.analyst-canvas b{color:#4a5462;margin-bottom:6px;font-size:14px;display:block}.analyst-canvas p{max-width:520px;margin:0 auto;font-size:12px;line-height:1.8}.analyst-suggestions{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.analyst-suggestions button{color:#596477;cursor:pointer;background:#fff;border:1px solid #e3e6eb;border-radius:999px;padding:7px 13px;font-size:11px;font-weight:700;transition:all .18s}.analyst-suggestions button:hover:not(:disabled){color:#c90060;border-color:#ef7dae}.analyst-suggestions button:disabled{opacity:.5;cursor:wait}.analyst-empty,.analyst-error{margin-top:16px;font-size:12px;line-height:1.8}.analyst-empty{color:var(--muted)}.analyst-answer{border-top:1px solid #f0f2f5;margin-top:18px;padding-top:16px}.analyst-text{white-space:pre-wrap;font-size:14px;line-height:2}.analyst-figure{margin:20px 0 0}.analyst-figure figcaption{color:#3b4554;margin-bottom:10px;font-size:12px;font-weight:700}.analyst-meta{color:var(--muted);border-top:1px solid #f4f6f8;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding-top:12px;font-size:11px;display:flex}.analyst-meta em{background:#f4f5f7;border-radius:999px;padding:4px 10px;font-style:normal}.analyst-meta .ghost{margin-inline-start:auto;padding:6px 11px;font-size:11px}.analyst-chart svg{width:100%;display:block}.admin-shell[dir=rtl] .analyst-chart svg,.admin-shell[dir=rtl] .chart-labels,.admin-shell[dir=rtl] .chart-labels span{transform:scaleX(-1)}.analyst-chart .axis{stroke:#e8ebf0;stroke-width:1px}.analyst-chart .line{fill:none;stroke:#e5006e;stroke-width:2.2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.analyst-chart .area{fill:#e5006e14;stroke:none}.analyst-chart .dot{fill:#e5006e;vector-effect:non-scaling-stroke}.analyst-chart{position:relative}.chart-scale{color:#9ba4b2;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:10px;display:flex;position:absolute;inset-block:0 20px;inset-inline-end:2px}.chart-scale b{background:#ffffffd9;border-radius:4px;padding:0 3px;font-weight:600}.chart-labels{margin-top:6px;display:flex}.chart-labels span{color:#98a1ae;text-align:center;white-space:nowrap;flex:1;min-width:0;font-size:9px;overflow:hidden}.bar-rows{gap:9px;display:grid}.bar-row{grid-template-columns:minmax(90px,.9fr) minmax(80px,2fr) auto;align-items:center;gap:12px;display:grid}.bar-label{color:#4f5a69;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.bar-track{background:#f4f5f7;border-radius:99px;height:9px;overflow:hidden}.bar-track i{background:linear-gradient(90deg,#f44b93,#d90065);border-radius:99px;height:100%;display:block}.bar-row>b{white-space:nowrap;font-size:11px}.analyst-chart.donut{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:20px;display:grid}.analyst-chart.donut svg{width:170px}.donut-legend{gap:8px;margin:0;padding:0;list-style:none;display:grid}.donut-legend li{align-items:center;gap:9px;font-size:11px;display:flex}.donut-legend i{border-radius:3px;flex:none;width:10px;height:10px}.donut-legend span{color:#4f5a69;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.donut-legend b{white-space:nowrap;margin-inline-start:auto}@media (width<=760px){.analyst-ask{flex-direction:column;align-items:stretch;gap:8px}.analyst-ask .primary{align-self:flex-end;width:100%}.analyst-chart.donut{grid-template-columns:1fr;justify-items:center}.bar-row{grid-template-columns:1fr auto}.bar-track{grid-column:1/-1}.analyst-meta .ghost{margin-inline-start:0}}.employee-row{grid-template-columns:minmax(170px,1.3fr) 80px minmax(120px,.9fr) minmax(230px,1.4fr) auto}.employee-row time small{color:#9aa4b2;margin-top:3px;font-size:10px;display:block}.employee-reset{background:#faf5f8;border:1px solid #f4dce7;border-radius:12px;flex-wrap:wrap;grid-column:1/-1;align-items:flex-end;gap:10px;margin-top:12px;padding:13px;display:flex}.employee-reset label{color:#566171;flex:240px;gap:6px;font-size:11px;display:grid}.employee-reset input{height:40px;color:var(--ink);background:#fff;border:1px solid #dfe3e9;border-radius:9px;outline:0;padding:0 11px}.employee-reset input:focus{border-color:#e5006e;box-shadow:0 0 0 3px #e5006e10}.employee-reset .primary,.employee-reset .ghost{min-height:40px}.employee-identity{align-items:center;gap:11px;min-width:0;display:flex}.employee-identity>div{min-width:0}.employee-identity b,.employee-identity small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.employee-identity b{font-size:13px}.employee-identity small{color:var(--muted);font-size:11px}.employee-permissions{gap:8px;min-width:0;display:grid}.employee-permissions .permission-picker{margin:0}.primary.tiny{justify-self:start;min-height:30px;padding:5px 10px;font-size:11px}.perm-chips{flex-wrap:wrap;gap:5px;display:flex}.perm-chips em{color:#5b6674;background:#f3f5f8;border-radius:999px;padding:4px 9px;font-size:10px;font-style:normal;font-weight:700}.perm-chips em.all{color:#c5005e;background:#fff0f6}.perm-chips em.none{color:#9aa3b1;background:0 0;padding-inline:0;font-weight:500}.permission-picker legend small{color:#8a94a2;margin-top:4px;font-size:10px;font-weight:500;line-height:1.6;display:block}.permission-picker button{position:relative}.permission-picker button:after{content:"";background:#fff;border:1.5px solid #d8dde4;border-radius:5px;width:15px;height:15px;transition:all .18s;position:absolute;inset-block-start:10px;inset-inline-end:10px}.permission-picker button.selected:after{background:#e5006e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5 6.5 12 13 4.5'/%3E%3C/svg%3E") 50%/11px no-repeat;border-color:#e5006e}.permission-picker.compact{grid-template-columns:1fr 1fr;gap:6px}.permission-picker.compact button{padding:7px 26px 7px 9px;padding-inline:9px 26px}.permission-picker.compact button:after{width:13px;height:13px;inset-block-start:8px;inset-inline-end:7px}.permission-picker.locked{opacity:.85}.permission-picker.locked button{cursor:default;background:#fbfcfd}.permission-picker.locked button:hover{border-color:#e0e4e9}.platform-filter .custom-range{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.platform-hourly-panel,.platform-invoice-panel{margin-bottom:18px}.invoice-actions{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:4px;display:flex}.invoice-actions label{color:#6c7685;gap:5px;font-size:10px;display:grid}.invoice-actions input{height:40px;color:var(--ink);background:#fff;border:1px solid #dfe3e9;border-radius:9px;outline:0;padding:0 10px}.invoice-actions input:focus{border-color:#e5006e;box-shadow:0 0 0 3px #e5006e10}.invoice-actions .primary,.invoice-actions .ghost{white-space:nowrap;align-items:center;gap:8px;min-height:40px;display:inline-flex}@media (width<=1100px){.employee-row{grid-template-columns:minmax(150px,1fr) 80px minmax(200px,1.2fr) auto}.employee-row time{display:none}.permission-picker.compact{grid-template-columns:1fr}}@media (width<=760px){.employee-row{grid-template-columns:1fr;gap:10px}.employee-permissions,.perm-chips{grid-column:1}.invoice-actions{flex-direction:column;align-items:stretch}.invoice-actions .primary,.invoice-actions .ghost{justify-content:center}}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg)}.form-input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--text)}.msg-input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--text)}.form-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--text)}.msg-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--text)}:root{--bg:#fff;--surface:#fff;--accent:#e5006e;--accent2:#c1005e;--accent3:#e5006e;--accent-light:#fdeaf3;--text:#1c1c1e;--text-dim:#8e8e93;--border:#ececef;--brand-gradient:linear-gradient(135deg,#e5006e 0%,#c1005e 100%);--brand-gradient-soft:linear-gradient(135deg,#e5006e0f 0%,#c1005e0f 100%);--accent-glow:#e5006e47;--on-accent:#fff;--on-accent2:#fff;--accent-ink:#c1005e;--surface-tint:#fff;--on-surface-tint:#1c1c1e;--scrim:#2d143673;--glow-a:#f5654517;--glow-b:#5b2a8a14;--shadow-brand:#c4547e2e;--header-action:34px;--surface-2:#f5f5f7;--field-border:#c9c9d1;--header-bg:linear-gradient(180deg,#fff 0%,#f4f4f6 100%);--header-border:#e3e3e8;--ok-ink:#176b46;--ok-bg:#eefaf4;--err-ink:#9c273a;--err-bg:#fff0f2}html{height:100%;font-family:Tajawal,sans-serif}body{overscroll-behavior:none;background:var(--bg);color:var(--text);position:fixed;inset:0;overflow:hidden}#root{height:var(--app-h,100dvh);transform:translateY(var(--app-top,0px));position:fixed;top:0;left:0;right:0;overflow:hidden}.app-container{width:100%;height:100%;min-height:0;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:relative;overflow:hidden}.glow{pointer-events:none;z-index:0;border-radius:50%;position:fixed}.glow-1{background:radial-gradient(circle,var(--glow-a) 0%,transparent 70%);width:520px;height:520px;animation:18s ease-in-out infinite floatGlow1;top:-15%;right:-10%}.glow-2{background:radial-gradient(circle,var(--glow-b) 0%,transparent 70%);width:420px;height:420px;animation:22s ease-in-out infinite floatGlow2;bottom:-10%;left:-10%}@keyframes floatGlow1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-20px,30px)scale(1.08)}}@keyframes floatGlow2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(25px,-20px)scale(1.06)}}.header{background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--header-border);z-index:10;box-shadow:none;flex:none;align-items:center;gap:11px;padding:10px 14px;display:flex}.header.hidden-header{display:none}.header-slot{width:var(--header-action);height:var(--header-action);pointer-events:none;flex-shrink:0;margin-inline-start:auto}.header-home{pointer-events:auto;background:var(--accent-light);border:1px solid var(--border);color:var(--accent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0;transition:filter .2s,color .2s;display:flex}.header-home:hover{filter:brightness(.94);color:var(--accent-ink)}.header-home:active{transform:scale(.94)}.header-info{flex:auto;min-width:0}.logo{background:var(--surface);width:44px;min-width:44px;height:44px;box-shadow:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.logo img{object-fit:cover;object-position:center;border-radius:inherit;background:0 0;width:100%;height:100%;padding:0}.header-title{letter-spacing:.3px;background:var(--brand-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:800}.title-row{align-items:center;gap:7px;display:flex}.beta-badge{letter-spacing:.6px;color:var(--on-accent);background:var(--brand-gradient);box-shadow:0 1px 4px var(--shadow-brand);text-transform:uppercase;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:800;line-height:1.2}.header-status{align-items:center;gap:5px;margin-top:1px;display:flex}.status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--shadow-brand);border-radius:50%;animation:1.8s ease-in-out infinite statusBlink}@keyframes statusBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.28;transform:scale(.78)}}@media (prefers-reduced-motion:reduce){.status-dot{animation:none}}.status-text{color:var(--accent-ink);opacity:.6;letter-spacing:.5px;font-size:10.5px;font-weight:500}.header-buttons{gap:8px;display:flex}.btn-reset{background:var(--accent-light);border:1px solid var(--border);width:34px;height:34px;color:var(--accent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.btn-reset:hover{background:var(--accent-light);filter:brightness(.94)}.btn-history{background:var(--accent-light);border:1px solid var(--border);width:34px;height:34px;color:var(--accent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-history:hover{background:var(--accent-light);filter:brightness(.94)}.btn-lang{background:var(--accent-light);border:1px solid var(--border);width:40px;height:34px;color:var(--accent);cursor:pointer;letter-spacing:.5px;border-radius:9px;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .3s;display:flex}.btn-lang:hover{background:var(--accent-light);filter:brightness(.9);color:var(--accent-ink)}.btn-lang.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);border-color:var(--accent)}.chat{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:5;background:var(--surface-tint);min-height:0;color:var(--on-surface-tint);flex-direction:column;flex:1;gap:8px;padding:10px 8px 12px;scroll-padding-bottom:16px;display:flex;overflow-y:auto}.chat.menu-only{padding-bottom:20px}.chat.menu-only>:first-child{margin-top:5vh}.chat.menu-only>:last-child{margin-bottom:auto}.ai-disclaimer{text-align:center;width:100%;color:var(--text-dim);cursor:default;box-shadow:none;white-space:normal;background:0 0;border:none;border-radius:0;padding:7px 16px 3px;font-size:10.5px;font-weight:400;line-height:1.5;display:block;position:static;transform:none}.ai-disclaimer .ai-ico{display:none}.ai-disclaimer a{color:var(--accent-ink);cursor:pointer;font-weight:700;text-decoration:underline}.disclaimer-modal{background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;box-sizing:border-box;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.disclaimer-title{color:var(--accent-ink);margin-bottom:10px;padding-inline-end:24px;font-size:17px;font-weight:800}.input-area{padding-bottom:0!important}.chat::-webkit-scrollbar{width:4px}.chat::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:10px}.history-overlay{z-index:9000;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:flex-end;display:flex;position:fixed;inset:0}.history-drawer{background:var(--surface-tint);border-inline-start:1px solid var(--border);width:min(340px,88vw);height:100%;padding:18px 14px calc(18px + env(safe-area-inset-bottom));flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) drawerIn;display:flex;box-shadow:-14px 0 40px #2d14362e}@keyframes drawerIn{0%{opacity:.4;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.history-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 4px 14px;display:flex}.history-title{color:var(--accent-ink);font-size:18px;font-weight:800}.history-retention{color:var(--text-dim);margin-top:2px;font-size:10.5px}.history-close{background:var(--accent-light);width:32px;height:32px;color:var(--accent);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;display:flex}.new-conversation-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));width:100%;color:var(--on-accent);cursor:pointer;box-shadow:0 3px 12px var(--shadow-brand);border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:11px 13px;font-family:Tajawal,sans-serif;font-size:13px;font-weight:700;display:flex}.history-list{flex-direction:column;gap:6px;min-height:0;margin-top:14px;display:flex;overflow-y:auto}.history-empty{text-align:center;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:38px 16px;font-size:12px;display:flex}.history-item{width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:9px;padding:10px 9px;font-family:Tajawal,sans-serif;transition:all .18s;display:flex}.history-item:hover,.history-item.active{background:var(--accent-light);border-color:var(--border)}.history-item:disabled{cursor:wait}.history-item-icon{color:var(--accent);flex-shrink:0}.history-item-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.history-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.history-item-date{color:var(--text-dim);font-size:9.5px}.history-delete{width:28px;height:28px;color:var(--text-dim);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.history-delete:hover{background:var(--surface);color:var(--accent-ink)}.history-item{cursor:default;gap:4px;padding:4px}.history-open{color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:6px 5px;font-family:Tajawal,sans-serif;display:flex}.history-open:disabled{cursor:wait}.history-delete{cursor:pointer;background:0 0;border:0}.msg-row{align-items:flex-start;gap:8px;width:100%;padding:3px 16px;animation:.32s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.avatar.bot-av{box-shadow:none;background:0 0;border:0;padding:0}.avatar.bot-av svg{width:20px;height:20px}.avatar.user-av{background:var(--accent-light);border:1px solid var(--border);place-items:center;display:grid;position:relative}.avatar.user-av img{object-fit:cover;width:100%;max-width:100%;height:100%;display:block}.avatar.user-av.custom{border:2px solid var(--accent);background:0 0}.avatar.user-av .user-glyph{width:60%;height:60%;fill:var(--accent)}.msg-content{flex-direction:column;gap:8px;max-width:80%;display:flex}.bubble{word-break:break-word;padding:10px 15px;font-size:13.5px;line-height:1.7}.bubble.user-b{white-space:pre-wrap}.bubble.bubble-lead{box-shadow:none;color:var(--text-dim);background:0 0;border:none;padding:6px 2px;font-size:12.5px;font-weight:600}.bubble.bubble-lead p{margin:0;line-height:1.6}.bubble.bot-b p:first-child{margin-top:0}.bubble.bot-b p:last-child{margin-bottom:0}.bubble.bot-b{box-shadow:none;color:var(--text);background:0 0;border:none;padding:4px 2px}.bubble.bot-b h1,.bubble.bot-b h2,.bubble.bot-b h3{color:var(--accent-ink);margin:8px 0 4px;font-size:15px;font-weight:700}.bubble.bot-b h4,.bubble.bot-b h5,.bubble.bot-b h6{color:var(--accent-ink);margin:6px 0 3px;font-size:14px;font-weight:600}.bubble.bot-b p{margin:4px 0;line-height:1.7}.bubble.bot-b ul,.bubble.bot-b ol{margin:6px 0;padding-inline:22px 0;list-style-position:outside}.bubble.bot-b li ul,.bubble.bot-b li ol{margin:3px 0}.bubble.bot-b li{margin:3px 0;line-height:1.65}.bubble.bot-b li::marker{color:var(--accent-ink);font-weight:700}.bubble.bot-b li,.bubble.bot-b p,.bubble.bot-b td,.bubble.bot-b th{unicode-bidi:plaintext}.bubble.bot-b pre,.bubble.bot-b .table-scroll{overflow-x:auto}.bubble.bot-b strong{color:var(--accent-ink);font-weight:700}.bubble.bot-b em{font-style:italic}.bubble.bot-b hr{border:none;border-top:1px solid var(--border);margin:8px 0}.bubble.bot-b table{border-collapse:collapse;width:100%;margin:8px 0;font-size:13px}.bubble.bot-b th,.bubble.bot-b td{border:1px solid var(--border);text-align:right;padding:6px 8px}.bubble.bot-b th{background:var(--accent-light);font-weight:700}.bubble.bot-b code{background:var(--accent-light);border-radius:4px;padding:1px 5px;font-size:13px}.bubble.bot-b li:has(>a:only-child){margin:0;list-style:none}.bubble.bot-b ul:has(>li>a:only-child){flex-direction:column;gap:7px;margin:8px 0;padding-inline-start:0;display:flex}.bubble.bot-b li>a:only-child{background:var(--surface);border:1px solid var(--border);color:var(--accent-ink);box-shadow:0 1px 4px var(--shadow-brand);overflow-wrap:anywhere;border-radius:13px;padding:10px 12px;padding-inline-start:43px;font-size:12.5px;font-weight:600;line-height:1.5;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:block;position:relative}.bubble.bot-b li>a:only-child:before{content:"↗";inset-inline-start:11px;background:var(--accent-light);width:22px;height:22px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.bubble.bot-b li>a:only-child:hover{border-color:var(--accent);box-shadow:0 3px 12px var(--shadow-brand);transform:translateY(-1px)}.bubble.bot-b li>a:only-child:active{transform:translateY(0)}.ext-url{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;unicode-bidi:isolate}.bubble.bot-b li:has(>.ext-url:only-child){margin:0;list-style:none}.bubble.bot-b ul:has(>li>.ext-url:only-child){flex-direction:column;gap:7px;margin:8px 0;padding-inline-start:0;display:flex}.bubble.bot-b li>.ext-url:only-child{background:var(--surface);border:1px solid var(--border);color:var(--accent-ink);box-shadow:0 1px 4px var(--shadow-brand);border-radius:13px;padding:10px 12px;font-size:12.5px;font-weight:600;line-height:1.5;display:block}.bubble.bot-b blockquote{border-right:3px solid var(--accent);background:var(--accent-light);border-radius:0 8px 8px 0;margin:6px 0;padding:4px 12px}.bubble.user-b{background:var(--accent);color:var(--on-accent);box-shadow:none;border:1px solid #0000;border-radius:20px;font-weight:500}.services-container{width:100%;padding:4px 16px 6px;display:flex}.chat-prompt{width:100%;color:var(--text-dim);padding:6px 16px 0;font-size:12.5px;font-weight:600;line-height:1.6;animation:.32s cubic-bezier(.16,1,.3,1) slideUp}.services-grid{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.services-grid::-webkit-scrollbar{display:none}.services-grid .service-btn{white-space:nowrap;flex:none}.intro{flex-direction:column;align-items:flex-start;gap:16px;width:100%;max-width:460px;margin:0 auto;padding:9vh 24px 20px;display:flex}.intro-star{width:64px;height:64px;filter:drop-shadow(0 4px 16px var(--accent-glow,var(--shadow-brand)));display:block}.intro-star-wrap{align-self:center;margin-bottom:18px;display:inline-flex;position:relative}.intro-star-wrap:before,.intro-star-wrap:after{content:"✦";opacity:0;pointer-events:none;line-height:1;animation:2.6s ease-in-out infinite twinkle;position:absolute}.intro-star-wrap:before{color:var(--accent2,#8a2fc9);font-size:13px;animation-delay:.4s;top:-2px;right:-12px}.intro-star-wrap:after{color:var(--accent,#e5006e);font-size:10px;animation-delay:1.7s;bottom:2px;left:-13px}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)rotate(0)}50%{opacity:.95;transform:scale(1)rotate(35deg)}}.typing-row .bot-av svg{transform-origin:50%;animation:1.1s ease-in-out infinite star-wiggle}@keyframes star-wiggle{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(20deg)scale(1.2)}}.msg-row.bot .bot-av svg{transform-origin:50%;animation:.5s cubic-bezier(.34,1.56,.64,1) star-pop}@keyframes star-pop{0%{transform:scale(.3)rotate(-40deg)}to{transform:scale(1)rotate(0)}}.intro-title{color:var(--text);font-size:14px;font-weight:500;line-height:1.5}.topic-list{flex-direction:column;align-items:flex-start;gap:8px;width:100%;margin-top:4px;display:flex}.topic-btn{border:1px solid var(--border);background:var(--surface);width:auto;max-width:100%;color:var(--text);text-align:start;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-family:Tajawal,sans-serif;font-size:13.5px;font-weight:500;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.topic-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.topic-icon{color:var(--text-dim);flex-shrink:0}.topic-btn:hover .topic-icon{color:var(--accent)}.services-grid{flex-wrap:wrap;gap:7px;width:100%;max-width:420px;display:flex}.service-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:start;border-radius:20px;flex-direction:row;align-items:center;gap:7px;padding:9px 14px;font-family:Tajawal,sans-serif;font-size:12.5px;font-weight:500;line-height:1.35;transition:border-color .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 1px 5px #0000000d}.service-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 3px 10px var(--shadow-brand)}.service-icon{font-size:14px;line-height:1;display:block}.service-beta{letter-spacing:.04em;text-transform:lowercase;background:var(--shadow-brand);color:var(--accent);border:1px solid var(--accent);opacity:.85;direction:ltr;unicode-bidi:isolate;border-radius:5px;flex-shrink:0;padding:2.5px 5px;font-size:9.5px;font-weight:700;line-height:1}.service-new{letter-spacing:.02em;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:5px;flex-shrink:0;padding:2.5px 6px;font-size:9.5px;font-weight:700;line-height:1}.services-list{flex-flow:column;gap:8px}.services-list .service-btn{white-space:normal;border-radius:14px;flex:none;align-items:flex-start;gap:9px;width:100%;padding:11px 13px}.services-list .service-icon{flex-shrink:0;margin-top:2px}.service-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.service-card-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.service-card-title{font-size:13px;font-weight:600}.service-card-desc{color:var(--text-dim);font-size:11.5px;font-weight:400;line-height:1.55}.data-entry-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:var(--accent);color:var(--on-accent);box-shadow:0 3px 12px var(--shadow-brand);border-radius:20px;padding:9px 16px;font-size:12.5px;font-weight:700}.data-entry-btn:hover{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:var(--accent);color:var(--on-accent);filter:brightness(.95);box-shadow:0 6px 20px var(--shadow-brand)}.data-entry-btn:active{transform:scale(.985)}.suggested-btn{background:var(--accent-light);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 1px 4px var(--shadow-brand);font-weight:600}.suggested-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 2px 8px var(--shadow-brand)}.data-entry-cta{flex-direction:column;align-items:flex-start;gap:4px;display:inline-flex}.data-entry-sub{color:var(--text-dim);padding-inline-start:4px;font-size:10.5px;font-weight:500}.typing-row{align-items:flex-end;gap:8px;padding:3px 16px;display:flex}.typing{background:var(--accent);box-shadow:0 3px 14px var(--shadow-brand);border:0;border-radius:18px;gap:5px;padding:13px 18px;display:flex}.typing-dot{background:var(--on-accent);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite dot}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.input-area{box-sizing:border-box;width:100%;padding:12px 14px max(18px,calc(14px + env(safe-area-inset-bottom)));background:var(--surface-tint);box-shadow:none;z-index:10;overscroll-behavior:contain;border-top:none;flex:none;max-height:70%;position:relative;overflow-y:auto}.btn-type-msg{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);cursor:pointer;box-shadow:0 2px 8px var(--shadow-brand);border:none;border-radius:18px;justify-content:center;align-items:center;gap:5px;margin:10px auto 0;padding:6px 14px;font-family:Tajawal,sans-serif;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-type-msg:hover{box-shadow:0 4px 14px var(--shadow-brand);transform:translateY(-1px)}.btn-type-msg:active{transform:translateY(0)}.confirm-row{gap:8px;margin-top:8px;display:flex}.confirm-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:20px;padding:8px 24px;font-family:Tajawal,sans-serif;font-size:12.5px;font-weight:700;transition:filter .2s,border-color .2s,color .2s;box-shadow:0 1px 5px #0000000d}.confirm-btn:hover{border-color:var(--accent);color:var(--accent)}.confirm-btn.yes{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 3px 12px var(--shadow-brand)}.confirm-btn.yes:hover{color:var(--on-accent);filter:brightness(.95)}.confirm-hint{color:var(--text-dim);margin-top:9px;font-size:11.5px;font-weight:600}.input-wrap{background:var(--surface);border:1px solid var(--border);min-height:96px;box-shadow:none;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:8px;padding:14px 14px 12px;transition:border-color .25s;display:flex}.input-wrap:focus-within{border-color:var(--accent)}.msg-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:Tajawal,sans-serif;font-size:14.5px}.suggest-list{max-height:min(210px,calc(var(--app-h,100dvh) * .3));background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 18px var(--shadow-brand);border-radius:12px;flex-direction:column;gap:2px;margin-bottom:8px;padding:6px;display:flex;overflow-y:auto}.suggest-item{text-align:start;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;padding:9px 11px;font-family:Tajawal,sans-serif;font-size:13.5px;transition:background .15s;display:flex}.suggest-item:hover{background:var(--accent-light)}.suggest-icon{color:var(--accent);flex-shrink:0}.msg-input::placeholder{color:var(--text-dim)}.msg-input:disabled{opacity:.4}.btn-send{cursor:pointer;background:var(--accent);height:36px;color:var(--on-accent);box-shadow:0 3px 12px var(--shadow-brand);direction:ltr;border:none;border-radius:18px;flex-shrink:0;align-self:flex-end;align-items:center;gap:7px;padding:0 18px;font-family:Tajawal,sans-serif;font-size:13px;font-weight:700;transition:all .22s;display:flex}html[dir=rtl] .btn-send{direction:rtl}html[dir=rtl] .btn-send svg{transform:rotate(180deg)}.btn-send.active:hover{background:var(--accent2)}.btn-send.inactive{opacity:.55;cursor:default}.back-btn-container{display:none}.back-btn{border:1px solid var(--border);background:var(--accent-light);color:var(--accent);cursor:pointer;border-radius:10px;padding:8px 16px;font-family:Tajawal,sans-serif;font-size:11px;font-weight:600;transition:all .3s}.back-btn:hover{background:var(--accent-light);filter:brightness(.94)}.footer{text-align:center;color:var(--text-dim);letter-spacing:.4px;margin-top:7px;font-size:10px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:.85;transform:translateY(-5px)}}.form-container{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;margin-top:8px;padding:14px;display:flex}.form-field{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--text);font-size:12px;font-weight:600}.form-input-time{letter-spacing:.5px;text-align:center;cursor:pointer;direction:ltr;font-family:Tajawal,sans-serif;font-size:15px;font-weight:600;padding:14px 16px!important}.form-input-time::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(35%)sepia(42%)saturate(1200%)hue-rotate(295deg)brightness(88%)contrast(90%);opacity:.9;margin-left:6px;font-size:18px}.form-input-time::-webkit-datetime-edit{color:var(--accent-ink);font-weight:700}.form-input-time::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input{border:1.5px solid var(--border);color:var(--text);background:var(--bg);border-radius:10px;outline:none;padding:9px 12px;font-family:Tajawal,sans-serif;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--accent)}.form-select-group{flex-wrap:wrap;gap:5px;display:flex}.form-select-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;padding:7px 12px;font-family:Tajawal,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.form-select-btn.selected{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);border-color:var(--accent)}.form-submit{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);cursor:pointer;border:none;border-radius:12px;margin-top:4px;padding:10px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.form-submit:active{transform:scale(.97)}.form-submit:disabled{opacity:.5;cursor:default}.form-skip{color:var(--text-dim);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;border-radius:12px;padding:7px;font-family:Tajawal,sans-serif;font-size:13px;font-weight:600;text-decoration:underline}.form-skip:hover{color:var(--text)}.inline-form{gap:13px;padding:16px 15px}.sequential-form{overflow:hidden}.form-steps{border:0;flex-direction:column;gap:13px;min-width:0;margin:0;padding:0;display:flex}.form-steps:disabled{opacity:.75}.form-steps:disabled .form-progress{background:var(--border);color:var(--text-dim)}.form-steps:disabled .inline-input-wrap,.form-steps:disabled .form-select-btn,.form-steps:disabled .form-input{cursor:not-allowed}.form-progress{background:var(--accent-light);color:var(--accent-ink);border-radius:999px;align-self:flex-start;padding:4px 9px;font-size:10.5px;font-weight:700}.active-step{animation:.28s cubic-bezier(.16,1,.3,1) slideUp}.completed-step{opacity:.72;font-size:12.5px}.step-answer{background:var(--surface);border:1px solid var(--border);min-height:27px;color:var(--accent-ink);direction:auto;border-radius:999px;align-items:center;padding:4px 11px;font-weight:700;display:inline-flex}.inline-field{color:var(--text);flex-wrap:wrap;align-items:center;gap:7px;font-size:13.5px;line-height:1.6;display:flex}.inline-phrase{font-weight:600}.inline-input-wrap{border:1.5px solid var(--field-border);background:var(--surface-2);border-radius:999px;align-items:center;gap:5px;padding:5px 11px;transition:border-color .2s,box-shadow .2s,background .2s;display:inline-flex}.inline-input-wrap:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--shadow-brand)}.inline-field-icon{color:var(--text-dim);flex-shrink:0}.inline-input{width:72px;color:var(--text);caret-color:var(--accent);text-align:center;background:0 0;border:none;outline:none;padding:0;font-family:Tajawal,sans-serif;font-size:13.5px;font-weight:600}.inline-input-number{text-align:center;width:72px}.inline-input-text{text-align:start;width:150px;max-width:100%}.inline-input::placeholder{color:var(--text-dim);font-weight:500}.inline-input-time{letter-spacing:.5px;direction:ltr;width:66px}.inline-time-wrap{gap:7px}.meridiem-toggle{border-left:1px solid var(--border);gap:3px;padding-left:7px;display:inline-flex}.meridiem-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:3px 8px;font-family:Tajawal,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.meridiem-btn.selected{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);border-color:var(--accent)}.inline-select-group{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.inline-select-group .form-select-btn{border-radius:999px;padding:5px 13px}.multi-select-group{flex-wrap:wrap;align-content:flex-start;max-height:190px;overflow-y:auto}.form-multi-btn.selected:before{content:"✓ ";font-weight:700}.inline-form .activity-search{margin-top:2px}.option-search{flex-direction:column;gap:7px;width:100%;margin-top:4px;display:flex;position:relative}.option-search-box{box-sizing:border-box;border:1.5px solid var(--field-border);background:var(--surface-2);cursor:text;border-radius:14px;flex-direction:column;gap:6px;width:100%;padding:6px 10px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.option-search-row{flex-wrap:wrap;align-items:center;gap:5px;width:100%;display:flex}.option-search-box:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--shadow-brand)}.option-chip{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);border-radius:999px;align-items:center;gap:5px;padding:4px 6px 4px 10px;font-size:12px;font-weight:700;line-height:1.25;display:inline-flex}.option-chip-label{line-height:1.25}.option-chip-remove{width:18px;height:18px;color:var(--on-accent);cursor:pointer;background:#ffffff47;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:Tajawal,sans-serif;font-size:13px;line-height:1;display:inline-flex}.option-chip-remove:hover{background:#ffffff73}.option-search-input{min-width:90px;color:var(--text);caret-color:var(--accent);text-align:start;background:0 0;border:none;outline:none;flex:90px;padding:2px 0;font-family:Tajawal,sans-serif;font-size:13.5px;font-weight:600}.option-search-input::placeholder{color:var(--text-dim);font-weight:500}.option-search-list{padding-top:6px;border-top:1px solid var(--border);overscroll-behavior:contain;flex-direction:column;gap:5px;max-height:158px;margin:0 -4px;padding-inline:4px;display:flex;overflow-y:auto}.option-search-option{border:1px solid var(--shadow-brand);background:var(--surface);width:100%;color:var(--text);cursor:pointer;text-align:start;border-radius:8px;padding:8px 10px;font-family:Tajawal,sans-serif;font-size:12.5px;font-weight:600;transition:all .18s}.option-search-option:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent-ink)}.option-search-custom{border-style:dashed;border-color:var(--accent);color:var(--accent-ink)}.option-search-box--flip{flex-direction:column-reverse}.option-search-box--flip .option-search-list{border-top:none;border-bottom:1px solid var(--border);padding-top:0;padding-bottom:6px}.option-search-more{color:var(--text-dim);padding:4px 2px;font-size:11px;font-weight:600}.form-steps:disabled .option-search-box{cursor:not-allowed;opacity:.85}.label-scanner{border:1px dashed var(--accent);background:var(--accent-light);border-radius:13px;flex-direction:column;gap:8px;padding:12px;display:flex}.label-scanner-title{color:var(--accent-ink);align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.label-scanner-help{color:var(--text);margin:0;font-size:11.5px;font-weight:500;line-height:1.55}.label-scanner-actions{flex-wrap:wrap;gap:7px;display:flex}.label-scan-btn{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--accent-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-family:Tajawal,sans-serif;font-size:11.5px;font-weight:700;display:inline-flex}.label-scan-btn.primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.label-scan-btn:disabled{opacity:.55;cursor:default}.label-file-input{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.label-scan-status{border-radius:9px;align-items:flex-start;gap:6px;padding:7px 9px;font-size:11.5px;font-weight:650;line-height:1.45;display:flex}.label-scan-status svg{flex:none;margin-top:1px}.label-scan-status.loading{color:var(--accent-ink);background:var(--surface)}.label-scan-status.loading svg{animation:.9s linear infinite labelScanSpin}.label-scan-status.success{color:var(--ok-ink);background:var(--ok-bg)}.label-scan-status.error{color:var(--err-ink);background:var(--err-bg)}.step-answer-done{cursor:default;font-family:Tajawal,sans-serif}@keyframes labelScanSpin{to{transform:rotate(360deg)}}.activity-grid{flex-wrap:wrap;gap:6px;width:100%;margin-top:4px;display:flex}.activity-card{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:6px 11px;font-family:Tajawal,sans-serif;font-size:12px;font-weight:500;line-height:1;transition:all .2s;display:inline-flex}.activity-card:hover{border-color:var(--accent);background:var(--accent-light)}.activity-card .ac-icon{font-size:14px;line-height:1}.activity-card .ac-label{line-height:1}.activity-card.selected{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--on-accent);border-color:var(--accent)}.activity-search{flex-direction:column;gap:7px;width:100%;margin-top:4px;display:flex}.activity-search-box{width:100%;position:relative}.activity-search-input{box-sizing:border-box;width:100%}.activity-search-box.chosen .activity-search-input{border-color:var(--accent);padding-inline-start:32px;font-weight:700}.activity-search-box .ac-icon.in-box{inset-inline-start:10px;pointer-events:none;font-size:15px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.activity-search-list{flex-direction:column;gap:5px;max-height:190px;display:flex;overflow-y:auto}.activity-search-option{border:1px solid var(--shadow-brand);background:var(--surface);width:100%;color:var(--text);cursor:pointer;text-align:start;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-family:Tajawal,sans-serif;font-size:12.5px;font-weight:600;transition:all .18s;display:flex}.activity-search-option:hover,.activity-search-option.selected{border-color:var(--accent);background:var(--accent-light);color:var(--accent-ink)}.activity-search-option .ac-icon,.activity-selected .ac-icon{font-size:15px;line-height:1}.activity-search-option .ac-label,.activity-selected .ac-label{line-height:1.25}.food-log-card{background:var(--surface);border:1px solid var(--border);border-inline-start:3px solid var(--accent);box-shadow:0 2px 8px var(--shadow-brand);border-radius:14px;margin-top:12px;padding:13px 14px 11px}.food-log-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.food-log-title{letter-spacing:.2px;color:var(--accent-ink);font-size:10.5px;font-weight:800}.food-log-confidence{background:var(--accent-light);color:var(--accent-ink);border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:700}.food-log-confidence.low{background:var(--err-bg);color:var(--err-ink)}.food-log-confidence.high{background:var(--ok-bg);color:var(--ok-ink)}.food-log-name{color:var(--text);font-size:13.5px;font-weight:700;line-height:1.5}.food-log-serving{color:var(--text-dim);margin-top:1px;font-size:11px}.food-log-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px;display:grid}.food-log-grid>div{background:var(--surface-2);text-align:center;border-radius:10px;padding:7px 8px}.food-log-grid span{color:var(--text-dim);margin-bottom:3px;font-size:9.5px;display:block}.food-log-grid b{color:var(--text);font-size:12.5px;font-weight:700}.food-log-note{color:var(--text-dim);margin-top:9px;font-size:10px;line-height:1.5;display:block}@media (width<=380px){.food-log-grid{grid-template-columns:repeat(2,1fr)}}.smart-tip{background:var(--brand-gradient-soft);border:1px solid var(--border);border-inline-start:3px solid var(--accent);color:var(--text);box-shadow:0 2px 8px var(--shadow-brand);border-radius:14px;margin-top:12px;padding:13px 14px 11px;font-size:12.5px;font-weight:500;line-height:1.65}.smart-tip .tip-text{margin-bottom:10px;display:block}.smart-tip .tip-source-badge{background:var(--surface);border:1px solid var(--shadow-brand);color:var(--accent-ink);box-shadow:0 1px 3px var(--shadow-brand);letter-spacing:.2px;border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:10.5px;font-weight:700;display:inline-flex}.smart-tip .tip-source-badge .badge-dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 2px var(--shadow-brand);border-radius:50%;display:inline-block}#intro{z-index:9999;cursor:pointer;will-change:opacity,transform;background:radial-gradient(circle,#1a0825 0%,#0a0412 75%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#intro.gone{opacity:0;pointer-events:none;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:scale(1.05)}#intro .stars{opacity:0;background-image:radial-gradient(1.5px 1.5px at 15% 20%,#fff,#0000),radial-gradient(1px 1px at 45% 70%,#fff,#0000),radial-gradient(1.5px 1.5px at 75% 35%,#fff,#0000),radial-gradient(1px 1px at 30% 85%,#fff,#0000),radial-gradient(2px 2px at 85% 15%,#fff,#0000),radial-gradient(1px 1px at 60% 55%,#fff,#0000),radial-gradient(1.5px 1.5px at 20% 45%,#fff,#0000),radial-gradient(1px 1px at 90% 80%,#fff,#0000);background-size:100% 100%;animation:1.2s ease-out .2s forwards starsIn;position:absolute;inset:0}@keyframes starsIn{to{opacity:.5}}#intro .stage{justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}#intro .halo{background:radial-gradient(circle,var(--shadow-brand) 0%,var(--accent-glow) 40%,transparent 70%);opacity:0;border-radius:50%;animation:2.2s cubic-bezier(.4,0,.2,1) .3s forwards haloIn;position:absolute;inset:0;transform:scale(.6)}@keyframes haloIn{30%{opacity:1;transform:scale(1.05)}70%{opacity:.8;transform:scale(1.15)}to{opacity:0;transform:scale(2.5)}}#intro .badge{width:130px;height:130px;box-shadow:0 20px 60px -10px var(--accent-glow),0 0 0 2px #ffffff14,0 0 40px var(--accent-glow);opacity:0;border-radius:28px;animation:1.1s cubic-bezier(.34,1.56,.64,1) .25s forwards badgeIn,.6s ease-in-out 1.45s 2 badgePulse;position:relative;overflow:hidden;transform:scale(0)rotate(-12deg)}@keyframes badgeIn{0%{opacity:0;transform:scale(0)rotate(-12deg)}60%{opacity:1;transform:scale(1.1)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes badgePulse{0%,to{filter:brightness();transform:scale(1)rotate(0)}50%{filter:brightness(1.25)saturate(1.3);transform:scale(1.12)rotate(0)}}#intro .badge img{object-fit:cover;width:100%;height:100%;display:block}#intro .badge:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff59 50%,#0000 70%);animation:1s ease-out 1s forwards shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes shine{to{transform:translate(120%)}}#intro .particle{opacity:0;pointer-events:none;will-change:transform,opacity;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px,0 0 32px}#intro.burst .particle{animation:1.5s cubic-bezier(.2,.7,.3,1) forwards partBurst}@keyframes partBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}10%{opacity:1}70%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.3)}}#intro .ring{opacity:0;border:2px solid #ffffffe6;border-radius:50%;width:130px;height:130px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}#intro.burst .ring{animation:1.4s cubic-bezier(.25,.8,.35,1) forwards ringOut}#intro.burst .ring.r2{border-color:var(--accent);animation-delay:.15s}#intro.burst .ring.r3{border-color:var(--shadow-brand);animation-delay:.3s}@keyframes ringOut{0%{opacity:.9;border-width:3px;transform:translate(-50%,-50%)scale(1)}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(4.5)}}#intro .wordmark{opacity:0;letter-spacing:2px;background:var(--brand-gradient);-webkit-text-fill-color:transparent;color:#0000;white-space:nowrap;text-shadow:0 0 40px var(--accent-glow);-webkit-background-clip:text;background-clip:text;font-family:Tajawal,sans-serif;font-size:26px;font-weight:800;position:absolute;top:calc(50% + 100px);left:50%;transform:translate(-50%)translateY(20px)}#intro.burst .wordmark{animation:.9s cubic-bezier(.2,.8,.3,1) .4s forwards wordIn}@keyframes wordIn{0%{opacity:0;letter-spacing:2px;transform:translate(-50%)translateY(20px)}to{opacity:1;letter-spacing:4px;transform:translate(-50%)translateY(0)}}#intro .tagline{opacity:0;color:#fff9;letter-spacing:1.5px;font-family:Tajawal,sans-serif;font-size:12px;position:absolute;top:calc(50% + 140px);left:50%;transform:translate(-50%)}#intro.burst .tagline{animation:.9s cubic-bezier(.2,.8,.3,1) .7s forwards wordIn}#intro .skip{color:#ffffff73;letter-spacing:1px;opacity:0;pointer-events:none;font-family:Tajawal,sans-serif;font-size:11px;animation:.5s 1.5s forwards fadeIn;position:absolute;bottom:28px;right:28px}@keyframes fadeIn{to{opacity:1}}body.revealing .header{animation:.7s cubic-bezier(.2,.8,.3,1) .1s forwards revealDown}body.revealing #chat,body.revealing .chat-container{animation:.8s cubic-bezier(.2,.8,.3,1) .3s forwards revealUp}body.revealing .input-area{animation:.8s cubic-bezier(.2,.8,.3,1) .5s forwards revealUp}@keyframes revealDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes revealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}body.revealing .service-btn,body.intro-done .service-btn{animation:.55s cubic-bezier(.2,.9,.35,1.1) forwards btnIn}body.revealing .service-btn:first-child{animation-delay:.7s}body.revealing .service-btn:nth-child(2){animation-delay:.8s}body.revealing .service-btn:nth-child(3){animation-delay:.9s}body.revealing .service-btn:nth-child(4){animation-delay:1s}body.revealing .service-btn:nth-child(5){animation-delay:1.1s}body.revealing .service-btn:nth-child(6){animation-delay:1.2s}@keyframes btnIn{to{opacity:1;transform:translateY(0)scale(1)}}