@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-arabic-400-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+8A0-8FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-arabic-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-arabic-500-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+8A0-8FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-arabic-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-arabic-700-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+8A0-8FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-arabic-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}:root{--bg:#0e1412;--surface:#161f1b;--surface-deep:#121b16;--ink:#f2efe9;--ink-soft:#9ba69f;--line:#232e28;--hairline:#1a231e;--accent:#c9a961;--accent-hover:#d8bb76;--on-accent:#101511;--accent-soft:#c9a9611f;--ok:#1fa855;--ok-soft:#1fa85524;--danger:#d9564a;--danger-soft:#d9564a24;--radius:14px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--shadow-card:0 24px 60px -30px #0009}*{box-sizing:border-box}html,body{background-color:var(--bg);background-image:radial-gradient(1100px 540px at 50% -8%, #182420, var(--bg) 68%);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-repeat:no-repeat;margin:0;padding:0;font-family:IBM Plex Sans Arabic,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;line-height:1.7}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button{font:inherit;cursor:pointer;border-radius:var(--radius);color:inherit;background:0 0;border:none}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--ink);padding:.55rem .75rem;transition:border-color .2s}input:focus,select:focus{border-color:var(--accent);outline:none}input::placeholder{color:#5c665f}.shell{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.sidebar{display:none}.main{flex-direction:column;flex:1;min-width:0;display:flex}.content{flex:1;padding:.9rem .9rem 5.5rem}@media (min-width:1000px){.shell{flex-direction:row;max-width:none}.sidebar{border-inline-end:1px solid var(--hairline);background:#121b1699;flex-direction:column;flex:none;gap:1.4rem;width:264px;height:100dvh;padding:1.6rem 1.2rem 1.2rem;display:flex;position:sticky;top:0}.topbar,.tabbar,.fab-row{display:none!important}.content{width:100%;max-width:1180px;margin-inline:auto;padding:2.2rem 2.6rem 3rem}}.brand{letter-spacing:.01em;font-size:1.35rem;font-weight:700}.brand i{color:var(--accent);font-style:normal}.side-tenant{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem .9rem}.side-tenant .name{font-size:.95rem;font-weight:700;line-height:1.5}.side-tenant .sub{color:var(--ink-soft);font-size:.75rem}.side-tenant select{margin-top:.5rem;padding:.35rem .6rem;font-size:.85rem}.side-nav{flex-direction:column;gap:.25rem;display:flex}.side-nav button{color:var(--ink-soft);text-align:start;border-radius:12px;align-items:center;gap:.7rem;padding:.6rem .9rem;font-size:.95rem;font-weight:500;transition:color .2s,background .2s;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.side-nav button:hover{color:var(--ink);background:#ffffff08}}.side-nav button.active{color:var(--accent);background:var(--accent-soft);font-weight:700}.side-nav button.active:before{content:"";inset-inline-start:0;background:var(--accent);border-radius:2px;width:2px;position:absolute;top:22%;bottom:22%}.side-nav .icon{font-size:1.05rem;line-height:1}.side-nav .badge-dot{margin-inline-start:auto}.side-foot{border-top:1px solid var(--hairline);flex-direction:column;gap:.6rem;margin-top:auto;padding-top:1rem;display:flex}.side-foot .email{color:var(--ink-soft);text-align:end;text-overflow:ellipsis;white-space:nowrap;direction:ltr;font-size:.75rem;overflow:hidden}.topbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);background:#121b16eb;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1rem;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:1.05rem;font-weight:700}.topbar h1:after{content:".";color:var(--accent)}.topbar .sub{color:var(--ink-soft);font-size:.75rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.8rem;margin:.2rem 0 1.2rem;display:flex}.page-title{margin:0;font-size:1.35rem;font-weight:700;line-height:1.4}.page-title:before{content:"";background:var(--accent);border-radius:2px;width:30px;height:2px;margin-block-end:10px;display:block}.page-sub{color:var(--ink-soft);margin:.1rem 0 0;font-size:.85rem}.page-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (max-width:999px){.page-title{font-size:1.15rem}.page-actions .desktop-only{display:none}}.kpis{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1.3rem;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);animation:rise-in .4s var(--ease-out) backwards;border-radius:16px;padding:.9rem 1.05rem}.kpi:nth-child(2){animation-delay:45ms}.kpi:nth-child(3){animation-delay:90ms}.kpi b{font-size:1.7rem;font-weight:700;line-height:1.3;display:block}.kpi.gold b{color:var(--accent)}.kpi.red b{color:#e88a80}.kpi span{color:var(--ink-soft);font-size:.8rem}@media (max-width:640px){.kpi{padding:.7rem .8rem}.kpi b{font-size:1.35rem}.kpi span{font-size:.72rem}}.tabbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--hairline);background:#121b16f5;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{width:100%;max-width:640px;display:flex}.tabbar button{padding:.6rem 0 calc(.6rem + env(safe-area-inset-bottom));color:var(--ink-soft);border-radius:0;flex-direction:column;flex:1;align-items:center;gap:.1rem;font-size:.8rem;transition:color .2s;display:flex}.tabbar button.active{color:var(--accent);font-weight:700}.tabbar .icon{font-size:1.15rem;line-height:1.2}.badge-dot{background:var(--accent);min-width:1.15rem;color:var(--on-accent);text-align:center;border-radius:999px;padding:0 .3rem;font-size:.7rem;font-weight:700;line-height:1.2rem;display:inline-block}.badge-dot.danger{background:var(--danger);color:#fff}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);animation:rise-in .4s var(--ease-out) backwards;border-radius:18px;padding:.95rem 1.05rem}.card .title-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.card h3{margin:0;font-size:.98rem;font-weight:700}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}}.muted{color:var(--ink-soft);font-size:.82rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:.4rem 0 .7rem;display:flex}.section-head h2{margin:0;font-size:1rem}.queue-grid{grid-template-columns:1fr;gap:.7rem;display:grid}@media (min-width:720px){.queue-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.9rem}}.queue-card .when{color:var(--accent);margin:.35rem 0 .1rem;font-size:1.05rem;font-weight:700}.queue-card .who{color:var(--ink-soft);font-size:.85rem}.chip{white-space:nowrap;border-radius:999px;padding:.05rem .65rem;font-size:.75rem;font-weight:500;display:inline-block}.chip.ok{background:var(--ok-soft);color:#6fce97}.chip.warn{background:var(--accent-soft);color:var(--accent)}.chip.danger{background:var(--danger-soft);color:#e88a80}.chip.neutral{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.chip.block{color:var(--ink-soft);background:#9ba69f1f}.btn{transition:background .2s ease, color .2s ease, border-color .2s ease, transform .16s var(--ease-out);border-radius:12px;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--on-accent);font-weight:700}@media (hover:hover) and (pointer:fine){.btn.primary:hover{background:var(--accent-hover)}.btn.danger-outline:hover{border-color:var(--danger)}.btn.ghost:hover{color:var(--accent);border-color:var(--accent)}}.btn.danger-outline{color:#e88a80;background:0 0;border:1px solid #d9564a80}.btn.ghost{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-row{gap:.5rem;margin-top:.6rem;display:flex}.btn-row .btn{flex:1}.seg{background:var(--surface-deep);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--ink-soft);border-radius:999px;padding:.3rem 1rem;font-size:.85rem;font-weight:500;transition:color .18s,background .18s}.seg button.active{background:var(--accent);color:var(--on-accent);font-weight:700}@media (hover:hover) and (pointer:fine){.seg button:not(.active):hover{color:var(--ink)}}.login-wrap{justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:380px;box-shadow:var(--shadow-card);animation:rise-in .55s var(--ease-out) backwards;border-radius:20px;padding:1.8rem 1.5rem}.login-card h1{margin:0 0 .2rem;font-size:1.45rem;font-weight:700}.login-card h1:after{content:".";color:var(--accent)}.login-card form{flex-direction:column;gap:.7rem;margin-top:1.1rem;display:flex}.otp-input{text-align:center;letter-spacing:.4em;direction:ltr;font-size:1.3rem}.cal-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.cal-title{min-width:12ch;margin:0;font-size:1.1rem;font-weight:700}.cal-nav{align-items:center;gap:.35rem;display:flex}.cal-nav .btn{padding:.25rem .75rem;font-size:1rem;line-height:1.6}.day-group{margin-bottom:1.1rem}.day-group>.day-label{color:var(--ink-soft);text-align:start;background:0 0;border:none;margin:0 0 .45rem;padding:0;font-size:.85rem;font-weight:700;display:block}.day-group>.day-label:before{content:"";background:var(--accent);vertical-align:middle;border-radius:2px;width:18px;height:2px;margin-inline-end:8px;display:inline-block}.day-group>.day-label.today{color:var(--accent)}.slot-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);animation:rise-in .35s var(--ease-out) backwards;align-items:center;gap:.7rem;margin-bottom:.45rem;padding:.6rem .8rem;display:flex}.slot-row.block{background:0 0;border-style:dashed}.slot-time{min-width:3.2rem;color:var(--accent);font-size:.9rem;font-weight:700}.slot-row.block .slot-time{color:var(--ink-soft)}.slot-body{flex:1;min-width:0}.slot-body .who{color:var(--ink-soft);font-size:.82rem}.week-grid{grid-template-columns:1fr;gap:.4rem;display:grid}@media (min-width:1000px){.week-grid{grid-template-columns:repeat(7,1fr);align-items:start;gap:.6rem}.week-grid .day-group{border:1px solid var(--hairline);background:#161f1b80;border-radius:14px;min-height:180px;margin:0;padding:.6rem .55rem}.week-grid .day-group.today-col{background:#c9a9610a;border-color:#c9a96166}.week-grid .day-label{cursor:pointer}.week-grid .day-label:before{display:none}.week-grid .slot-row{flex-direction:column;align-items:flex-start;gap:.45rem;padding:.4rem .55rem}.week-grid .slot-row .slot-time{min-width:0;font-size:.8rem}.week-grid .slot-body{width:100%;font-size:.85rem}.week-grid .btn{display:none}}.month-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.month-grid .dow{text-align:center;color:var(--ink-soft);padding-bottom:.35rem;font-size:.72rem;font-weight:500}.month-cell{border:1px solid var(--hairline);text-align:start;background:#161f1b80;border-radius:10px;flex-direction:column;gap:2px;min-height:64px;padding:.3rem .4rem;transition:border-color .18s,background .18s;display:flex;overflow:hidden}@media (min-width:1000px){.month-cell{border-radius:12px;min-height:104px;padding:.4rem .55rem}}@media (hover:hover) and (pointer:fine){.month-cell:hover{border-color:var(--accent);background:#c9a9610d}}.month-cell.faded{opacity:.35}.month-cell .num{color:var(--ink-soft);font-size:.8rem;font-weight:700;line-height:1.4}.month-cell.today .num{color:var(--on-accent);background:var(--accent);border-radius:999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;display:inline-flex}.month-evt{background:var(--accent-soft);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;max-width:100%;padding:0 .35rem;font-size:.68rem;line-height:1.5;overflow:hidden}.month-evt.block{color:var(--ink-soft);border:1px dashed var(--line);background:#9ba69f1f}.month-more{color:var(--ink-soft);font-size:.65rem}@media (max-width:999px){.month-evt{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;padding:0}.month-evt.block{background:var(--ink-soft);border:none}.month-cell .evts{flex-wrap:wrap;gap:3px;display:flex}}@media (min-width:1000px){.month-cell .evts{flex-direction:column;gap:2px;min-width:0;display:flex}}.empty{text-align:center;color:var(--ink-soft);padding:3rem 1rem}.empty:before{content:"";background:var(--accent);border-radius:2px;width:34px;height:2px;margin:0 auto 1.1rem;display:block}.conv-split{display:block}.pane-list,.pane-thread{min-width:0}@media (max-width:999px){.conv-split:not(.open) .pane-thread,.conv-split.open .pane-list{display:none}}@media (min-width:1000px){.conv-split{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:1.2rem;display:grid}.pane-list{border:1px solid var(--hairline);background:#161f1b80;border-radius:16px;max-height:calc(100dvh - 14rem);padding:.4rem .6rem;overflow-y:auto}.pane-thread{border:1px solid var(--hairline);background:#161f1b80;border-radius:16px;max-height:calc(100dvh - 14rem);padding:1.1rem 1.2rem;overflow-y:auto}.thread-back{display:none}}.conv-row{border-bottom:1px solid var(--hairline);text-align:start;border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;width:100%;padding:.75rem .5rem;transition:background .18s;display:flex}@media (hover:hover) and (pointer:fine){.conv-row:hover{background:#ffffff08}}.conv-row .name{font-size:.95rem;font-weight:500}.conv-row.selected{background:var(--accent-soft)}.conv-row.escalated{background:var(--danger-soft);border-bottom-color:#0000}.conv-row .time{color:var(--ink-soft);flex:none;font-size:.72rem}.thread-head{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.8rem;display:flex}.thread-head h2{margin:0;font-size:1rem}.thread{flex-direction:column;gap:.45rem;padding-bottom:1rem;display:flex}.bubble{white-space:pre-wrap;overflow-wrap:break-word;border-radius:16px;max-width:85%;padding:.5rem .85rem;font-size:.92rem;line-height:1.8}@media (min-width:1000px){.bubble{max-width:62%}}.bubble.customer{background:#242e29;border-start-start-radius:4px;align-self:flex-start}.bubble.bot{color:#eaf4ec;background:#113828;border-start-end-radius:4px;align-self:flex-end}.bubble.staff{background:var(--accent-soft);border:1px solid #c9a96140;border-start-end-radius:4px;align-self:flex-end}.bubble .meta{color:#8fa396;margin-top:.2rem;font-size:.68rem;display:block}.escalation-banner{background:var(--danger-soft);color:#e88a80;border-radius:var(--radius);border:1px solid #d9564a4d;margin-bottom:.7rem;padding:.6rem .9rem;font-size:.85rem}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#060908a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--line);width:100%;max-width:640px;padding:1.3rem 1.3rem calc(1.3rem + env(safe-area-inset-bottom));max-height:88dvh;box-shadow:var(--shadow-card);animation:sheet-up .32s var(--ease-out);border-radius:20px 20px 0 0;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(36px)}}.sheet h3{margin:0 0 .9rem;font-weight:700}.sheet h3:before{content:"";background:var(--accent);border-radius:2px;width:26px;height:2px;margin-block-end:10px;display:block}.sheet form{flex-direction:column;gap:.7rem;display:flex}.field label{color:var(--ink-soft);margin-bottom:.2rem;font-size:.82rem;display:block}.field-row{gap:.6rem;display:flex}.field-row .field{flex:1}.fab-row{bottom:calc(3.6rem + env(safe-area-inset-bottom));z-index:9;pointer-events:none;justify-content:center;gap:.5rem;display:flex;position:fixed;inset-inline:0}.fab-row .btn{pointer-events:auto;box-shadow:0 14px 34px -12px #c9a96173}.toast{top:.8rem;background:var(--surface-deep);border:1px solid var(--line);color:var(--ink);z-index:30;max-width:90vw;box-shadow:var(--shadow-card);animation:toast-in .3s var(--ease-out);border-radius:999px;padding:.5rem 1.2rem;font-size:.85rem;position:fixed;inset-inline-start:50%;transform:translate(50%)}.toast.error{color:#e88a80;border-color:#d9564a80}@keyframes toast-in{0%{opacity:0;transform:translate(50%)translateY(-12px)}}@media (min-width:700px){.overlay{align-items:center}.sheet{border-radius:20px;max-width:460px;animation-name:sheet-pop}@keyframes sheet-pop{0%{opacity:0;transform:scale(.96)translateY(10px)}}}@media (prefers-reduced-motion:reduce){.card,.kpi,.slot-row,.login-card,.sheet,.toast{animation:none}.btn,.btn:active{transform:none}}