@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap");
:root{--ink:#10182c;--navy:#0e1830;--navy2:#172443;--surface:#fff;--muted:#667085;--line:#e7eaf0;--teal:#26c9b1;--coral:#ff765d;--gold:#f6bd58;--soft:#f5f7fb;--shadow:0 22px 70px rgba(18,31,62,.12)}
*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1240px;margin:auto;padding:18px 24px 60px}.topbar{display:flex;align-items:center;gap:24px;padding:8px 0}.brand{display:flex;align-items:center;gap:9px;color:var(--navy);font-size:22px;font-weight:800;letter-spacing:.08em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--teal),var(--coral));font-weight:800}.value-pill{margin-right:auto;border:1px solid #dcebe8;background:#effcf9;color:#117d70;border-radius:999px;padding:8px 14px;font-size:12px}.login-btn,.ghost-btn,.primary-btn{border:0;border-radius:12px;padding:11px 16px;font-weight:700}.login-btn,.ghost-btn{background:#fff;border:1px solid var(--line);color:var(--navy)}.primary-btn{background:var(--navy);color:#fff;box-shadow:0 10px 25px rgba(14,24,48,.18)}.primary-btn:hover{background:#1c315a}.wide{width:100%}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:72px 30px 52px;min-height:520px}.eyebrow{color:#159f90;font-size:13px;font-weight:700;letter-spacing:.01em}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.15;margin:16px 0;color:var(--navy);letter-spacing:-.04em}.hero h1 em{color:var(--coral);font-style:normal}.hero-copy p{max-width:580px;font-size:18px;color:var(--muted);line-height:2;margin:0 0 24px}.hero-actions{display:flex;gap:10px}.proof-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#8390a5;font-size:12px}.hero-orbit{height:360px;position:relative;border-radius:38px;background:radial-gradient(circle at center,#233962 0 3%,transparent 4%),linear-gradient(135deg,#101b36,#1a2b4e);box-shadow:var(--shadow);overflow:hidden}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:50px;border:1px solid rgba(38,201,177,.28);border-radius:50%;transform:rotate(24deg)}.hero-orbit:after{inset:86px;border-color:rgba(255,118,93,.27);transform:rotate(-34deg)}.orbit-card{position:absolute;display:flex;flex-direction:column;gap:3px;padding:16px 18px;border-radius:17px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(8px);z-index:1}.orbit-card strong{font-size:17px}.orbit-card small{color:#b9c4d7;font-size:11px}.main-orbit{top:112px;right:105px;align-items:center;background:linear-gradient(135deg,rgba(38,201,177,.95),rgba(14,24,48,.86));padding:22px 35px}.orbit-icon{font-size:26px;color:var(--gold)}.orbit-one{top:42px;right:30px}.orbit-two{bottom:48px;left:38px}.orbit-three{bottom:76px;right:42px}.role-switcher{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:7px;width:max-content;max-width:100%;margin:0 auto 42px;box-shadow:0 10px 30px rgba(18,31,62,.06)}.role-tab{border:0;background:transparent;border-radius:11px;padding:10px 18px;color:var(--muted)}.role-tab.active{background:var(--navy);color:#fff;font-weight:700}.workspace{padding-top:12px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{margin:6px 0 0;font-size:28px}.search-box{display:flex;gap:8px;min-width:420px}.search-box input,.search-box select,.modal-card input,.modal-card select{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 13px;color:var(--ink);outline:0}.search-box input{min-width:260px;flex:1}.center-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.center-card,.dashboard-card,.metric-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 32px rgba(18,31,62,.05)}.center-card{min-height:265px;display:flex;flex-direction:column}.center-top{display:flex;justify-content:space-between;gap:10px}.badge{font-size:11px;padding:5px 9px;border-radius:999px;background:#eefcf9;color:#0c8e7d}.center-card h3{font-size:18px;margin:17px 0 4px}.center-card .area{color:var(--muted);font-size:12px}.rating{color:#bd7a00;font-weight:700;font-size:13px}.services{display:flex;gap:5px;flex-wrap:wrap;margin:16px 0}.service-chip{font-size:11px;background:#f4f6fa;color:#657086;border-radius:8px;padding:5px 8px}.center-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:auto;padding-top:10px}.center-card .primary-btn{margin-top:13px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card .label{font-size:12px;color:var(--muted)}.metric-card .metric{font-size:30px;font-weight:800;color:var(--navy);margin-top:9px}.table-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;overflow:auto}.table-card h3{margin-top:0}.table-card table{width:100%;border-collapse:collapse;min-width:650px}.table-card th,.table-card td{text-align:right;border-bottom:1px solid var(--line);padding:12px 8px;font-size:13px}.muted{color:var(--muted)}.hidden{display:none!important}.modal{position:fixed;inset:0;background:rgba(7,13,29,.55);display:grid;place-items:center;padding:18px;z-index:10}.modal-card{position:relative;width:min(430px,100%);background:#fff;border-radius:22px;padding:26px;box-shadow:var(--shadow);display:grid;gap:12px}.modal-card h3{font-size:24px;margin:0}.modal-close{position:absolute;top:12px;left:14px;border:0;background:transparent;font-size:28px;color:var(--muted)}.otp-row{display:grid;grid-template-columns:1fr auto;gap:8px}.form-message{min-height:22px;color:#b14939;font-size:13px}.success{color:#118e78}.empty-state{background:#fff;border:1px dashed #cfd6e3;border-radius:18px;padding:30px;text-align:center;color:var(--muted)}@media(max-width:980px){.hero{grid-template-columns:1fr;padding:48px 12px}.hero-orbit{max-width:620px;width:100%;margin:auto}.center-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:stretch;flex-direction:column}.search-box{min-width:0}}@media(max-width:620px){.app-shell{padding:12px 14px 40px}.topbar{gap:10px;flex-wrap:wrap}.value-pill{order:3;width:100%;text-align:center}.hero h1{font-size:44px}.hero-orbit{height:300px}.main-orbit{top:92px;right:68px}.center-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.role-switcher{width:100%;overflow:auto}.role-tab{white-space:nowrap;padding:9px 12px}.search-box{display:grid;grid-template-columns:1fr}.search-box input{min-width:0}}