@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}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}.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}