@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";
:root{--ink:#151725;--navy:#1b1e32;--muted:#767988;--line:#e8e9ef;--surface:#fff;--canvas:#f6f7fb;--violet:#6357e9;--violet-dark:#5146cc;--violet-pale:#f0efff;--green:#19a56e;--red:#c63756;--shadow:0 18px 50px #191c351f}*{box-sizing:border-box}html,body{background:var(--canvas);min-width:320px;min-height:100%;color:var(--ink);margin:0;font-family:IBM Plex Sans Arabic,Tahoma,Arial,sans-serif}button,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #6357e947}.app-shell{background:var(--surface);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.app-header{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #11132212;grid-template-columns:48px 1fr 48px;align-items:center;min-height:68px;padding:9px 14px;display:grid}.header-icon{color:#575b6d;background:0 0;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.header-icon svg{width:21px;height:21px}.header-icon:hover{background:#f1f1f7}.header-title{color:#1c2032;text-align:right;background:0 0;grid-template-rows:18px 14px;grid-template-columns:30px auto;justify-content:center;align-items:center;column-gap:8px;font-size:14px;font-weight:700;display:grid}.header-mark,.brand-mark,.assistant-mini{color:#fff;background:var(--violet);place-items:center;display:grid;box-shadow:0 6px 16px #6357e938}.header-mark{border-radius:10px;grid-row:1/3;width:30px;height:30px}.header-mark svg{width:16px;height:16px}.header-title small{color:#9295a3;font-size:10px;font-weight:400}.chat-main{background:#fff;flex:1;padding:18px 16px 20px;overflow-y:auto}.command-hero{width:min(100%,680px);margin:0 auto 28px;padding:18px 4px 0}.eyebrow{color:#6d7180;background:#fff;border:1px solid #e5e4f2;border-radius:999px;align-items:center;gap:8px;width:max-content;margin:0 0 16px;padding:6px 10px;font-size:11px;display:flex}.online-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #19a56e1c}.command-hero h1{color:#171a2c;letter-spacing:-.7px;margin:0;font-size:27px;line-height:1.35}.command-hero>p:not(.eyebrow){color:#74788a;max-width:430px;margin:10px 0 18px;font-size:14px;line-height:1.8}.focus-row{color:#6b61d1;background:#f7f6ff;border:1px solid #e4e2fb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;font-size:11px;display:flex}.focus-row b{color:#42465a;font-weight:600}.messages{align-content:start;gap:24px;width:min(100%,680px);margin:0 auto;display:grid}.message{max-width:88%;font-size:15px;line-height:1.9}.message.assistant{justify-self:end;max-width:100%}.message.ehab{justify-self:start}.assistant-line{color:#5b6071;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.assistant-line time{color:#a6a8b4;font-weight:400}.assistant-mini{border-radius:8px;width:22px;height:22px}.assistant-mini svg{width:12px;height:12px}.message p{white-space:pre-wrap;margin:0}.message.assistant>p{color:#303444;padding:0 4px}.message.ehab>p{color:#fff;background:var(--violet);border-radius:18px 5px 18px 18px;padding:12px 15px;box-shadow:0 10px 20px #5c4ed329}.generated-image{background:#f5f4ff;border:1px solid #e0def8;border-radius:18px;width:min(100%,420px);margin:12px 0 0;overflow:hidden;box-shadow:0 12px 28px #41398d17}.generated-image img{width:100%;height:auto;display:block}.generated-image figcaption{color:#66619a;align-items:center;gap:7px;padding:9px 11px;font-size:10px;display:flex}.generated-image svg{width:16px;height:16px}.drive-results{gap:7px;width:min(100%,420px);margin-top:11px;display:grid}.drive-results a{color:inherit;background:#fff;border:1px solid #e1e0ee;border-radius:12px;align-items:center;gap:9px;padding:9px 10px;text-decoration:none;display:flex}.drive-results a:hover{background:#fbfaff;border-color:#beb8f7}.drive-results>a>svg{color:#655ade;width:20px;height:20px}.drive-results span{gap:1px;min-width:0;display:grid}.drive-results b{color:#4b4f5e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.drive-results small{color:#989ba8;font-size:9px}.plan-card{background:#fbfaff;border:1px solid #dfddf8;border-radius:16px;gap:0;margin-top:13px;font-size:12px;display:grid;overflow:hidden}.plan-title{color:#5148ba;border-bottom:1px solid #e9e7fb;justify-content:space-between;padding:11px 13px;font-weight:700;display:flex}.plan-title span:last-child{color:#a2600b;font-size:10px}.plan-step{color:#595d69;border-bottom:1px solid #efeff6;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.plan-step:last-child{border:0}.plan-step b{color:#6259d7;background:#eeecff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.plan-step em{color:#16815a;background:#e9f8ef;border-radius:999px;padding:3px 6px;font-size:9px;font-style:normal}.plan-step em.approval_required{color:#9f600b;background:#fff4df}.plan-step em.blocked{color:#b33b50;background:#ffecf0}.thinking{color:#787c8b;align-items:center;gap:5px;font-size:12px;display:flex}.thinking i{background:#756cdb;border-radius:50%;width:5px;height:5px;animation:1s infinite alternate blink}.thinking i:nth-child(2){animation-delay:.18s}.thinking i:nth-child(3){animation-delay:.36s}@keyframes blink{to{opacity:.25;transform:translateY(-2px)}}.tool-rail{z-index:3;background:#fff;border-top:1px solid #ededf2;align-items:center;gap:7px;padding:10px 14px;display:flex;overflow-x:auto}.tool-rail>span{color:#a0a2ad;flex:none;margin-left:3px;font-size:10px}.tool-rail button{color:#6b6e7c;background:#fff;border:1px solid #e8e7ee;border-radius:999px;flex:none;align-items:center;gap:5px;padding:7px 10px;font-size:11px;transition:all .16s;display:flex}.tool-rail button svg{width:15px;height:15px}.tool-rail button.active{color:#5146cf;background:#f2f0ff;border-color:#cac5ff}.composer-area{z-index:3;padding:7px 13px calc(9px + env(safe-area-inset-bottom));background:#fff}.quick-actions{gap:7px;padding:0 0 9px;display:flex;overflow-x:auto}.quick-actions button{color:#777b89;background:#fbfbfd;border:1px solid #ecebf1;border-radius:999px;flex:none;padding:6px 10px;font-size:10px}.composer{background:#fff;border:1px solid #dadee8;border-radius:19px;transition:border .18s,box-shadow .18s;overflow:hidden;box-shadow:0 10px 28px #1f1f2d14}.composer.mode-active{border-color:#b6afff;box-shadow:0 0 0 4px #6357e917,0 10px 28px #1f1f2d14}.composer-topline{color:#9496a1;justify-content:space-between;align-items:center;min-height:0;padding:0 14px;font-size:9px;display:flex}.composer.mode-active .composer-topline{color:#6156dc;padding-top:8px}.composer-topline button{color:#776fe5;background:#efeeff;border-radius:7px;place-items:center;width:21px;height:21px;display:grid}.composer-topline button svg{width:14px}.composer textarea{resize:none;width:100%;min-height:44px;max-height:120px;color:var(--ink);background:0 0;border:0;padding:10px 14px 3px;line-height:1.55;display:block}.composer textarea::placeholder{color:#a7a9b3}.composer-actions{align-items:center;gap:7px;padding:3px 7px 7px;display:flex}.attach-button,.mic-button,.send-button{border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.attach-button{color:#747889;background:#f4f4f8}.attach-button svg,.mic-button svg,.send-button svg{width:18px;height:18px}.mic-button{color:#6459dc;background:#f0efff}.mic-button.recording{color:#c73f57;background:#fff0f3;animation:1.2s infinite record}.stop-square{background:currentColor;border-radius:3px;width:11px;height:11px}.mic-button:disabled,.send-button:disabled{cursor:not-allowed;opacity:.45}.recording-label{color:#989ba6;flex:1;font-size:9px}.send-button{color:#fff;background:var(--violet);box-shadow:0 7px 14px #6357e938}.send-button:not(:disabled):hover{background:var(--violet-dark)}@keyframes record{50%{box-shadow:0 0 0 5px #c73f571a}}.bottom-nav{z-index:4;min-height:61px;padding:5px 7px calc(5px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #edecf1;grid-template-columns:repeat(4,1fr);display:grid}.bottom-nav button{color:#898c97;background:0 0;place-items:center;gap:2px;padding:3px;font-size:10px;display:grid}.bottom-nav button svg{width:18px;height:18px}.bottom-nav button.active{color:var(--violet);font-weight:700}.drawer-scrim{z-index:10;visibility:hidden;opacity:0;background:#0f101861;transition:opacity .2s;position:fixed;inset:0}.drawer-scrim.open{visibility:visible;opacity:1}.app-drawer{z-index:11;width:min(82vw,310px);padding:25px 15px calc(20px + env(safe-area-inset-bottom));color:#e8e9f4;background:#181a2c;flex-direction:column;transition:transform .24s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-15px 0 45px #00000029}.app-drawer.open{transform:translate(0)}.drawer-brand{direction:ltr;align-items:center;gap:9px;padding:5px 8px 27px;font-size:18px;font-weight:700;display:flex}.drawer-brand strong{color:#a9a2ff}.brand-mark{border-radius:10px;width:31px;height:31px}.brand-mark svg{width:16px;height:16px}.new-chat{color:#fff;background:var(--violet);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:27px;padding:12px;font-size:13px;font-weight:700;display:flex;box-shadow:0 10px 22px #6357e942}.new-chat svg{width:17px}.drawer-label{color:#828797;padding:0 10px 8px;font-size:10px}.drawer-nav{gap:4px;display:grid}.drawer-nav button{color:#abb0bf;text-align:right;background:0 0;border-radius:10px;align-items:center;gap:11px;padding:11px 10px;font-size:13px;display:flex}.drawer-nav button svg{color:#aaa1ff;width:18px}.drawer-nav button.active{color:#fff;background:#292e42}.drawer-bottom{color:#a9afbf;border-top:1px solid #303649;align-items:center;gap:8px;margin-top:auto;padding:12px 10px;font-size:11px;display:flex}.form-error{color:var(--red);text-align:center;margin:0 0 8px;font-size:11px}.workspace-panel{width:min(100%,680px);margin:0 auto;padding:17px 2px}.workspace-hero{padding:17px 3px 26px}.workspace-hero>p,.workspace-heading p{color:#6a61d4;margin:0 0 5px;font-size:11px;font-weight:700}.workspace-hero h1,.workspace-heading h1{color:#171a2c;margin:0;font-size:27px;line-height:1.35}.workspace-hero>span:last-child{color:#75798a;max-width:400px;margin-top:9px;font-size:13px;line-height:1.9;display:block}.workspace-icon{color:#fff;background:var(--violet);border-radius:13px;place-items:center;width:39px;height:39px;margin-bottom:15px;display:grid;box-shadow:0 9px 20px #6357e938}.workspace-icon svg{width:21px;height:21px}.workspace-actions{gap:10px;display:grid}.workspace-actions>*{color:inherit;text-align:right;background:#fff;border:1px solid #e8e7ef;border-radius:17px;grid-template-columns:38px 1fr;column-gap:11px;padding:15px;display:grid}.workspace-actions button{cursor:pointer}.workspace-actions button:hover{background:#fbfaff;border-color:#c9c4fa}.workspace-actions span{color:#5e53d4;background:#efeeff;border-radius:12px;grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}.workspace-actions span svg{width:20px;height:20px}.workspace-actions b{color:#292d3c;font-size:13px}.workspace-actions small{color:#858896;margin-top:2px;font-size:10px}.workspace-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.workspace-heading h1{font-size:25px}.workspace-primary{color:#fff;background:var(--violet);border-radius:11px;flex:none;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 8px 17px #6357e936}.workspace-primary:hover{background:var(--violet-dark)}.workspace-primary:disabled{cursor:wait;opacity:.65}.workspace-primary svg{width:15px;height:15px}.task-form{background:#fbfaff;border:1px solid #dedbfa;border-radius:17px;gap:10px;margin:-5px 0 16px;padding:14px;display:grid}.task-form-heading{color:#3c3961;justify-content:space-between;align-items:center;font-size:12px;display:flex}.task-form-heading button{color:#77718c;background:#efedff;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.task-form-heading button svg{width:15px;height:15px}.task-form>input{width:100%;color:var(--ink);background:#fff;border:1px solid #e1e0e9;border-radius:11px;padding:11px 12px;font-size:12px}.task-form>label{color:#727687;align-items:center;gap:7px;font-size:10px;display:flex}.task-form>label>svg{color:#6960d0;width:16px;height:16px}.task-form input[type=datetime-local]{color:#626675;background:#fff;border:1px solid #e1e0e9;border-radius:9px;flex:1;min-width:0;padding:8px;font-size:10px}.task-form .approval-toggle{color:#5e5a7b;background:#f2f1ff;border-radius:10px;padding:9px 10px}.approval-toggle input{accent-color:var(--violet)}.workspace-error{color:var(--red);text-align:center;margin:0 0 12px;font-size:11px}.workspace-loading{color:#858897;justify-content:center;align-items:center;gap:8px;min-height:140px;font-size:12px;display:flex}.workspace-loading svg{width:17px;height:17px;color:var(--violet);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace-empty{color:#707484;text-align:center;background:#fcfcfe;border:1px dashed #dedde8;border-radius:19px;justify-items:center;gap:8px;min-height:190px;padding:35px 22px;display:grid}.workspace-empty>svg{color:#7268df;width:36px;height:36px}.workspace-empty b{color:#414555;font-size:13px}.workspace-empty span{max-width:250px;font-size:11px;line-height:1.8}.task-list,.approval-list{gap:9px;display:grid}.task-item{background:#fff;border:1px solid #e8e8ef;border-radius:15px;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:13px 11px;display:grid}.task-check{color:#fff;background:#fff;border:2px solid #d6d5e0;border-radius:9px;place-items:center;width:25px;height:25px;display:grid}.task-check:disabled{cursor:default}.task-completed .task-check{border-color:var(--green);background:var(--green)}.task-content{gap:3px;min-width:0;display:grid}.task-content b{color:#343746;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.task-completed .task-content b{color:#9699a5;text-decoration:line-through}.task-content span{color:#9699a5;align-items:center;gap:4px;font-size:9px;display:flex}.task-content span svg{width:12px;height:12px}.task-status{color:#686c7a;white-space:nowrap;background:#f2f2f6;border-radius:999px;padding:4px 7px;font-size:9px}.task-in_progress .task-status{color:#6258cd;background:#efeeff}.task-waiting_for_approval .task-status{color:#9c620c;background:#fff3df}.task-completed .task-status{color:#157e57;background:#e8f8ee}.approval-count{color:#6258cd;background:#efeeff;border-radius:999px;padding:5px 8px;font-size:10px}.approval-intro{color:#767a89;margin:-7px 0 16px;font-size:11px;line-height:1.8}.approval-item{background:#fff;border:1px solid #e5e3f4;border-radius:15px;grid-template-columns:32px 1fr;align-items:center;gap:9px;padding:13px;display:grid}.approval-item-icon{color:#695ed6;background:#f0efff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.approval-item-icon svg{width:18px;height:18px}.approval-item>div:nth-child(2){gap:3px;min-width:0;display:grid}.approval-item b{color:#363947;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.approval-item>div:nth-child(2) span{color:#9699a5;font-size:9px}.approval-actions{grid-column:1/-1;gap:7px;padding-top:3px;display:flex}.approval-actions button{border-radius:9px;flex:1;padding:8px;font-size:10px;font-weight:700}.approval-actions button:disabled{cursor:wait;opacity:.65}.approval-actions .reject{color:#b3455a;background:#fff0f3}.approval-actions .approve{color:#fff;background:var(--violet)}.signin-page{background:#f6f7fb;place-items:center;min-height:100dvh;padding:20px;display:grid}.signin-card{width:min(100%,420px);box-shadow:var(--shadow);text-align:center;background:#fff;border:1px solid #e4e5ed;border-radius:26px;padding:32px 26px 28px}.signin-orb{color:#fff;background:var(--violet);border-radius:17px;place-items:center;width:52px;height:52px;margin:0 auto 18px;font-size:22px;font-weight:700;display:grid;box-shadow:0 12px 22px #6357e93d}.signin-orb svg{width:25px;height:25px}.signin-kicker{color:#6156dc;letter-spacing:.5px;margin:0 0 6px;font-size:12px;font-weight:700}.signin-card h1{color:var(--ink);margin:0;font-size:25px;line-height:1.45}.signin-card>p:not(.signin-kicker){color:var(--muted);margin:12px auto 25px;font-size:13px;line-height:1.9}.signin-button{color:#303340;background:#fff;border:1px solid #dedee8;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;font-size:13px;font-weight:600;display:flex;box-shadow:0 5px 15px #1b1d2c0f}.signin-button:hover{background:#fbfaff;border-color:#bcb7f8}.signin-button:disabled{cursor:wait;opacity:.7}.signin-button svg{width:18px;height:18px}.signin-security{color:#9295a3;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:10px;display:flex}.signin-security svg{color:#6f65db;width:14px;height:14px}@media (min-width:760px){.app-shell{width:100%;max-width:580px;min-height:calc(100dvh - 38px);box-shadow:var(--shadow);border:1px solid #e2e2ea;border-radius:30px;margin:19px auto}.app-header{border-radius:30px 30px 0 0}.bottom-nav{border-radius:0 0 30px 30px}.chat-main{padding:23px 22px}}