@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{font-family:IBM Plex Sans Arabic,sans-serif;color:#17324d;background:#f6f9fb}*{box-sizing:border-box}body{margin:0}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#f6f9fb,#eef4f7)}.login-form{width:100%;max-width:400px;background:#fff;border-radius:14px;box-shadow:0 8px 32px #0f172a1f;padding:40px 32px;display:flex;flex-direction:column;gap:20px}.login-title{margin:0;font-size:22px;font-weight:700;text-align:center;color:#17324d}.login-error{padding:12px 14px;border-radius:8px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:13px;text-align:center}.login-field{display:flex;flex-direction:column;gap:8px}.login-field label{font-size:13px;font-weight:600;color:#475569}.login-input{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font:inherit;transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus{outline:0;border-color:#0369a1;box-shadow:0 0 0 3px #0369a11a}.login-input:disabled{background:#f8fafc;color:#cbd5e1;cursor:not-allowed}.login-button{padding:12px 16px;border:0;border-radius:8px;background:#0369a1;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease;margin-top:8px}.login-button:hover:not(:disabled){background:#0284c7}.login-button:active:not(:disabled){background:#0369a1}.login-button:disabled{opacity:.6;cursor:not-allowed}.dashboard{display:flex;min-height:100vh}aside{width:260px;background:#073f50;color:#d8edef;padding:28px 18px;display:flex;flex-direction:column;gap:8px}.brand{font-size:21px;font-weight:700;color:#fff;margin:4px 12px 38px}aside a{padding:14px 16px;border-radius:10px;color:#b9d1d6}aside a.active,aside a:hover{background:#0a6973;color:#fff}.profile{margin-top:auto;border-top:1px solid #ffffff22;padding:20px 10px;display:flex;flex-direction:column;gap:4px}.profile small,header p,.stat small,.stat em{color:#78909c}.content{flex:1;padding:38px 48px;max-width:1400px}header{display:flex;align-items:center;justify-content:space-between}h1{margin:0;font-size:30px}header p{margin-top:8px}.avatar{border:0;border-radius:50%;width:44px;height:44px;background:#d9eff0;color:#087175;font:inherit;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:34px 0}.stat,.panel{background:#fff;border:1px solid #e6eef1;border-radius:16px;padding:22px}.stat{display:flex;flex-direction:column;gap:10px}.stat strong{font-size:27px}.stat span{color:#0a8b83;font-size:13px}.stat em{font-style:normal}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:19px}.panel-title button{border:0;background:none;color:#087175;font:inherit}table{width:100%;border-collapse:collapse;text-align:right}th,td{padding:17px 10px;border-top:1px solid #edf2f4}th{color:#78909c;font-size:13px;font-weight:500}.status{padding:6px 12px;border-radius:20px;font-size:12px}.review{background:#fff3d6;color:#9b6b00}.wait{background:#e9edff;color:#4a59aa}.done{background:#dcf5e8;color:#087345}@media(max-width:900px){aside{width:80px}.brand{font-size:0}.brand:after{content:"ت";font-size:24px}aside a{font-size:0}aside a:before{content:"•";font-size:20px}.content{padding:25px}.stats{grid-template-columns:repeat(2,1fr)}}.dashboard{background:#f6f9fb;color:#17324d}.dashboard-sidebar{width:264px;flex:0 0 264px;padding:24px 16px;background:linear-gradient(180deg,#073f50,#062f3d)}.dashboard-brand{display:flex;align-items:center;gap:10px;width:100%;margin:4px 0 34px;padding:0 10px;border:0;background:transparent;color:#fff;font:inherit;font-size:20px;font-weight:700;text-align:right;cursor:pointer}.dashboard-brand__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#0a6973}.dashboard-nav{display:flex;flex-direction:column;gap:6px}.dashboard-nav__item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:0;border-radius:10px;background:transparent;color:#b9d1d6;font:inherit;text-align:right;cursor:pointer;transition:background .2s ease,color .2s ease}.dashboard-nav__item:hover,.dashboard-nav__item.active{background:#0a6973;color:#fff}.dashboard-nav__icon{display:grid;place-items:center;min-width:24px;color:#8bc5c9;font-size:17px}.dashboard-nav__item.active .dashboard-nav__icon{color:#fff}.dashboard-profile{display:flex;align-items:center;gap:10px;margin-top:auto;padding:18px 8px 4px;border-top:1px solid #ffffff22}.dashboard-profile__avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d9eff0;color:#087175;font-weight:700}.dashboard-profile span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.dashboard-profile small{overflow:hidden;color:#8fb2b7;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dashboard-content{width:100%;max-width:1480px;padding:32px 48px 48px}.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dashboard-eyebrow{display:block;margin-bottom:4px;color:#0a8b83;font-size:12px;font-weight:700}.dashboard-topbar h1{font-size:30px}.dashboard-topbar__actions{display:flex;align-items:center;gap:18px}.dashboard-status{display:inline-flex;align-items:center;gap:7px;color:#5f7a83;font-size:13px}.dashboard-status i{width:8px;height:8px;border-radius:50%;background:#1db97d;box-shadow:0 0 0 4px #1db97d22}.dashboard-avatar{width:44px;height:44px;border:0;border-radius:50%;background:#d9eff0;color:#087175;font:inherit;font-weight:700;cursor:pointer}.dashboard-account-menu{position:relative}.dashboard-dropdown{position:absolute;top:calc(100% + 10px);left:0;z-index:40;display:flex;width:280px;max-height:min(80vh,560px);flex-direction:column;overflow-y:auto;padding:5px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 14px 32px #0f172a29;text-align:right}.dashboard-dropdown button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:#334155;font:inherit;font-size:12px;text-align:right;cursor:pointer;transition:background .15s ease,color .15s ease}.dashboard-dropdown button:hover,.dashboard-dropdown button:focus-visible{outline:0;background:#f1f5f9;color:#0f172a}.dashboard-dropdown button span{display:grid;place-items:center;width:18px;color:#64748b;font-size:15px}.dashboard-dropdown button.danger,.dashboard-dropdown button.danger span{color:#dc2626}.dashboard-dropdown button.danger:hover,.dashboard-dropdown button.danger:focus-visible{background:#fef2f2;color:#b91c1c}.dashboard-dropdown__separator{height:1px;margin:4px 0;background:#e2e8f0}.dashboard-page{display:flex;flex-direction:column;gap:24px}.live-dashboard{display:flex;flex-direction:column;gap:14px}.live-dashboard__top{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.live-dashboard__stats,.live-dashboard__tools{display:flex;align-items:center;gap:10px}.live-dashboard__stats{flex:1;min-width:320px;flex-wrap:wrap}.live-stat{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:6px;font-size:12px}.live-icon{width:16px;height:16px}.live-stat-value{font-weight:700}.live-stat-label{font-size:10px}.live-stat--blue{background:#eff6ff;color:#2563eb}.live-stat--green{background:#f0fdf4;color:#16a34a}.live-stat--purple{background:#faf5ff;color:#7e22ce}.live-dashboard__tools{padding:4px 0}.live-search{display:flex;align-items:center;flex:1;gap:8px;max-width:560px;height:38px;padding:0 12px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#94a3b8}.live-search input{width:100%;border:0;outline:0;font:inherit;font-size:12px}.live-connected{display:inline-flex;align-items:center;gap:6px;color:#16a34a;font-size:12px;font-weight:700}.live-connected i,.live-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.live-connected i{background:#22c55e}.live-tool-button{position:relative;width:34px;height:34px;border:0;border-radius:7px;background:transparent;color:#475569;font:inherit;cursor:pointer}.live-tool-button:hover{background:#f1f5f9}.live-tool-button b{position:absolute;top:-3px;right:-2px;min-width:16px;padding:2px 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px}.live-tabs{display:flex;align-items:center;gap:4px;padding:4px;border-bottom:1px solid #e2e8f0}.live-tabs button{padding:9px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:#64748b;font:inherit;font-size:13px;cursor:pointer}.live-tabs button.active{border-bottom-color:#087175;color:#087175;font-weight:700}.live-visitors-panel{min-height:420px;padding:18px;border:1px solid #e6eef1;border-radius:14px;background:#fff}.live-visitors-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-visitors-header h2{margin:0;font-size:19px}.live-visitors-header span{color:#78909c;font-size:12px}.secondary-button{padding:8px 13px;border:0;border-radius:6px;background:#e2e8f0;color:#334155;font:inherit;font-size:12px;cursor:pointer}.live-legend{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0;color:#64748b;font-size:11px}.live-legend span{display:inline-flex;align-items:center;gap:5px}.live-legend .online{background:#22c55e}.live-legend .typing{background:#3b82f6}.live-legend .idle{background:#f97316}.live-legend .offline{background:#ef4444}.live-legend__chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#475569;font:inherit;font-size:12px;cursor:pointer;transition:all .15s ease}.live-legend__chip b{font-weight:700;color:#0f172a;background:#f1f5f9;padding:1px 7px;border-radius:999px;font-size:11px}.live-legend__chip:hover{border-color:#94a3b8}.live-legend__chip.active{background:#0f172a;color:#fff;border-color:#0f172a}.live-legend__chip.active b{background:#fff2;color:#fff}.live-legend__chip i{display:inline-block;width:8px;height:8px;border-radius:50%}.live-legend__chip.online i,.live-legend__chip i.online{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.live-legend__chip.typing i,.live-legend__chip i.typing{background:#3b82f6;box-shadow:0 0 0 3px #3b82f633;animation:livePulse 1.2s infinite}.live-legend__chip.idle i,.live-legend__chip i.idle{background:#f97316}.live-legend__chip.offline i,.live-legend__chip i.offline{background:#94a3b8}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.live-visitors-list{display:flex;flex-direction:column;gap:8px}.live-visitor-card{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;width:100%;gap:12px;padding:14px;border:1px solid #edf2f4;border-radius:10px;background:#fff;text-align:right;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.live-visitor-card:hover,.live-visitor-card:focus-visible{border-color:#8bc5c9;box-shadow:0 6px 18px #0f172a12;outline:0}.live-visitor-card__icon{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.live-badge-group{display:flex;gap:3px}.live-card-badge{height:22px;width:auto;object-fit:contain;padding:4px;border-radius:8px;background:#f5f5f5}.live-visitor-card__content{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.live-visitor-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.live-visitor-card__header div{display:flex;flex-direction:column;gap:2px;min-width:0}.live-visitor-name{display:block;color:#17324d;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-visitor-time{color:#16a34a;font-size:10px;font-weight:600}.live-visitor-timestamp{color:#78909c;font-size:9px}.live-current-page{color:#475569;font-size:12px;white-space:nowrap;flex-shrink:0}.live-last-form{color:#ef4444;font-size:11px}.live-visitor-card__actions{display:flex;gap:6px;flex-shrink:0}.live-action-btn{padding:6px 8px;border:0;border-radius:5px;background:transparent;color:#64748b;font:inherit;font-size:11px;cursor:pointer;transition:background .15s ease,color .15s ease}.live-action-btn:hover{background:#f1f5f9;color:#334155}.live-action-btn.primary{background:#e0f2fe;color:#0369a1}.live-action-btn.danger{color:#dc2626}.live-action-btn.danger:hover{background:#fef2f2}.live-avatar{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#eaf5ff;color:#087175;font-size:20px}.live-avatar i{position:absolute;right:-1px;bottom:0;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#94a3b8}.live-avatar.online i{background:#22c55e}.live-avatar.typing i{background:#3b82f6}.live-avatar.idle i{background:#f97316}.live-meta{display:flex;flex-wrap:wrap;gap:8px;color:#64748b;font-size:10px}@media(max-width:620px){.live-dashboard__tools{flex-wrap:wrap}.live-search{flex-basis:100%;max-width:none}.live-connected{margin-inline-start:auto}.live-visitors-panel{padding:12px}.live-visitor-card{grid-template-columns:auto 1fr;gap:10px;padding:10px}.live-visitor-card__actions{grid-column:1 / -1;margin-top:6px}.live-meta{flex-direction:column;gap:3px}}.dashboard-welcome,.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-welcome h2,.page-heading h2{margin:0;font-size:20px}.dashboard-welcome p,.page-heading p,.panel-title p{margin:6px 0 0;color:#78909c;font-size:13px}.dashboard-date{padding:10px 14px;border:1px solid #e6eef1;border-radius:10px;background:#fff;color:#78909c;font-size:12px}.stat__topline{display:flex;align-items:center;justify-content:space-between}.stat__topline>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eaf5ff;color:#1687d7}.stat--green .stat__topline>span{background:#e8faf2;color:#0a8b83}.stat--purple .stat__topline>span{background:#f1ebff;color:#7853c7}.stat--orange .stat__topline>span{background:#fff3e3;color:#c87b1e}.stat__change{color:#0a8b83;font-size:13px}.stat__change em{color:#78909c;font-size:11px}.panel-title{margin-bottom:14px}.panel-title h2{margin:0}.table-wrap{overflow-x:auto}.table-id{color:#087175;font-weight:700}.table-muted{color:#78909c;white-space:nowrap}.filters{display:flex;gap:12px;margin-bottom:18px}.search-field{display:flex;align-items:center;flex:1;gap:8px;min-width:220px;padding:0 12px;border:1px solid #e0eaed;border-radius:10px;background:#fbfdfe;color:#78909c}.search-field input,.filters select{min-height:44px;border:0;outline:0;background:transparent;color:#17324d;font:inherit}.search-field input{width:100%}.filters select{min-width:170px;padding:0 12px;border:1px solid #e0eaed;border-radius:10px;background:#fbfdfe}.primary-button{padding:11px 18px;border:0;border-radius:10px;background:#087175;color:#fff;font:inherit;cursor:pointer}.primary-button:hover{background:#075f64}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:180px;color:#78909c;text-align:center}.empty-state strong{color:#17324d}.dashboard-placeholder{margin-top:20px}.settings-safe-note{padding:8px 12px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:12px;font-weight:700}.settings-panel h3{margin:0;font-size:18px}.settings-section-description{margin:6px 0 18px;color:#78909c;font-size:13px}.settings-list{display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #edf2f4;cursor:pointer}.settings-row span{display:flex;flex-direction:column;gap:5px}.settings-row strong{color:#17324d;font-size:14px}.settings-row small{color:#78909c;font-size:12px}.settings-row input{position:relative;width:42px;height:23px;appearance:none;border-radius:999px;background:#cbd5e1;cursor:pointer;transition:background .2s ease}.settings-row input:after{position:absolute;top:3px;right:22px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;content:"";transition:right .2s ease}.settings-row input:checked{background:#087175}.settings-row input:checked:after{right:3px}.settings-action-list{display:flex;flex-direction:column;margin-top:16px}.settings-action-list button{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border:0;border-top:1px solid #edf2f4;background:transparent;color:#087175;font:inherit;font-size:13px;text-align:right;cursor:pointer}.table-row-action{cursor:pointer;transition:background .2s ease}.table-row-action:hover{background:#f5fafb}.drawer-backdrop{position:fixed;inset:0;z-index:100;background:#0f172a61}.visitor-drawer{position:absolute;top:0;bottom:0;left:0;display:flex;width:min(80vw,560px);flex-direction:column;overflow-y:auto;background:#fff;box-shadow:18px 0 45px #0f172a33}.visitor-drawer__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 10px;border-bottom:1px solid #edf2f4}.visitor-actions{display:flex;flex-wrap:wrap;gap:4px}.visitor-actions button,.drawer-close,.visitor-current-page button,.visitor-chat-panel__header button{border:0;background:transparent;color:#475569;font:inherit;cursor:pointer}.visitor-actions button{display:inline-flex;align-items:center;gap:4px;padding:7px 8px;border-radius:8px;font-size:12px}.visitor-actions button:hover,.visitor-current-page button:hover{background:#f1f5f9}.visitor-actions .danger{color:#dc2626}.drawer-close{padding:2px 8px;color:#64748b;font-size:26px;line-height:1}.visitor-summary{display:flex;align-items:center;gap:14px;padding:18px;border-bottom:1px solid #edf2f4}.visitor-summary__identity{display:flex;align-items:center;gap:9px;min-width:150px}.visitor-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eaf5ff;color:#087175;font-size:18px;font-weight:700}.visitor-summary h2{margin:0 0 4px;color:#0f172a;font-size:16px}.online-status{display:inline-flex;align-items:center;gap:5px;color:#0a8b83;font-size:11px}.online-status i{width:7px;height:7px;border-radius:50%;background:#22c55e}.visitor-meta{display:flex;flex-direction:column;gap:4px;padding-inline:14px;border-inline-start:1px solid #e2e8f0;color:#64748b;font-size:11px}.visitor-meta strong{color:#1e293b;font-size:12px}.visitor-summary>.status{margin-inline-start:auto;white-space:nowrap}.visitor-current-page{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#f8fafc;color:#64748b;font-size:12px}.visitor-current-page strong{color:#0f172a}.visitor-current-page button{margin-inline-start:auto;font-size:18px}.visitor-forms{display:flex;flex-direction:column;gap:10px;padding:16px}.visitor-form-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.visitor-form-card>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f8fafc}.visitor-form-card>header strong{color:#0f172a;font-size:13px}.visitor-form-card time{color:#94a3b8;font-size:11px}.visitor-form-card__body{display:flex;flex-direction:column;gap:8px;padding:14px}.visitor-form-field{display:flex;justify-content:space-between;gap:12px;color:#475569;font-size:12px}.visitor-form-field b{color:#0f172a}.visitor-chat-toggle{position:sticky;bottom:18px;align-self:flex-start;margin:0 18px 18px;padding:11px 16px;border:0;border-radius:999px;background:#3b82f6;color:#fff;font:inherit;font-size:13px;font-weight:700;box-shadow:0 10px 30px #0000002e;cursor:pointer}.visitor-chat-panel{position:sticky;bottom:72px;margin:0 16px 12px;overflow:hidden;border:1px solid #dbe5ed;border-radius:12px;background:#fff;box-shadow:0 12px 30px #0f172a24}.visitor-chat-panel__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#087175;color:#fff}.visitor-chat-panel__header button{color:#fff;font-size:20px}.visitor-chat-panel>p{padding:18px;color:#78909c;font-size:12px;text-align:center}.visitor-chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid #edf2f4}.visitor-chat-input input{min-width:0;flex:1;border:0;outline:0;font:inherit}.visitor-chat-input button{padding:7px 10px;border:0;border-radius:7px;background:#087175;color:#fff;font:inherit;font-size:12px;cursor:pointer}.visitor-chat-input button:disabled{background:#cbd5e1;cursor:not-allowed}@media(max-width:900px){.dashboard-sidebar{width:78px;flex-basis:78px;padding-inline:10px}.dashboard-brand{justify-content:center;padding:0}.dashboard-brand>span:last-child,.dashboard-nav__item>span:last-child,.dashboard-profile span:last-child{display:none}.dashboard-nav__item{justify-content:center;padding-inline:8px}.dashboard-profile{justify-content:center}.dashboard-content{padding:25px}}@media(max-width:620px){.dashboard-topbar,.dashboard-welcome,.page-heading{align-items:flex-start;flex-direction:column}.dashboard-topbar__actions{width:100%;justify-content:space-between}.dashboard-date{align-self:stretch;text-align:center}.stats{grid-template-columns:1fr}.filters{align-items:stretch;flex-direction:column}.filters select{width:100%}.dashboard-dropdown{position:fixed;top:64px;right:16px;left:16px;width:auto;max-height:calc(100vh - 80px)}.visitor-drawer{width:100vw}.visitor-summary{align-items:flex-start;flex-wrap:wrap}.visitor-summary__identity{width:100%}.visitor-meta{padding-inline-start:0;border-inline-start:0}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#f6f9fb,#eef4f7)}.error-boundary__content{width:100%;max-width:500px;padding:40px 32px;background:#fff;border:1px solid #fecaca;border-radius:14px;box-shadow:0 8px 32px #0f172a1f;text-align:center}.error-boundary__content h2{margin:0 0 12px;font-size:20px;color:#dc2626}.error-boundary__message{margin:0 0 20px;color:#475569;font-size:14px}.error-boundary__details{margin:20px 0;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;text-align:right}.error-boundary__details summary{cursor:pointer;color:#dc2626;font-weight:600;font-size:13px}.error-boundary__details pre{margin:12px 0 0;overflow:auto;max-height:200px;background:#fff;border-radius:4px;padding:8px;color:#475569;font-size:11px;text-align:left}.toast-container{position:fixed;top:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0f172a26;pointer-events:auto;animation:slideIn .3s ease-out}.toast--success{border-left:4px solid #22c55e}.toast--success .toast__message{color:#166534}.toast--error{border-left:4px solid #dc2626}.toast--error .toast__message{color:#7f1d1d}.toast--warning{border-left:4px solid #f59e0b}.toast--warning .toast__message{color:#92400e}.toast--info{border-left:4px solid #0369a1}.toast--info .toast__message{color:#082f49}.toast__message{flex:1;font-size:14px}.toast__close{flex:0 0 24px;padding:0;border:0;background:transparent;color:#78909c;font:inherit;font-size:20px;cursor:pointer;line-height:1}.toast__close:hover{color:#475569}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.login-input.error{border-color:#dc2626;background:#fef2f2}.login-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.login-field-error{display:block;margin-top:6px;color:#dc2626;font-size:12px}input:invalid{border-color:#fca5a5}input[aria-invalid=true]{border-color:#dc2626}input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #dc26261a}button[aria-busy=true]{position:relative}@supports (dir: rtl){[dir=rtl] .toast-container{right:auto;left:20px}[dir=rtl] .toast{border-left:0;border-right:4px solid}}@media(max-width:620px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.error-boundary__content{padding:24px 16px}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] *{direction:rtl}[dir=rtl] body,[dir=rtl] p,[dir=rtl] span,[dir=rtl] label,[dir=rtl] li,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{text-align:right}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{direction:rtl;text-align:right}[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] input[type=text],[dir=rtl] input[type=number],[dir=rtl] input[type=search]{padding-right:14px;padding-left:10px}[dir=rtl] .search-input-container input{padding-right:40px;padding-left:14px}[dir=rtl] .search-input-container .search-icon{right:auto;left:14px}[dir=rtl] .flex-row,[dir=rtl] .flex-between{flex-direction:row-reverse}[dir=rtl] .login-form{padding:40px 32px}[dir=rtl] .login-field{text-align:right}[dir=rtl] .login-field label{display:flex;justify-content:flex-start}[dir=rtl] button,[dir=rtl] .btn{direction:rtl}[dir=rtl] .ml-4{margin-left:auto;margin-right:1rem}[dir=rtl] .mr-4{margin-right:auto;margin-left:1rem}[dir=rtl] .pl-4{padding-left:auto;padding-right:1rem}[dir=rtl] .pr-4{padding-right:auto;padding-left:1rem}[dir=rtl] ul,[dir=rtl] ol{padding-right:1.5rem;padding-left:0;text-align:right}[dir=rtl] li{margin-right:0;margin-left:0}[dir=rtl] table,[dir=rtl] table thead,[dir=rtl] table tbody,[dir=rtl] table tfoot{text-align:right}[dir=rtl] th,[dir=rtl] td{text-align:right;padding:17px 10px}[dir=rtl] .border-left{border-left:none;border-right:1px solid}[dir=rtl] .border-right{border-right:none;border-left:1px solid}[dir=rtl] input[aria-invalid=true]{border-right-color:#dc2626;border-left-color:transparent}[dir=rtl] .icon-left{margin-left:0;margin-right:8px}[dir=rtl] .icon-right{margin-right:0;margin-left:8px}[dir=rtl] .toast-container{right:auto;left:20px}[dir=rtl] .toast{direction:rtl;border-left:0;border-right:4px solid;text-align:right}[dir=rtl] .toast-close-button{left:10px;right:auto}[dir=rtl] .toast-icon{margin-left:10px;margin-right:0}[dir=rtl] .error-message,[dir=rtl] .error-boundary__message{text-align:right;direction:rtl}[dir=rtl] .error-boundary__content{text-align:right}[dir=rtl] select{background-position:right 12px center;padding-right:40px;padding-left:14px}[dir=rtl] .dashboard-sidebar{padding:24px 16px;border-left:1px solid rgba(255,255,255,.1);border-right:none}[dir=rtl] aside{padding:28px 18px}[dir=rtl] aside a{text-align:right}[dir=rtl]{letter-spacing:.3px;word-spacing:.05em}[dir=rtl] p{line-height:1.7}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:.5px}@keyframes slideInFromRight-rtl{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight-rtl{0%{transform:translate(0)}to{transform:translate(100%)}}[dir=rtl] .slide-enter{animation-name:slideInFromRight-rtl}[dir=rtl] .slide-exit{animation-name:slideOutToRight-rtl}[dir=rtl] .progress-bar{transform-origin:right}[dir=rtl] button:hover,[dir=rtl] a:hover{text-decoration:none}[dir=rtl] *:focus-visible{outline-offset:-2px}[dir=rtl] input:focus,[dir=rtl] textarea:focus,[dir=rtl] select:focus{outline-offset:-2px}[dir=rtl] .modal,[dir=rtl] .dialog{direction:rtl;text-align:right}[dir=rtl] .text-right{text-align:right}[dir=rtl] .text-left{text-align:left}[dir=rtl] .text-center{text-align:center}[dir=rtl] input::placeholder,[dir=rtl] textarea::placeholder{text-align:right}@media(max-width:768px){[dir=rtl]{font-size:15px}[dir=rtl] .dashboard-sidebar{width:60px}[dir=rtl] .content{padding:20px}[dir=rtl] .login-form{padding:30px 24px}}[dir=rtl] .notification-container{right:auto;left:20px}[dir=rtl] .notification{direction:rtl;text-align:right}[dir=rtl] .breadcrumb{flex-direction:row-reverse}[dir=rtl] .breadcrumb-separator:before{content:"\\";margin:0 8px;transform:rotate(180deg)}[dir=rtl] .grid{direction:rtl}[dir=rtl]{--text-direction: 1}[dir=rtl]{font-weight:500}.customer-detail-page{padding:24px;display:grid;gap:18px;max-width:1100px;margin:0 auto}.customer-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.customer-detail-toolbar h1{font-size:20px;margin:0 0 4px}.customer-detail-toolbar span{color:#64748b;font-size:14px}.customer-detail-toolbar .actions{display:flex;gap:8px}.customer-detail-page .btn{border:1px solid #d7dee8;background:#fff;color:#16233a;border-radius:10px;padding:8px 16px;cursor:pointer;font-family:inherit;font-size:14px}.customer-detail-page .btn.primary{background:#1f6feb;border-color:#1f6feb;color:#fff}.customer-detail-page .btn:disabled{opacity:.55;cursor:not-allowed}.customer-detail-card{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:18px}.customer-detail-card h2{font-size:16px;margin:0 0 14px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.detail-grid>div{display:grid;gap:4px;background:#f7f9fc;border-radius:10px;padding:10px 12px}.detail-grid span{color:#6b7a90;font-size:12px}.detail-grid strong{font-size:14px;color:#16233a}.detail-table{width:100%;border-collapse:collapse;font-size:14px}.detail-table th,.detail-table td{text-align:right;padding:10px 12px;border-bottom:1px solid #eef2f7}.detail-table th{color:#6b7a90;font-weight:600;font-size:13px}.customer-print-card .payment-card-container{margin-bottom:14px}.customer-detail-page .state{padding:24px;text-align:center;color:#6b7a90}@media print{.no-print{display:none!important}body{background:#fff}.customer-detail-page{padding:0}}.visitor-drawer__actions{padding:10px 0}.visitor-drawer__actions .btn{width:100%;border:1px solid #1f6feb;background:#1f6feb;color:#fff;border-radius:10px;padding:10px;cursor:pointer;font-family:inherit;font-size:14px}.activity-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.activity-timeline li{display:grid;grid-template-columns:160px 1fr;gap:1rem;padding:.5rem .75rem;border-inline-start:3px solid #2563eb;background:#f8fafc;border-radius:6px}.activity-timeline time{color:#64748b;font-size:.85rem}.activity-timeline strong{color:#0f172a}.activity-timeline em{color:#16a34a;font-style:normal;margin-inline-start:.5rem}