@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Cairo:wght@300;400;700&display=swap";:root{--primary-color: #6366f1;--bg-dark: #0f172a;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,sans-serif}html,body{margin:0;padding:0;width:100%;min-height:100%;background:#ecf0f3;direction:rtl;-webkit-overflow-scrolling:touch;overscroll-behavior:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}body,button,img,.msg,.header-title,.bottom-nav-pill,.sidebar-user{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none}img{-webkit-touch-callout:default!important}.selectable-text,input,textarea{user-select:text!important;-webkit-user-select:text!important}button,.header-title,.bottom-nav-pill{user-select:none!important;-webkit-user-select:none!important}img{user-select:auto!important;-webkit-user-select:auto!important;-webkit-touch-callout:default!important}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #a1a4a6;border-radius:20px;box-shadow:0 8px 32px #0000005e;transition:all .3s ease}.glass-card:hover{border-color:#6366f180}.input-field{width:100%;padding:12px 16px;background:#ffffff08;border:1px solid var(--glass-border);outline:none;border-radius:12px;color:#000;transition:border .3s;font-size:16px}.input-field::placeholder{color:#000;opacity:.6}input,select,textarea{font-size:16px}textarea.input-field::-webkit-scrollbar{display:none}.filter-select{padding:12px 12px 12px 35px;border-radius:15px;border:1px solid rgba(0,0,0,.1);background:#fff;font-size:.85rem;font-weight:700;outline:none;width:auto;min-width:max-content;color:#000;transition:all .2s;cursor:pointer;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}@media (max-width: 480px){.filter-select{font-size:.72rem;padding:10px 10px 10px 30px;border-radius:12px;background-position:left 10px center}}.input-field:focus{border-color:var(--primary-color)}.btn{padding:12px 24px;border-radius:12px;border:none;cursor:pointer;font-weight:600;transition:transform .2s,opacity .2s;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.95)}.btn:hover{opacity:.9}.status-badge{padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:700}.status-new{background:#3b82f6}.status-working{background:#f59e0b}.status-revision{background:#ef4444}.status-done{background:#10b981}.chat-container{height:500px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .25s ease both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in-up{animation:slideUp .3s ease both}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.6}}.pulse{animation:pulse 1.2s ease-in-out infinite}@media (max-width: 480px){.dash-container{padding:20px 15px!important}.modal-form{padding:30px 20px!important;border-radius:24px!important;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.bottom-nav-pill{max-width:calc(100vw - 32px)!important;padding:0 10px!important}.requests-grid{grid-template-columns:1fr!important}.header-title{font-size:1rem!important}.customer-header{padding:20px 15px!important}.customer-content{padding:0 12px!important}.chat-title-text{font-size:.95rem!important;letter-spacing:0!important;max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-subtitle{font-size:.6rem!important}.chat-footer{padding:10px 12px!important;gap:8px!important}.login-form{padding:30px 20px!important;border-radius:24px!important}.login-title{font-size:1.6rem!important}}@media (min-width: 481px) and (max-width: 768px){.requests-grid{grid-template-columns:1fr!important}}@media (min-width: 1024px){.requests-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important}.dash-container{padding:40px!important}}@media (min-width: 769px){.msg{max-width:65%!important}}@media (max-width: 400px){.login-form{padding:30px 20px!important;border-radius:24px!important}.login-title{font-size:1.6rem!important}}@media (max-width: 380px){.chat-title-text{font-size:.95rem!important;letter-spacing:0!important}.chat-subtitle{font-size:.65rem!important}}@keyframes pulseBorder{0%,to{box-shadow:0 0 #0ea5e94d}50%{box-shadow:0 0 0 6px #0ea5e900}}.pulse-border{animation:pulseBorder 2s ease-in-out infinite}.msg{padding:12px 18px;border-radius:15px;max-width:80%;overflow-wrap:break-word;word-wrap:break-word}.msg-mine{align-self:flex-start;background:var(--primary-color)}.msg-other{align-self:flex-end;background:#ffffff1a}.users-grid{display:grid;grid-template-columns:minmax(300px,1fr) 1.5fr;gap:30px}@media (max-width: 768px){.users-grid{grid-template-columns:1fr}}:root[data-theme=dark],body[data-theme=dark],.dark-theme{--bg-dark-primary: #0a0a0a;--bg-dark-secondary: #191919;--bg-dark-elevated: #282828;--bg-dark-card: #191919;--bg-dark-glass: #191919;--border-dark-subtle: rgba(255, 255, 255, .08);--border-dark-medium: rgba(255, 255, 255, .14);--text-dark-primary: #ffffff;--text-dark-secondary: rgba(255, 255, 255, .7);--text-dark-muted: rgba(255, 255, 255, .45);--primary-accent: #2494e8;--primary-accent-hover: #1b82d2;--glass-bg: #191919;--glass-border: rgba(255, 255, 255, .1)}html[data-theme=dark],body[data-theme=dark],[data-theme=dark] #root{background-color:var(--bg-dark-primary)!important;color:var(--text-dark-primary)!important;color-scheme:dark}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-dark-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=dark] .glass-card{background:var(--bg-dark-card)!important;border:1px solid var(--border-dark-subtle)!important;box-shadow:0 10px 30px #0009!important}[data-theme=dark] .glass-card:hover{border-color:#2494e866!important}[data-theme=dark] div[style*="background: #ecf0f3"],[data-theme=dark] div[style*="background: rgb(236, 240, 243)"],[data-theme=dark] div[style*="background:#ecf0f3"],[data-theme=dark] div[style*="background:rgb(236, 240, 243)"]{background:var(--bg-dark-primary)!important;background-color:var(--bg-dark-primary)!important;color:var(--text-dark-primary)!important}[data-theme=dark] div[style*="background: #fff"],[data-theme=dark] div[style*="background: #ffffff"],[data-theme=dark] div[style*="background:#fff"],[data-theme=dark] div[style*="background:#ffffff"],[data-theme=dark] div[style*="background: rgb(255, 255, 255)"],[data-theme=dark] div[style*="background:rgb(255, 255, 255)"],[data-theme=dark] div[style*="background-color: rgb(255, 255, 255)"],[data-theme=dark] div[style*="background-color:rgb(255, 255, 255)"]{background-color:var(--bg-dark-secondary)!important;color:var(--text-dark-primary)!important;border-color:var(--border-dark-subtle)!important}[data-theme=dark] div[style*="background: #f8fafc"],[data-theme=dark] div[style*="background:#f8fafc"],[data-theme=dark] div[style*="background: rgb(248, 250, 252)"],[data-theme=dark] div[style*="background:rgb(248, 250, 252)"],[data-theme=dark] div[style*="background-color: rgb(248, 250, 252)"]{background-color:var(--bg-dark-elevated)!important;border-color:var(--border-dark-subtle)!important}[data-theme=dark] div[style*="background: #000"][style*="color: #fff"],[data-theme=dark] div[style*="background:#000"][style*="color:#fff"],[data-theme=dark] div[style*="background: rgb(0, 0, 0)"][style*="color: rgb(255, 255, 255)"]{background-color:var(--bg-dark-elevated)!important;border:1px solid var(--border-dark-medium)!important}[data-theme=dark] div[style*=grid-template-columns]>div,[data-theme=dark] div[style*=gridTemplateColumns]>div,[data-theme=dark] div[style*="display: grid"]>div[style*="background:"]{background-color:var(--bg-dark-secondary)!important;border-color:var(--border-dark-subtle)!important;color:var(--text-dark-primary)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] label,[data-theme=dark] th,[data-theme=dark] *[style*="color: #000"],[data-theme=dark] *[style*="color: #444"],[data-theme=dark] *[style*="color: #666"],[data-theme=dark] *[style*="color: #334155"],[data-theme=dark] *[style*="color: #475569"],[data-theme=dark] *[style*="color: #1e293b"],[data-theme=dark] *[style*="color: #4b5563"],[data-theme=dark] *[style*="color: #000000"],[data-theme=dark] *[style*="color: rgb(0, 0, 0)"],[data-theme=dark] *[style*="color: rgb(68, 68, 68)"],[data-theme=dark] *[style*="color: rgb(102, 102, 102)"],[data-theme=dark] *[style*="color: rgb(51, 65, 85)"],[data-theme=dark] *[style*="color: rgb(71, 85, 105)"],[data-theme=dark] *[style*="color: rgb(30, 41, 59)"],[data-theme=dark] *[style*="color: rgb(75, 85, 99)"]{color:var(--text-dark-primary)!important}[data-theme=dark] span[style*="opacity: 0.5"],[data-theme=dark] p[style*="opacity: 0.5"],[data-theme=dark] div[style*="opacity: 0.5"]{color:var(--text-dark-secondary)!important;opacity:.85!important}[data-theme=dark] span[style*="color: #ef4444"],[data-theme=dark] span[style*="color: #10b981"],[data-theme=dark] span[style*="color: #0ea5e9"],[data-theme=dark] span[style*="color: #f59e0b"],[data-theme=dark] div[style*="color: #ef4444"],[data-theme=dark] div[style*="color: #10b981"],[data-theme=dark] div[style*="color: #0ea5e9"],[data-theme=dark] div[style*="color: #f59e0b"]{color:inherit!important}[data-theme=dark] .customer-header,[data-theme=dark] header,[data-theme=dark] div[style*="position: sticky"][style*="top: 0"]{background:var(--bg-dark-glass)!important;border-bottom:1px solid var(--border-dark-subtle)!important;color:var(--text-dark-primary)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}[data-theme=dark] .bottom-nav-pill,[data-theme=dark] div[style*="position: fixed"][style*="bottom:"]{z-index:1000}[data-theme=dark] .bottom-nav-pill>div,[data-theme=dark] div[style*="position: fixed"][style*="bottom:"]>div{background:#191919d9!important;backdrop-filter:blur(40px) saturate(200%)!important;-webkit-backdrop-filter:blur(40px) saturate(200%)!important;border:1px solid var(--border-dark-subtle)!important;box-shadow:0 20px 40px #00000080!important}[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button{color:var(--text-dark-muted)!important}[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="background: rgba(0"],[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="background:rgba(0"]{background-color:#ffffff14!important}[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button svg{stroke:var(--text-dark-muted)!important}[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="background: rgba(0"] svg,[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="background:rgba(0"] svg,[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button svg[color="#000"],[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button svg[color="#000000"]{stroke:#fff!important;color:#fff!important}[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button span{color:var(--text-dark-muted)!important}[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="background: rgba(0"] span,[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="background:rgba(0"] span,[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button span[style*="color: #000"],[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button span[style*="color: rgb(0, 0, 0)"]{color:#fff!important}[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="width: 64px"][style*="height: 64px"],[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="width:64px"][style*="height:64px"],[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="width: 55px"][style*="height: 55px"],[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="width:55px"][style*="height:55px"]{background-color:#000!important;background:#000!important;border:2px solid #ffffff!important}[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="width: 64px"] svg,[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="width:64px"] svg,[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="width: 55px"] svg,[data-theme=dark] div[style*="position: fixed"][style*="bottom:"] button[style*="width:55px"] svg{color:#fff!important;stroke:#fff!important}[data-theme=dark] .input-field,[data-theme=dark] input[type=text],[data-theme=dark] input[type=password],[data-theme=dark] input[type=number],[data-theme=dark] input[type=search],[data-theme=dark] input:not([style*="background: transparent"]):not([style*="background:transparent"]):not([style*="background: rgba(0, 0, 0, 0)"]):not([style*="background:rgba(0,0,0,0)"]),[data-theme=dark] textarea{background:var(--bg-dark-elevated)!important;background-color:var(--bg-dark-elevated)!important;border:1px solid var(--border-dark-medium)!important;color:var(--text-dark-primary)!important}[data-theme=dark] input[style*="background: transparent"],[data-theme=dark] input[style*="background:transparent"],[data-theme=dark] input[style*="background: rgba(0, 0, 0, 0)"],[data-theme=dark] input[style*="background:rgba(0,0,0,0)"]{background:transparent!important;background-color:transparent!important;border:none!important;color:var(--text-dark-primary)!important}[data-theme=dark] .input-field::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-dark-muted)!important;opacity:1!important}[data-theme=dark] .input-field:focus,[data-theme=dark] input:focus,[data-theme=dark] textarea:focus{border-color:var(--primary-accent)!important;box-shadow:0 0 0 3px #2494e833!important}[data-theme=dark] .filter-select,[data-theme=dark] select{background-color:var(--bg-dark-elevated)!important;color:var(--text-dark-primary)!important;border:1px solid var(--border-dark-medium)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:left 15px center!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;padding-left:40px!important}[data-theme=dark] select option{background-color:var(--bg-dark-secondary)!important;color:var(--text-dark-primary)!important}[data-theme=dark] *[style*="border: 1px solid #e2e8f0"],[data-theme=dark] *[style*="border:1px solid #e2e8f0"],[data-theme=dark] *[style*="border: 1px solid rgba(0,0,0,0.05)"],[data-theme=dark] *[style*="border: 1px solid rgba(0,0,0,0.06)"],[data-theme=dark] *[style*="border: 1px solid #a1a4a6"]{border:1px solid var(--border-dark-subtle)!important}[data-theme=dark] div[style*="width: 50px"],[data-theme=dark] div[style*="width:50px"]{background-color:var(--bg-dark-secondary)!important;color:var(--text-dark-primary)!important;border-color:var(--border-dark-medium)!important}[data-theme=dark] .login-form{background:var(--bg-dark-secondary)!important;border:1px solid var(--border-dark-subtle)!important;box-shadow:0 40px 100px #000c!important}[data-theme=dark] .login-title{color:#fff!important}[data-theme=dark] .login-form label{color:var(--text-dark-secondary)!important}[data-theme=dark] .login-form button[type=submit]{background:linear-gradient(135deg,#2494e8,#1b82d2)!important;color:#fff!important;box-shadow:0 10px 25px #2494e84d!important}[data-theme=dark] .login-form button[type=button]{color:var(--text-dark-primary)!important;border-color:var(--border-dark-medium)!important}[data-theme=dark] .login-form span{color:var(--text-dark-muted)!important}[data-theme=dark] .modal-form,[data-theme=dark] div[style*="position: fixed"][style*="z-index: 1000"]>div,[data-theme=dark] div[style*="position: fixed"][style*="zIndex: 1000"]>div,[data-theme=dark] div[style*="position: fixed"][style*="z-index: 10000"]>div,[data-theme=dark] div[style*="position: fixed"][style*="zIndex: 10000"]>div{background-color:var(--bg-dark-secondary)!important;color:var(--text-dark-primary)!important;border:1px solid var(--border-dark-medium)!important;box-shadow:0 30px 80px #000c!important}[data-theme=dark] td,[data-theme=dark] th{color:var(--text-dark-primary)!important;border-color:var(--border-dark-subtle)!important}[data-theme=dark] tr[style*="border-top: 1px solid #f1f5f9"],[data-theme=dark] tr[style*="borderTop: '1px solid #f1f5f9'"]{border-top-color:var(--border-dark-subtle)!important}[data-theme=dark] div[style*="position: absolute"][style*="width: 300px"],[data-theme=dark] div[style*="position: absolute"][style*="width: 320px"]{background:var(--bg-dark-elevated)!important;border:1px solid var(--border-dark-medium)!important;color:var(--text-dark-primary)!important;box-shadow:0 20px 50px #0009!important}[data-theme=dark] .chat-container{background:var(--bg-dark-primary)!important}[data-theme=dark] .chat-footer,[data-theme=dark] div[style*="position: fixed"][style*="bottom: 0"][style*="padding: 15px 20px"],[data-theme=dark] div[style*="position: fixed"][style*="bottom: 0"][style*="backdrop-filter: blur(20px)"]{background:var(--bg-dark-glass)!important;border-top:1px solid var(--border-dark-subtle)!important;color:var(--text-dark-primary)!important}[data-theme=dark] .msg-mine{background:var(--primary-accent)!important;color:#fff!important}[data-theme=dark] .msg-other{background:var(--bg-dark-elevated)!important;color:var(--text-dark-primary)!important;border:1px solid var(--border-dark-subtle)!important}[data-theme=dark] .chat-title-text{color:#fff!important}[data-theme=dark] .chat-subtitle{color:#38bdf8!important}[data-theme=dark] div[style*="border-right: 4px solid"],[data-theme=dark] div[style*="borderRight: '4px solid"]{background:#ffffff0d!important;color:var(--text-dark-secondary)!important}[data-theme=dark] div[style*="position: absolute"][style*="min-width: 180px"],[data-theme=dark] div[style*="position: absolute"][style*="minWidth: 180px"],[data-theme=dark] div[style*="position: absolute"][style*="minWidth: '180px'"]{background-color:var(--bg-dark-elevated)!important;border-color:var(--border-dark-medium)!important;box-shadow:0 15px 35px #0009!important}[data-theme=dark] div[style*="position: absolute"][style*="min-width: 180px"] button,[data-theme=dark] div[style*="position: absolute"][style*="minWidth: 180px"] button,[data-theme=dark] div[style*="position: absolute"][style*="minWidth: '180px'"] button{color:var(--text-dark-primary)!important}[data-theme=dark] div[style*="position: absolute"] button svg{stroke:var(--text-dark-primary)!important}[data-theme=dark] div[style*="background: #ffffff"][style*="border-radius: 18px"],[data-theme=dark] div[style*="background: #fff"][style*="border-radius: 18px"],[data-theme=dark] div[style*="background:rgb(255, 255, 255)"][style*="border-radius:18px"]{background:var(--bg-dark-elevated)!important;border-color:var(--border-dark-subtle)!important;color:var(--text-dark-primary)!important}[data-theme=dark] div[style*="background: rgba(0, 0, 0, 0.05)"][style*="border-radius: 20px"],[data-theme=dark] div[style*="background: rgba(0,0,0,0.05)"][style*="border-radius: 20px"],[data-theme=dark] div[style*="background:rgba(0, 0, 0, 0.05)"][style*="border-radius:20px"]{background:#ffffff14!important;color:var(--text-dark-secondary)!important}[data-theme=dark] .users-grid>div{background:var(--bg-dark-secondary)!important;border-color:var(--border-dark-subtle)!important}[data-theme=dark] div[style*="position: fixed"][style*="backdrop-filter: blur(10px)"]{background:#000000d9!important}[data-theme=dark] span[style*="background: #f3f4f6"],[data-theme=dark] span[style*="background:#f3f4f6"],[data-theme=dark] span[style*="background: rgb(243, 244, 246)"],[data-theme=dark] span[style*="background:rgb(243, 244, 246)"],[data-theme=dark] span[style*="background-color: rgb(243, 244, 246)"]{background-color:var(--bg-dark-elevated)!important;color:var(--text-dark-primary)!important}[data-theme=dark] header button,[data-theme=dark] header a,[data-theme=dark] header button[style*="color: #000"],[data-theme=dark] header button[style*="color:#000"],[data-theme=dark] div[style*="position: sticky"] button{color:var(--text-dark-primary)!important}[data-theme=dark] header button svg,[data-theme=dark] header a svg,[data-theme=dark] div[style*="position: sticky"] button svg{stroke:var(--text-dark-primary)!important;color:var(--text-dark-primary)!important}.theme-toggle-btn{user-select:none;-webkit-user-select:none}.theme-toggle-btn:hover{transform:translateY(-1px);filter:brightness(1.15)}.theme-toggle-btn:active{transform:scale(.94)}.theme-toggle-icon-sun{filter:drop-shadow(0 0 6px rgba(251,191,36,.6))}.theme-toggle-icon-moon{filter:drop-shadow(0 0 4px rgba(36,148,232,.4))}.security-mask{-webkit-text-security:disc!important}