@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap";
:root{--bg:#07120d;--surface:#0c1f16;--surface2:#122a1e;--ink:#ecf7f1;--muted:#9db8ab;--line:#1e3d2d;--accent:#2dd4bf;--accent-soft:#0e2f24;--primary:#0fae7d;--primary-hover:#0c9669;--on-primary:#fff;--success:#34d399;--warn:#e5bd73;--red:#ff9da8;--shadow:0 8px 30px #010a0659;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f2f8f5;--surface:#fff;--surface2:#e8f3ee;--ink:#0e241b;--muted:#5b7369;--line:#d8e7de;--accent:#0d9488;--accent-soft:#ddf3ea;--primary:#0b8f66;--primary-hover:#0a7a57;--on-primary:#fff;--success:#12805c;--warn:#9a6b12;--red:#b73549;--shadow:0 3px 20px #0e3c2814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.6 Noto Sans Arabic,Segoe UI,system-ui,sans-serif}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.3px;font-size:27px;font-weight:800;line-height:1.3}h2{font-size:16px;font-weight:700}h3{font-size:15px}a{color:inherit;text-decoration:none}code{word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}small,.muted{color:var(--muted)}.money{font-variant-numeric:tabular-nums}.w-full{width:100%}.spacer{height:16px}.inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-weight:700;display:inline-flex}.button.primary{background:var(--primary);color:var(--on-primary)}.button.primary:hover:not(:disabled){background:var(--primary-hover)}.button.secondary{background:var(--surface2);color:var(--ink);border-color:var(--line)}.button.small{min-height:32px;padding:4px 12px;font-size:13px}.button:disabled{opacity:.55;cursor:not-allowed}.text-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.icon-button{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.toggles{gap:8px;display:flex}.form{gap:16px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{gap:6px;display:grid}.field label{font-size:13px;font-weight:600}.field small{font-size:12px}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:10px;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{width:auto;margin-top:4px}.notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface2);align-items:center;gap:10px;margin-bottom:18px;padding:12px 16px;display:flex}.notice.error{border-color:var(--red);color:var(--red)}.notice.error p,.notice.error strong{color:var(--ink)}.notice.success{border-color:var(--success);color:var(--success)}.notice.warn{border-color:var(--warn)}.notice ul{margin:6px 0 0;padding-inline-start:18px}.brand{align-items:center;gap:9px;font-size:19px;font-weight:800;display:inline-flex}.brand-mark{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.brand-accent{color:var(--accent)}.app-shell{min-height:100vh;display:flex}.sidebar{border-inline-end:1px solid var(--line);background:var(--surface);flex-direction:column;flex-shrink:0;gap:8px;width:248px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar nav{flex-direction:column;gap:2px;margin-top:18px;display:flex;overflow-y:auto}.nav-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 8px 6px;font-size:11px;font-weight:700}.nav-item{color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-weight:600;display:flex}.nav-item:hover{background:var(--surface2);color:var(--ink)}.nav-item.selected{background:var(--accent-soft);color:var(--accent)}.sidebar-bottom{margin-top:auto}.account-mini{border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:10px;padding:10px;display:flex}.account-mini div{flex:1;min-width:0}.account-mini strong,.account-mini small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:inline-flex}.workspace{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--surface);z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;top:0}.crumb{color:var(--muted);align-items:center;gap:10px;display:flex}.crumb strong{color:var(--ink)}.topbar-right{align-items:center;gap:10px;display:flex}.balance-pill{border:1px solid var(--line);background:var(--surface2);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;display:flex}.content{width:100%;max-width:1240px;margin:0 auto;padding:24px}.mobile-menu{display:none}.page-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-title p{color:var(--muted);margin-top:4px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.panel form.form,.panel-body{padding:20px}.panel>.table-scroll,.panel>.empty,.panel>.loading,.panel>.toolbar{margin:0}.panel>.table-scroll{padding:0}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;display:flex}.toolbar input,.toolbar select{flex:1;width:auto;min-width:180px;max-width:320px}.toolbar.history-filters{align-items:end}.toolbar.history-filters .field{min-width:150px}.detail-line{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:14px;padding:8px 0;display:flex}.detail-line:last-child{border-bottom:0}.detail-line span:first-child{color:var(--muted)}.quote-line{font-size:16px}.quote-total{margin:6px 0 12px;font-size:34px;font-weight:800}.grid-2{grid-template-columns:1fr 1fr;gap:22px;display:grid}.grid-2>.panel{margin-bottom:0}.grid-2,.stats{margin-bottom:22px}.stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:18px}.stat-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.stat-icon{background:var(--accent-soft);color:var(--accent);border-radius:9px;padding:7px;display:inline-flex}.stat-value{word-break:break-word;margin-top:10px;font-size:24px;font-weight:800}.stat small{margin-top:2px;display:block}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px}th,td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 16px}th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface2);font-size:12px}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}.badge{background:var(--surface2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:7px;height:7px}.badge.good{color:var(--success)}.badge.bad{color:var(--red)}.badge.warn{color:var(--warn)}.empty{text-align:center;color:var(--muted);padding:36px 20px}.empty h3{color:var(--ink);margin:8px 0 4px}.loading{color:var(--muted);align-items:center;gap:10px;padding:24px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:50;background:#020c0899;justify-content:center;align-items:flex-start;padding:5vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(620px,100%);box-shadow:var(--shadow)}.modal .panel-head{border-bottom:1px solid var(--line)}.secret-box{border:1px dashed var(--accent);border-radius:var(--radius);background:var(--accent-soft);gap:10px;margin:12px 0;padding:14px;display:grid}.secret-box code{font-size:14px}.auth-page{grid-template-columns:minmax(320px,44%) 1fr;min-height:100vh;display:grid}.auth-aside{background:linear-gradient(160deg, var(--surface2), var(--surface));border-inline-end:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:40px;padding:36px;display:flex}.auth-aside h2{margin-bottom:12px;font-size:30px;line-height:1.4}.auth-aside p{color:var(--muted);max-width:420px}.auth-content{flex-direction:column;align-items:flex-end;padding:24px;display:flex}.auth-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow);margin:auto;padding:30px}.auth-card h1{margin-bottom:6px}.auth-card>p{color:var(--muted);margin-bottom:22px}.auth-foot{color:var(--muted);margin-top:18px}.compose-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.compose-preview{position:sticky;top:90px}.recipient-summary{color:var(--muted);align-items:baseline;gap:14px;display:flex}.recipient-summary strong{color:var(--ink)}.compose-note{margin-top:10px;display:block}.sender-valid{color:var(--success);align-items:center;gap:8px;font-weight:600;display:flex}.sms-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:20px}.preview-caption{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.live-dot{color:var(--success);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.live-dot:before{content:"";background:var(--success);border-radius:50%;width:8px;height:8px}.phone-frame{border:1px solid var(--line);background:var(--surface2);border-radius:28px;overflow:hidden}.phone-status{justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;display:flex}.phone-status span{align-items:center;gap:4px;display:inline-flex}.phone-island{background:var(--line);border-radius:999px;width:70px;height:18px}.phone-header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 14px;display:flex}.phone-header>div{text-align:center;flex:1;justify-items:center;display:grid}.phone-header small{display:block}.phone-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:inline-flex}.preview-sender{text-overflow:ellipsis;max-width:100%;overflow:hidden}.phone-conversation{min-height:180px;padding:14px}.phone-timestamp{text-align:center;color:var(--muted);margin-bottom:10px;font-size:11px}.sms-bubble{background:var(--accent-soft);white-space:pre-wrap;word-break:break-word;border-radius:16px 16px 16px 4px;max-width:85%;padding:10px 13px}.preview-placeholder{color:var(--muted);text-align:center;padding:30px 10px}.phone-home{background:var(--line);border-radius:999px;width:110px;height:4px;margin:10px auto 12px}.preview-metrics{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.preview-metrics>div{border:1px solid var(--line);background:var(--surface2);border-radius:10px;gap:2px;padding:10px 12px;display:grid}.preview-metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.preview-price{grid-column:1/-1}.preview-footnote{color:var(--muted);margin-top:12px;font-size:12px}@media (max-width:1080px){.compose-layout{grid-template-columns:1fr}.compose-preview{position:static}}@media (max-width:900px){.sidebar{inset-inline-start:0;z-index:60;box-shadow:var(--shadow);transition:transform .2s;position:fixed;top:0;transform:translate(-105%)}[dir=rtl] .sidebar{transform:translate(105%)}.sidebar.open{transform:translate(0)}.mobile-menu{display:inline-flex}.grid-2,.auth-page{grid-template-columns:1fr}.auth-aside{display:none}.content{padding:18px 14px}.topbar{padding:12px 14px}.balance-pill{display:none}.form-row{grid-template-columns:1fr}}@media (max-width:480px){h1{font-size:23px}.page-title{flex-direction:column}.stats,.preview-metrics{grid-template-columns:1fr 1fr}}