@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:IBM Plex Sans Arabic,sans-serif;color:#f8f6f1;background:#161515;font-synthesis:none;--charcoal:#161515;--charcoal-2:#1e1c1b;--panel:#242120;--line:#3b3532;--muted:#a59c95;--orange:#ff6b2c;--orange-2:#ff915b;--white:#f8f6f1}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% -10%,#33211a 0,transparent 34rem),var(--charcoal)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:272px 1fr;min-height:100vh}.rail{border-left:1px solid var(--line);padding:32px 24px;display:flex;flex-direction:column;background:#161515d6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:68px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid #60402f;background:#2a211d;border-radius:13px;overflow:hidden}.brand-mark img{width:34px;height:34px;object-fit:contain}.brand strong,.brand small{display:block}.brand strong{font:700 23px Space Grotesk,sans-serif;letter-spacing:-.8px}.brand small{font-size:8px;color:var(--orange-2);letter-spacing:.3px;white-space:nowrap}.nav{display:grid;gap:8px}.nav-item{padding:13px 12px;border:1px solid transparent;color:var(--muted);display:flex;gap:14px;align-items:center;border-radius:10px;transition:.2s}.nav-item span{font:600 10px Space Grotesk;color:#716860}.nav-item.active,.nav-item:hover{background:#25201e;border-color:#44352f;color:var(--white)}.nav-item.active span{color:var(--orange)}.rail-footer{margin-top:auto;color:#82937e;font-size:12px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#78c376;box-shadow:0 0 12px #78c376}.main{max-width:1400px;width:100%;padding:55px 6vw}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.eyebrow{font:600 10px Space Grotesk;letter-spacing:1.5px;color:var(--orange);margin:0 0 10px}.topbar h1,.auth-layout h1{font:600 40px IBM Plex Sans Arabic;line-height:1.15;margin:0;letter-spacing:-1.5px}.top-actions{display:flex;align-items:center;gap:12px}.plan-pill,.secure-badge{font-size:11px;padding:7px 12px;border:1px solid #70503d;border-radius:99px;color:var(--orange-2);background:#2b211d}.button{border:1px solid transparent;border-radius:8px;padding:11px 16px;cursor:pointer;transition:.2s;display:inline-flex;justify-content:center;gap:9px;align-items:center;font-size:13px;font-weight:600}.button.primary{color:#251813;background:var(--orange)}.button.primary:hover,.button.orange:hover{background:#ff8853;transform:translateY(-1px)}.button.dark{color:var(--white);background:#302b29;border-color:#4a413d}.button.outline,.button.ghost{background:transparent;border-color:var(--line);color:var(--white)}.button.ghost:hover,.button.outline:hover{border-color:var(--orange);color:var(--orange)}.button.orange{background:var(--orange);color:#271611}.full{width:100%}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.signal-card{border:1px solid var(--line);background:linear-gradient(135deg,#252221,#1e1c1b);border-radius:13px;padding:21px;min-height:143px;position:relative}.signal-card.accent{background:linear-gradient(135deg,#3b261d,#25201e);border-color:#69442f}.signal-label{font-size:12px;color:var(--muted);display:block;margin-bottom:19px}.signal-card strong{display:block;font:600 26px Space Grotesk;margin-bottom:5px}.signal-card strong small{font:400 13px IBM Plex Sans Arabic;color:var(--muted)}.signal-card>small{font-size:12px;color:var(--muted)}.signal-icon{position:absolute;left:18px;bottom:18px;color:var(--orange);font-size:25px}.meter{height:5px;background:#3a3431;border-radius:99px;margin:16px 0 8px;overflow:hidden}.meter i{height:100%;display:block;background:var(--orange);border-radius:99px}.content-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:14px}.panel{border:1px solid var(--line);border-radius:13px;padding:23px;background:#201e1d}.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.panel h2,.modal h2{font-size:22px;margin:0}.panel-intro{color:var(--muted);font-size:13px;margin:0 0 22px;max-width:580px;line-height:1.8}.connection-list{display:grid;gap:8px}.connection-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #38312f;background:#252321;border-radius:9px}.provider-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#34251f;color:var(--orange);font:600 11px Space Grotesk}.connection-row strong,.connection-row small{display:block}.connection-row strong{font-size:13px}.connection-row small{font-size:11px;color:var(--muted);margin-top:3px}.connected{margin-right:auto;color:#84bd82;font-size:11px}.empty-state{padding:26px;text-align:center;color:var(--muted);border:1px dashed #4a403b;border-radius:9px;font-size:13px}.mini-plan{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.mini-plan strong{font-size:14px}.mini-plan span{font-size:12px;color:var(--muted)}.mini-plan button{grid-row:span 2;font-size:11px;padding:9px 11px}.payment-note{font-size:11px;line-height:1.7;color:#8c837d;margin:16px 0 0}.security-strip{margin-top:14px;border:1px solid #514033;background:#27201d;padding:18px 21px;display:flex;gap:14px;align-items:center;border-radius:13px}.security-strip .lock{font-size:24px;color:var(--orange)}.security-strip strong{font-size:13px}.security-strip p{margin:4px 0 0;color:var(--muted);font-size:11px}.security-strip a{margin-right:auto;color:var(--orange-2);font-size:11px;white-space:nowrap}.toast{position:fixed;bottom:24px;left:24px;background:#346135;color:#eaffea;padding:13px 18px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none;font-size:12px}.toast.visible{opacity:1;transform:none}.toast.danger{background:#713d32;color:#fff}.modal-backdrop{position:fixed;inset:0;background:#090808b8;display:grid;place-items:center;padding:20px;z-index:10}.modal{position:relative;width:min(480px,100%);background:#211f1e;border:1px solid #5a4439;border-radius:15px;padding:28px;box-shadow:0 24px 90px #0008}.modal>p:not(.eyebrow){color:var(--muted);font-size:13px;margin:7px 0 24px}.modal-close{position:absolute;left:20px;top:16px;border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer}.modal form{display:grid;gap:15px}.modal label{font-size:12px;color:#d8d0ca;display:grid;gap:7px}.modal input,.modal select{background:#151414;border:1px solid #473b35;color:var(--white);border-radius:7px;padding:11px 12px;outline:none;direction:ltr}.modal input:focus,.modal select:focus{border-color:var(--orange)}.muted{color:#877e78;font-size:10px}.auth-layout{min-height:calc(100vh - 110px);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:7vw;max-width:1120px;margin:auto}.hero-copy{padding-bottom:8vh}.hero-copy h1{font-size:clamp(42px,6vw,75px);letter-spacing:-3px}.hero-copy h1 em{font-style:normal;color:var(--orange)}.lede{color:var(--muted);max-width:500px;font-size:16px;line-height:2;margin:26px 0}.hero-line{width:100px;height:3px;background:var(--orange);margin:34px 0 15px}.micro{color:#827872;font:11px Space Grotesk;letter-spacing:.5px}.auth-card{background:#211f1e;border:1px solid #51423a;border-radius:15px;padding:30px;box-shadow:0 24px 80px #0004}.card-kicker{color:var(--orange);font-size:12px;margin-bottom:18px}.auth-card h2{font-size:25px;margin:0 0 8px}.auth-card>p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 25px}.auth-card .button{margin-bottom:10px}.divider{display:flex;gap:12px;align-items:center;color:#706762;font-size:12px;margin:12px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.terms{text-align:center;font-size:10px!important;color:#716963!important;margin:14px 0 0!important}@media(max-width:900px){.app-shell{display:block}.rail{position:static;padding:18px 20px;display:block;border:0;border-bottom:1px solid var(--line)}.brand{margin:0}.nav,.rail-footer{display:none}.main{padding:32px 20px}.auth-layout{grid-template-columns:1fr;gap:20px}.hero-copy{padding:10px 0}.content-grid,.signal-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:18px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.security-strip{align-items:flex-start;flex-wrap:wrap}.security-strip a{margin-right:0}.topbar h1{font-size:30px}}