@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap";.app-header{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text-primary, #1a1a1a);height:80px;display:flex;align-items:center;padding:0 24px;box-shadow:none;border-bottom:.5px solid rgba(0,0,0,.1);z-index:100;flex-shrink:0;margin:0}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}.header-left{display:flex;align-items:center;gap:16px;flex:0 0 auto}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.header-right{flex:0 0 auto;display:flex;align-items:center;gap:16px}.labeah-logo{height:36px;width:auto;object-fit:contain}.org-logo{height:40px;width:auto;object-fit:contain}.agent-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #1a1a1a);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.agent-logo{height:50px;width:auto;object-fit:contain}@media (max-width: 768px){.app-header{height:64px;padding:0 16px}.header-content,.header-left,.header-right{gap:12px}.labeah-logo{height:26px}.org-logo{height:28px}.agent-title{font-size:16px}.agent-logo{height:36px}}.app-footer{background:#f9f9f9cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid rgba(0,0,0,.1);padding:10px 20px;flex-shrink:0;margin:0;min-height:40px;max-height:40px}.dark-mode .app-footer{background:var(--bg-secondary, #2a2a2a);border-top-color:#3a3a3a}.footer-content{width:100%;display:flex;justify-content:space-between;align-items:center}.footer-section{display:flex;align-items:center;gap:8px}.footer-center{flex:1;justify-content:center}.footer-text{font-size:11px;color:#3c3c4399;margin:0;font-family:var(--font-family)}.footer-powered strong{color:var(--primary-color, #015D45);font-weight:600}.footer-links{gap:12px}.footer-link{font-size:11px;color:#3c3c4399;text-decoration:none;font-family:var(--font-family);transition:color .2s ease}.footer-link:hover{color:#007aff}.footer-separator{color:#d1d5db;font-size:12px}@media (max-width: 768px){.app-footer{padding:12px 16px}.footer-content{flex-direction:column;gap:8px}.footer-section{width:100%;justify-content:center}.footer-center{order:-1}.footer-text,.footer-link{font-size:12px}}.app-main{flex:1;overflow:hidden;background:transparent}.main-content{height:100%;width:100%;display:flex;gap:0;overflow:hidden;position:relative}.main-content:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:.5px;background:#0000001a;transform:translate(-50%);z-index:10;pointer-events:none}.dark-mode .main-content:after{background:#ffffff1a}.main-content.mode-chat>:nth-child(2){display:none}.main-content.mode-chat>:nth-child(1){width:100%}.main-content.mode-chat:after{display:none}.main-content.mode-call>:nth-child(1){display:none}.main-content.mode-call>:nth-child(2){width:100%}.main-content.mode-call:after{display:none}@media (max-width: 1024px){.main-content{flex-direction:column}.main-content:after{display:none}}.message{margin-bottom:16px;animation:messageSlideIn .3s ease-out;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper{display:flex;flex-direction:column;gap:8px;max-width:70%}.message:not(.message-user){justify-content:flex-end}.message-user{justify-content:flex-start}.message-header{display:flex;align-items:center;gap:8px}.message:not(.message-user) .message-header{flex-direction:row-reverse}.message-user .message-header{flex-direction:row}.message-label{font-size:11px;font-weight:600;color:#3c3c4399;text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-family)}.message-user .message-label{color:var(--primary-color, #015D45)}.message-content{width:100%;display:flex;flex-direction:column;gap:8px}.message-text{background:#8e8e931f;padding:10px 14px;border-radius:18px;color:#1d1d1f;font-size:15px;line-height:1.4;word-wrap:break-word;border:none;font-family:var(--font-family)}.message-text p{margin:0 0 8px}.message-text p:last-child{margin-bottom:0}.message-text strong{font-weight:600;color:#000}.message-text ol,.message-text ul{margin:8px 0;padding-inline-start:24px;padding-inline-end:0}.message-text ol{list-style-type:decimal}.message-text ul{list-style-type:disc}.message-text li{margin:4px 0;padding-inline-start:4px}.message-text ol[dir=auto],.message-text ul[dir=auto],.message-text li[dir=auto]{direction:rtl;text-align:right}[dir=rtl] .message-text ol,.message-text ol[dir=auto]{list-style-type:arabic-indic}.message-text li>ol,.message-text li>ul{margin:4px 0}.message-text li>ul{list-style-type:circle}.message-text li li>ul{list-style-type:square}.message-text blockquote{margin:12px 0;padding:12px 16px;border-inline-start:4px solid var(--primary-color, #015D45);background:var(--primary-color-light, rgba(1, 93, 69, .05));border-radius:4px}.message-text blockquote p{margin:0 0 4px}.message-text blockquote p:last-child{margin-bottom:0}.message-text table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px;border:1px solid #E3E3E3;border-radius:6px;overflow:hidden}.message-text thead{background:#f0f0f0}.message-text th,.message-text td{padding:8px 12px;text-align:start;border:1px solid #E3E3E3}.message-text th{font-weight:600;color:var(--primary-color, #015D45)}.message-text tr:nth-child(2n){background:#fafafa}.message-text hr{margin:12px 0;border:none;border-top:1px solid #E3E3E3}.message-text code{background:#0000000d;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:13px}.message-text pre{background:#0000000d;padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0}.message-text pre code{background:transparent;padding:0}.message-text br{display:block;content:"";margin:4px 0}.message-user .message-text{background:#007aff;color:#fff;border:none}.message-user .message-text strong{color:#fff;font-weight:700}.message-user .message-text th{color:#fff}.message-user .message-text blockquote{border-inline-start-color:#ffffff80;background:#ffffff1a}.message-user .message-text code{background:#fff3;color:#fff}.message-user .message-text pre{background:#ffffff1a}.message-user .message-text table,.message-user .message-text th,.message-user .message-text td{border-color:#ffffff4d}.message-user .message-text thead{background:#ffffff1a}.message-user .message-text tr:nth-child(2n){background:#ffffff0d}.message-time{font-size:11px;color:#3c3c4399;flex-shrink:0;font-family:var(--font-family)}[dir=rtl] .message{direction:rtl}[dir=rtl] .message-user{justify-content:flex-end}[dir=rtl] .message:not(.message-user){justify-content:flex-start}[dir=rtl] .message-user .message-header{flex-direction:row-reverse}[dir=rtl] .message:not(.message-user) .message-header{flex-direction:row}.play-button{width:32px;height:32px;border-radius:50%;border:1px solid #E3E3E3;background:#fff;color:var(--primary-color, #015D45);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;align-self:flex-start;margin-top:4px}.play-button:hover{background:#f9fafb;border-color:var(--primary-color, #015D45);transform:scale(1.05)}.play-button:active{transform:scale(.95)}.play-button.loading{color:#999;cursor:wait}.play-button.playing{background:var(--primary-color, #015D45);color:#fff;border-color:var(--primary-color, #015D45)}.play-button.playing:hover{background:var(--primary-color-dark, #014a38)}.message-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column}.connecting-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;height:100%;min-height:200px}.connecting-spinner{width:40px;height:40px;border:3px solid rgba(0,122,255,.1);border-top-color:#007aff;border-radius:50%;animation:spin .8s linear infinite}.connecting-text{margin:0;font-size:15px;font-family:var(--font-family);color:#3c3c4399;font-weight:500;text-align:center}.dark-mode .connecting-text{color:#ebebf599}.dark-mode .connecting-spinner{border-color:#0a84ff33;border-top-color:#0a84ff}.typing-indicator-wrapper{margin-bottom:16px;display:flex;flex-direction:column;gap:8px;max-width:70%;align-self:flex-start}.typing-indicator-header{display:flex;align-items:center;gap:8px}.typing-label{font-size:11px;font-weight:600;color:#3c3c4399;text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-family)}.typing-indicator{display:flex;gap:6px;padding:10px 14px;background:#8e8e931f;border-radius:18px;width:fit-content;border:none}.typing-dot{width:8px;height:8px;background:#999;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}[dir=rtl] .typing-indicator-wrapper{align-self:flex-start}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:transparent}.message-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.message-list::-webkit-scrollbar-thumb:hover{background:#ccc}.message-input{display:flex;gap:8px;padding:12px 16px;border-top:.5px solid rgba(0,0,0,.1);background:#f9f9f9cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0;min-height:60px;max-height:60px}.dark-mode .message-input{background:#1c1c1ecc;border-top-color:#ffffff1a}.message-input-field{flex:1;padding:8px 14px;border:.5px solid rgba(0,0,0,.1);border-radius:20px;font-size:15px;font-family:var(--font-family);outline:none;transition:all .2s ease;background:#fff}.message-input-field:focus{border-color:#007aff80;box-shadow:0 0 0 3px #007aff1a}.message-input-field:disabled{background:#f9fafb;cursor:not-allowed}.message-input-field.recording-active{border-color:#f44;background:#fff9f9}.message-input-field.recording-active::placeholder{color:#f44;font-weight:500}.message-send-button{width:36px;height:36px;border-radius:50%;border:.5px solid rgba(0,122,255,.2);background:#fff;color:#007aff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.message-send-button:hover:not(:disabled){background:#007aff1a;border-color:#007aff;transform:scale(1.05)}.message-send-button:active:not(:disabled){transform:scale(.95)}.message-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.dark-mode .message-send-button{background:#007aff1a;border-color:#007aff4d}.dark-mode .message-send-button:hover:not(:disabled){background:#007aff33;border-color:#007aff}.send-icon{display:block;transform:scaleX(-1);filter:invert(37%) sepia(98%) saturate(3068%) hue-rotate(200deg) brightness(101%) contrast(101%)}[dir=rtl] .send-icon{transform:scaleX(1)}.message-send-button:disabled .send-icon{filter:invert(37%) sepia(98%) saturate(3068%) hue-rotate(200deg) brightness(101%) contrast(101%) opacity(.5)}.mic-button{width:36px;height:36px;border-radius:50%;border:.5px solid rgba(0,0,0,.1);background:#fff;color:#3c3c4399;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.mic-button:hover:not(:disabled){background:#0000000a;border-color:#0003}.mic-button:disabled{opacity:.5;cursor:not-allowed}.mic-button.mic-recording{background:#f44;color:#fff;border-color:#f44;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.message-input .close-chat-button{width:36px;height:36px;border-radius:50%;border:.5px solid rgba(255,59,48,.2);background:#fff;color:#ff3b30;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.message-input .close-chat-button:hover{background:#ff3b301a;border-color:#ff3b30;transform:scale(1.05)}.message-input .close-chat-button:active{transform:scale(.95)}.dark-mode .message-input .close-chat-button{background:#ff3b301a;border-color:#ff3b304d}.dark-mode .message-input .close-chat-button:hover{background:#ff3b3033;border-color:#ff3b30}.chat-panel{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:0;border-right:none;overflow:hidden;min-width:0;margin:0;padding:0}.dark-mode .chat-panel{background:#1c1c1e}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:.5px solid rgba(0,0,0,.1);background:#f9f9f9cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0;min-height:44px;max-height:44px}.panel-title{font-size:15px;font-weight:600;color:#1d1d1f;margin:0;font-family:var(--font-family);letter-spacing:-.02em}.panel-actions{display:flex;align-items:center;gap:12px}.status-badge{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:500;font-family:var(--font-family)}.status-connecting{background:#ff9500;color:#fff}.status-connected{background:#34c759;color:#fff}.status-disconnected{background:#8e8e931f;color:#3c3c4399}.session-start-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg-primary, white)}.session-start-content{text-align:center;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:20px}.session-start-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.session-start-title{font-size:22px;font-weight:600;color:#1d1d1f;margin:0;font-family:var(--font-family);letter-spacing:-.02em}.session-start-description{font-size:15px;color:#3c3c4399;line-height:1.5;margin:0;font-family:var(--font-family)}.session-start-button{display:flex;align-items:center;gap:8px;background:#007aff;color:#fff;border:none;padding:12px 28px;border-radius:14px;font-size:15px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #007aff40;letter-spacing:-.01em}.session-start-button:hover{transform:scale(1.02);box-shadow:0 4px 12px #007aff59}.session-start-button:active{transform:scale(.98);box-shadow:0 1px 4px #007aff33}.session-start-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.session-start-button svg{transform:scaleX(-1)}@media (max-width: 768px){.panel-header{padding:16px}.panel-title{font-size:16px}.status-badge{font-size:11px;padding:3px 10px}.session-start-container{padding:24px 16px}.session-start-title{font-size:20px}.session-start-description{font-size:14px}.session-start-button{padding:12px 24px;font-size:14px}}.call-sessions-panel{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:0;overflow:hidden;min-width:0;margin:0;padding:0}.dark-mode .call-sessions-panel{background:#1c1c1e}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:.5px solid rgba(0,0,0,.1);background:#f9f9f9cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-height:44px;max-height:44px}.dark-mode .panel-header{background:var(--bg-tertiary, #3a3a3a);border-bottom-color:#4a4a4a}.panel-title{font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0;font-family:var(--font-family)}.call-duration{font-size:13px;font-weight:600;color:#34c759;font-family:var(--font-family);padding:4px 12px;background:#34c7591a;border-radius:10px}.panel-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto}.call-idle-state{text-align:center;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:20px}.call-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.idle-icon-img{width:100%;height:100%;object-fit:contain}.call-title{font-size:22px;font-weight:600;color:#1d1d1f;margin:0;font-family:var(--font-family);letter-spacing:-.02em}.call-description{font-size:15px;color:#3c3c4399;line-height:1.5;margin:0;font-family:var(--font-family)}.call-error{font-size:13px;color:#ff3b30;background:#ff3b301a;padding:8px 16px;border-radius:10px;margin:0;font-family:var(--font-family)}.call-button{display:flex;align-items:center;gap:8px;border:none;padding:12px 28px;border-radius:14px;font-size:15px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.call-button-start{background:#34c759;color:#fff;box-shadow:0 2px 8px #34c75940}.call-button-start:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #34c75959}.call-button-start:active{transform:scale(.98)}.call-button-start:disabled{opacity:.6;cursor:not-allowed;transform:none}.call-button-end{background:#ff3b30;color:#fff;box-shadow:0 2px 8px #ff3b3040}.call-button-end:hover{transform:scale(1.02);box-shadow:0 4px 12px #ff3b3059}.call-button-end:active{transform:scale(.98)}.call-connecting-state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.call-spinner{width:48px;height:48px;border:3px solid rgba(0,122,255,.2);border-top-color:#007aff;border-radius:50%;animation:spin 1s linear infinite}.call-active-state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.call-active-icon{position:relative;width:80px;height:80px;color:#34c759;display:flex;align-items:center;justify-content:center}.call-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:#34c75933;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.3}}.call-active-title{font-size:24px;font-weight:600;color:#1d1d1f;margin:0;font-family:var(--font-family);letter-spacing:-.02em}.call-active-duration{font-size:36px;font-weight:300;color:#1d1d1f;font-variant-numeric:tabular-nums;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.call-controls{display:flex;gap:16px;margin-top:16px}.call-control-button{width:56px;height:56px;border-radius:50%;border:.5px solid rgba(0,0,0,.1);background:#fff;color:#3c3c43cc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.call-control-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001f}.call-control-button:active{transform:scale(.95)}.call-control-button.active{background:#ff3b30;color:#fff;border-color:transparent}.call-active-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.call-header-info{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#34c75914;border-bottom:.5px solid rgba(52,199,89,.2)}.call-active-icon-small{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#34c759}.call-pulse-small{position:absolute;width:100%;height:100%;border-radius:50%;background:#34c7594d;animation:pulse 2s ease-in-out infinite}.call-info-text{display:flex;flex-direction:column;gap:2px}.call-status-text{font-size:13px;font-weight:600;color:#1d1d1f;font-family:var(--font-family)}.call-duration-text{font-size:12px;font-weight:400;color:#3c3c4399;font-variant-numeric:tabular-nums;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.call-transcripts-container{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff}.call-transcripts{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:100%}.transcripts-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.transcripts-empty p{font-size:14px;color:#3c3c4366;font-family:var(--font-family);margin:0}.transcript{display:flex;flex-direction:column;gap:6px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transcript-agent{align-items:flex-end}.transcript-user{align-items:flex-start}.transcript-label{font-size:11px;font-weight:600;color:#3c3c4399;text-transform:uppercase;letter-spacing:.3px;font-family:var(--font-family);padding:0 8px}.transcript-text{background:#8e8e931f;padding:10px 14px;border-radius:18px;color:#1d1d1f;font-size:15px;line-height:1.4;max-width:80%;word-wrap:break-word;font-family:var(--font-family)}.transcript-user .transcript-text{background:#007aff;color:#fff}.transcript-typing{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.typing-effect{position:relative;opacity:.9}.typing-cursor{display:inline-block;width:2px;height:16px;background:currentColor;margin-left:2px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.call-controls-container{padding:16px 20px;background:#f9f9f9cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid rgba(0,0,0,.1)}.call-controls{display:flex;gap:12px;justify-content:center;align-items:center}.call-transcripts-container::-webkit-scrollbar{width:6px}.call-transcripts-container::-webkit-scrollbar-track{background:transparent}.call-transcripts-container::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.call-transcripts-container::-webkit-scrollbar-thumb:hover{background:#0003}@media (max-width: 1024px){.call-sessions-panel,.call-active-container{min-height:300px}}@media (max-width: 768px){.panel-header{padding:12px 16px}.panel-title{font-size:14px}.panel-content{padding:24px 16px}.call-title{font-size:20px}.call-description{font-size:14px}.call-button{padding:10px 24px;font-size:14px}.call-active-duration{font-size:32px}.call-control-button{width:48px;height:48px}.call-header-info{padding:12px 16px}.call-transcripts{padding:12px}.transcript-text{max-width:90%;font-size:14px}.call-controls-container{padding:12px 16px}}*{box-sizing:border-box}body{margin:0;padding:0;background:#f5f5f7;height:100%;width:100%;overflow:hidden}.dark-mode body{background:#000}.app{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-loading{align-items:center;justify-content:center;background:radial-gradient(circle at 20% 80%,rgba(255,199,42,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(1,93,69,.1) 0%,transparent 50%),linear-gradient(135deg,var(--accent-color, #58BA55) 0%,var(--accent-color-light, #B8DDB3) 100%)}.loading-container{display:flex;align-items:center;justify-content:center;padding:48px}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--primary-color, #015D45);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:16px;color:var(--text-primary, #1a1a1a);font-family:var(--font-family);margin:0}.app-error{align-items:center;justify-content:center;background:radial-gradient(circle at 20% 80%,rgba(255,199,42,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(1,93,69,.1) 0%,transparent 50%),linear-gradient(135deg,var(--accent-color, #58BA55) 0%,var(--accent-color-light, #B8DDB3) 100%)}.error-container{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001a;padding:48px 32px;max-width:500px;width:90%;text-align:center;direction:rtl}.dark-mode .error-container{background:var(--bg-secondary, #2a2a2a);box-shadow:0 4px 24px #0000004d}.error-content{display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon{font-size:64px;margin-bottom:8px}.error-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;font-family:var(--font-family)}.error-message{font-size:16px;color:#4a4a4a;margin:0;line-height:1.6;font-family:var(--font-family)}.error-detail{font-size:14px;color:#6a6a6a;margin:0;line-height:1.5;font-family:var(--font-family)}.error-detail code{background:#f5f5f5;padding:4px 8px;border-radius:4px;font-family:monospace;color:#d63031;font-size:13px;direction:ltr;display:inline-block}@media (max-width: 768px){.error-container{padding:32px 24px;width:95%}.error-icon{font-size:48px}.error-title{font-size:20px}.error-message{font-size:14px}.error-detail{font-size:12px}}:root{--primary-color: #015D45;--primary-color-dark: #013d2e;--primary-color-light: #e6f2ef;--accent-color: #58BA55;--accent-color-dark: #4a9e47;--accent-color-light: #e8f7e7;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6a6a6a;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #eeeeee;--font-family: "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.dark-mode{--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #b0b0b0;--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a}*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden;height:100%;width:100%}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100%;width:100%}#root{width:100%;height:100vh;overflow:hidden}