.phone-input[data-v-55a2b176]{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:stretch;min-height:58px;border:1px solid #d8d4d0;border-radius:12px;background:#fff}.phone-input.focus[data-v-55a2b176],.phone-input.open[data-v-55a2b176]{border-color:var(--primary)}.phone-input.disabled[data-v-55a2b176]{opacity:.7;background:#faf8f6}.code[data-v-55a2b176]{border:none;background:none;text-align:left;padding:8px 12px 8px 14px;display:grid;gap:4px;min-width:118px}.code small[data-v-55a2b176]{color:#9a938c;font-size:11px;font-weight:600;line-height:1}.code-row[data-v-55a2b176]{display:inline-flex;align-items:center;gap:6px;color:#2b2b2b}.code-row img[data-v-55a2b176]{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #00000014}.code-row b[data-v-55a2b176]{font-size:14px;font-weight:700}.code-row svg[data-v-55a2b176]{color:#8a827c}.divider[data-v-55a2b176]{width:1px;margin:10px 0;background:#e4ddd6}.number[data-v-55a2b176]{display:flex;align-items:center;padding:0 14px}.number input[data-v-55a2b176]{width:100%;border:none;outline:none;background:transparent;font-size:14px;padding:0}.number input[data-v-55a2b176]::placeholder{color:#b4aaa3}.list[data-v-55a2b176]{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;max-height:240px;overflow:auto;background:#fff;border:1px solid #ece8e4;border-radius:12px;box-shadow:0 12px 28px #0000001a;padding:6px}.search[data-v-55a2b176]{width:100%;border:1px solid #ece8e4;border-radius:8px;padding:8px 10px;margin-bottom:6px;outline:none}.list button[data-v-55a2b176]{width:100%;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;border:none;background:none;padding:8px;border-radius:8px;text-align:left}.list button[data-v-55a2b176]:hover,.list button.active[data-v-55a2b176]{background:#fff6f1}.list img[data-v-55a2b176]{width:20px;height:14px;object-fit:cover;border-radius:2px}.list small[data-v-55a2b176]{color:#8a827c;font-weight:700}.otp[data-v-af329282]{display:flex;justify-content:center;gap:8px}.otp-box[data-v-af329282]{width:46px;height:52px;border:1.5px solid #e4ddd6;border-radius:12px;text-align:center;font-size:20px;font-weight:800;color:var(--primary);background:#fff;outline:none}.otp-box.filled[data-v-af329282]{border-color:#f3c4a8}.otp-box[data-v-af329282]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #c620321a}.otp-box.error[data-v-af329282]{border-color:var(--danger);color:var(--danger)}@media (max-width: 480px){.otp[data-v-af329282]{gap:6px}.otp-box[data-v-af329282]{width:40px;height:46px}}.auth-card[data-v-9f07ff74]{width:min(440px,100%);text-align:left;display:grid;gap:14px}.title[data-v-9f07ff74]{display:block;color:var(--primary);font-size:16px;font-weight:800}.field-label[data-v-9f07ff74]{display:grid;gap:6px;font-weight:600}.full[data-v-9f07ff74]{width:100%}.hint[data-v-9f07ff74]{color:var(--muted);font-size:13px;margin:0;line-height:1.45}.error[data-v-9f07ff74]{color:var(--danger);font-size:13px;margin:0}.terms[data-v-9f07ff74]{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px}.link[data-v-9f07ff74]{border:none;background:none;color:var(--primary);text-decoration:underline;padding:0;font-weight:700}.otp-block[data-v-9f07ff74]{display:grid;gap:10px}.otp-block b[data-v-9f07ff74]{color:var(--primary)}.resend[data-v-9f07ff74]{justify-self:center}:root{--primary: #C62032;--primary-hover: #e61d40;--primary-font: #fff;--secondary: #e8540c;--secondary-hover: #f9661d;--secondary-font: #fff;--success: #0b776f;--danger: #c62032;--info: #008fca;--special-font: #2b2b2b;--bg: #fff;--card: #ffffff;--muted: #6b6b6b;--line: #ece8e4;--orange-border: #f3c4a8;--gray-border: #dddedf;--shadow: 0 10px 20px rgba(198, 32, 50, .08);--shadow-primary: 0 8px 30px rgba(198, 32, 50, .29);--shadow-gray: 0 8px 24px rgba(0, 0, 0, .04);--radius: 20px;--radius-sm: 14px;--sidebar: 200px;--header: 76px;--font: "Noto Sans", "Noto Sans Arabic", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font);background:var(--bg);color:var(--special-font)}#app{min-height:100vh;max-width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{min-height:100vh;max-width:100%;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:var(--header) 1fr auto;grid-template-areas:"header header" "sidebar main" "footer footer"}.app-header{grid-area:header;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 22px;padding-inline:22px 28px;box-shadow:0 8px 24px #0000000a;z-index:20;gap:16px;min-width:0}.app-sidebar{grid-area:sidebar;margin:12px 0 12px 12px;border-radius:28px;background:linear-gradient(180deg,var(--secondary) 0,var(--primary));color:#fff;display:flex;flex-direction:column;align-items:stretch;padding:18px 10px;box-shadow:0 16px 36px #c620322e;z-index:15}.app-main{grid-area:main;padding:22px 24px 32px;min-width:0;max-width:100%;overflow-x:hidden}.app-main.is-wide{padding:12px 14px}.app-footer{grid-area:footer;background:var(--secondary);color:#fff;text-align:center;padding:12px 16px;font-size:13px}.sidebar-backdrop{display:none}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-gray);border:1px solid var(--gray-border);max-width:100%;min-width:0}.btn{border:none;border-radius:999px;padding:11px 22px;font-weight:700;font-size:14px;transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:var(--secondary-hover)}.btn-signup{background:var(--secondary);color:#fff}.btn-login{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-ghost{background:#fff;color:var(--secondary);border:2px solid var(--secondary)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.field{width:100%;border:1px solid #e4ddd6;border-radius:14px;padding:12px 14px;font-size:14px;outline:none;background:#fff}.field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #c4123014}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.widgets{display:flex;flex-direction:column;gap:16px}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffff8c;display:flex;align-items:center;justify-content:center;z-index:80}.spinner{width:42px;height:42px;border:4px solid #f1d5c8;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e0a0a59;display:flex;align-items:center;justify-content:center;z-index:70;padding:20px}.modal-card{width:min(460px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow);text-align:center}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.badge-open{background:#e8f7ee;color:var(--success)}.badge-closed{background:#fdecec;color:var(--danger)}[dir=rtl] .app-sidebar{margin:12px 12px 12px 0}[dir=rtl] .app-sidebar.is-open{inset:calc(var(--header) + 10px) 12px 12px auto}@media (max-width: 1100px){.page-grid{grid-template-columns:minmax(0,1fr)}.widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 800px){.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{flex:0 0 auto;min-height:var(--header);padding:10px 12px;gap:8px}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#14080861;z-index:28}.app-sidebar{display:none}.app-sidebar.is-open{display:flex;position:fixed;inset:calc(var(--header) + 10px) auto 12px 12px;width:min(220px,calc(100vw - 24px));margin:0;border-radius:28px;z-index:32}.app-main{flex:1;width:100%;max-width:100%;min-width:0;padding:12px}.app-main.is-wide{padding:10px}.widgets{grid-template-columns:minmax(0,1fr)}.modal-card{padding:20px 16px}}@media (max-width: 480px){.app-shell{--header: 64px}.app-header{min-height:var(--header)}}