@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--green:#073e38;--green2:#126252;--lime:#def5a0;--ink:#19312d;--muted:#72807b;--line:#e4eae6;--bg:#f4f7f5;--white:#fff;--orange:#936019;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 Vazirmatn,Tahoma,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;transition:background .15s,transform .15s}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #66a78b;outline-offset:3px}a{color:inherit;text-decoration:none}button{border:0}small{display:block;color:var(--muted);font-size:13px}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.6px;line-height:1.6}h2{font-size:20px}h3{font-size:17px}.demo-bar{min-height:38px;background:#e6eedf;color:#40583d;padding:7px 30px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.demo-bar button{background:none;color:#40583d;font-size:12px;white-space:nowrap}.shell{display:flex;min-height:calc(100vh - 38px)}.sidebar{width:244px;flex-shrink:0;background:#fff;border-left:1px solid var(--line);padding:34px 23px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:800;line-height:1.4}.brand small{font-size:10px;letter-spacing:2px;color:#6e8176;margin-top:4px}.brand-icon{display:grid;place-items:center;background:var(--green);color:var(--lime);font-family:Georgia,serif;font-size:38px;border-radius:16px;width:53px;height:57px;font-weight:400}.workspace-label{font-size:12px;color:#96a29c;margin:43px 10px 14px}nav{display:grid;gap:8px}.nav-button{display:flex;align-items:center;gap:12px;background:none;text-align:right;padding:13px 15px;border-radius:11px;color:#687c74;width:100%;font-size:14px}.nav-button.active{background:#eaf2ed;color:var(--green);font-weight:700}.nav-button svg{width:20px;height:20px}.sidebar-bottom{margin-top:auto;padding-top:60px}.hours{display:flex;align-items:center;gap:10px;font-size:13px;padding:18px 4px;border-bottom:1px solid var(--line);margin-bottom:19px}.hours small{font-size:12px;margin-top:2px}.clock{font-size:27px;color:#85958b}.profile{display:flex;align-items:center;gap:10px;font-size:14px}.avatar{width:40px;height:40px;border-radius:50%;background:#f0ead9;display:grid;place-items:center;color:#776332;font-weight:700}.main-shell{min-width:0;flex:1}.topbar{height:89px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;background:#fff;border-bottom:1px solid var(--line);gap:15px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb span{margin:0 14px;color:#c0cac4}.breadcrumb b{font-weight:500;color:var(--ink)}.mode-switch{display:flex;border:1px solid var(--line);padding:4px;border-radius:10px;background:#f8faf8;gap:3px}.mode-switch button{padding:7px 17px;border-radius:7px;background:none;color:#758279;font-size:13px}.mode-switch button.active{background:var(--green);color:#fff}main{max-width:1480px;margin:auto;padding:32px 42px 42px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:16px}.page-head p{font-size:14px;color:var(--muted);margin-top:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 19px;font-size:14px;font-weight:600;background:var(--green);color:#fff;white-space:nowrap;line-height:1.8}.button svg{width:18px;height:18px}.button.secondary{background:#fff;color:var(--green);border:1px solid #cfddd4}.button.light{background:var(--lime);color:var(--green)}.button.ghost{background:none;color:var(--green);padding:7px 0}.button.danger{color:#9a4535;background:#fcf0eb}.button:disabled{opacity:.45;cursor:not-allowed}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:24px}.hero{background:var(--green);border-radius:var(--radius);color:white;padding:29px 30px;position:relative;overflow:hidden;min-height:233px}.hero-label{color:#c0d4c9;font-size:13px;display:flex;justify-content:space-between;align-items:center}.tag{font-size:12px;border-radius:6px;padding:3px 8px;background:#ffffff14;color:#c5d5c7}.hero h2{font-size:25px;font-weight:500;margin:13px 0 6px;max-width:80%}.hero p{font-size:14px;color:#a8c6b7;max-width:85%;margin-bottom:22px}.hero .button{padding:9px 17px}.hero-pound{position:absolute;left:24px;bottom:8px;line-height:1;font-family:Georgia,serif;font-size:127px;font-weight:400;color:#b4dbbe18;transform:rotate(-14deg);pointer-events:none}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:8px}.quote-number{font-size:31px;font-weight:800;line-height:1.5;letter-spacing:-.8px}.quote-number span{font-size:13px;font-weight:400;letter-spacing:0;margin-right:6px;color:var(--muted)}.rate-card{display:flex;flex-direction:column;justify-content:space-between}.rate-bottom{border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:12px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:23px 0}.stat{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:17px 22px;border:1px solid var(--line);border-radius:13px}.stat strong{display:block;font-size:24px;line-height:1.7}.stat label{font-size:12px;color:var(--muted)}.stat-icon{width:43px;height:43px;background:#f0f5ee;border-radius:12px;display:grid;place-items:center;color:#65816b}.stat-icon svg{width:21px;height:21px}.section-gap{margin-top:25px}.badge{display:inline-block;border-radius:6px;font-size:12px;padding:4px 9px;white-space:nowrap;background:#edf3ef;color:#4e745e}.badge.amber{background:#fff3da;color:#90611d}.badge.blue{background:#eaf1ff;color:#49689f}.badge.grey{background:#f0f2f1;color:#7a827e}.proposal-box{background:#fcfaf2;border:1px solid #e9dfba;border-radius:12px;padding:19px 21px;margin-bottom:17px}.proposal-title{display:flex;align-items:center;gap:9px;color:#806121;font-weight:700;font-size:14px}.proposal-box p{font-size:14px;margin:8px 0 15px;color:#736a4f}.proposal-summary{display:flex;align-items:center;gap:16px;font-size:20px;font-weight:700;direction:ltr;justify-content:flex-end}.proposal-summary del{color:#9b9e91;font-size:16px;font-weight:400}.proposal-summary .arrow{color:#9fa68c}.proposal-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px}.proposal-bottom small{font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:10px}.workflow{padding:2px 0}.step{display:flex;gap:12px;min-height:64px;position:relative}.step:not(:last-child):before{content:'';width:1px;background:var(--line);position:absolute;right:15px;top:33px;height:31px}.step .number{height:32px;width:32px;flex:0 0 32px;border-radius:50%;background:#f2f5f2;color:#8a988f;display:grid;place-items:center;font-size:12px;border:1px solid var(--line)}.step.done .number{background:#e4f0e5;border-color:#e4f0e5;color:#2e7344}.step.current .number{background:var(--green);border-color:var(--green);color:white}.step strong{font-size:14px;font-weight:500}.step small{font-size:12px}.transaction-mini{display:flex;justify-content:space-between;gap:14px;padding:15px 0;border-top:1px solid var(--line);align-items:center}.transaction-mini strong{font-size:14px}.money{direction:ltr;unicode-bidi:isolate;display:inline-block;font-family:Vazirmatn,Tahoma,sans-serif}.muted{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;font-size:14px}th{color:#8a978f;font-size:12px;font-weight:500;background:#f7f9f7}th,td{padding:15px 16px;border-bottom:1px solid #edf0ec}tr:last-child td{border-bottom:0}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:22px 24px 0}.id{color:#87938c;font-size:12px;direction:ltr;display:inline-block}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.offer .amount{font-size:29px;font-weight:700;margin:16px 0}.offer .rate{display:flex;justify-content:space-between;font-size:14px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.offer .button{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:14px}.field.full{grid-column:1/-1}.field input,.field select{width:100%;padding:11px 13px;background:#fcfdfb;border:1px solid #d8e1d9;border-radius:9px;color:var(--ink);min-height:47px}.field input[type=number]{direction:ltr;text-align:right}.field small{font-size:12px}.summary{border-radius:12px;background:#f4f7f2;padding:18px;margin:20px 0}.summary-line{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:14px;padding:6px 0}.summary-line.total{border-top:1px solid #dae4d8;padding-top:14px;margin-top:10px;font-weight:700}.summary-line.total b{font-size:22px}.info{font-size:13px;background:#f1f5f8;padding:14px 17px;border-radius:10px;color:#536a77;margin:17px 0}.warning{background:#fff4de;color:#86632a}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.details-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bank{font-size:14px;line-height:2;background:#f5f7f5;border:1px dashed #bbcdbf;padding:18px;border-radius:10px;margin-bottom:18px}.bank code{font-size:15px}.empty{text-align:center;padding:35px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:15px;color:#8a978e;font-size:12px;padding:0 42px 26px;max-width:1480px;margin:auto}.fee-layout{max-width:880px}.fee-layout .panel{padding:30px}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin:15px 0}.check input{margin-top:8px;accent-color:var(--green)}dialog{border:1px solid var(--line);border-radius:20px;padding:27px;max-width:560px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 24px 90px #17362c33;max-height:90vh;overflow:auto}dialog::backdrop{background:#0a211d77;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.icon-button{background:#f1f5f0;color:#62796a;border-radius:50%;width:33px;height:33px;font-size:23px;line-height:1}.modal-copy{font-size:14px;color:var(--muted);margin-bottom:18px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);transition:transform .2s;background:var(--green);color:#fff;padding:13px 24px;border-radius:12px;box-shadow:0 8px 30px #17362c22;font-size:14px;z-index:100;max-width:90%;width:max-content}#toast.visible{transform:translateX(-50%) translateY(0)}.count-pill{background:#dde8dc;border-radius:5px;padding:0 7px;margin-right:auto;font-size:12px}.view-all{font-size:13px;color:var(--green);background:none}.mobile-label{display:none}.field-error{color:#a04432;font-size:13px;margin-top:10px}.time-note{font-size:12px;color:var(--muted);margin-top:18px}.activity{font-size:13px;padding:12px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.activity time{display:block;color:var(--muted);font-size:12px}.wide{width:100%}
@media(min-width:1600px){main{padding-top:45px}.hero{min-height:245px}}
@media(max-width:1150px){.sidebar{width:206px;padding:28px 17px}.topbar{padding:0 26px}main{padding:27px 26px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr);gap:18px}.panel{padding:20px}.market-grid{grid-template-columns:repeat(2,1fr)}.stat{padding:15px}.hero{padding:24px}.proposal-bottom{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1.3fr 1fr}footer{padding:0 26px 24px}}
@media(max-width:850px){.sidebar{width:85px;padding:25px 12px}.brand>span:last-child,.workspace-label,.nav-button span,.sidebar-bottom{display:none}.brand{justify-content:center;margin-bottom:32px}.nav-button{justify-content:center;padding:14px}.nav-button svg{width:23px;height:23px}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.dashboard-grid>.rate-card{min-height:180px}.stats{gap:10px}.stat-icon{display:none}.breadcrumb{display:none}.topbar{height:75px;justify-content:flex-end}.hero h2{max-width:90%}.hero p{max-width:90%}.proposal-bottom{flex-direction:row;align-items:center}.dashboard-grid .workflow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-grid .step:before{display:none}.dashboard-grid .step{min-height:55px}footer{flex-direction:column;gap:4px}.market-grid{gap:15px}}
@media(max-width:580px){body{font-size:16px}.demo-bar{padding:8px 14px;align-items:flex-start}.demo-note{display:block;font-size:11px;max-width:255px}.shell{display:block}.sidebar{width:100%;padding:14px 17px;border:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.brand{margin:0}.brand-icon{width:36px;height:40px;font-size:29px;border-radius:10px}.brand>span:last-child{display:block;font-size:19px}.brand small{font-size:8px}.sidebar nav{display:flex;gap:3px}.nav-button{padding:9px}.nav-button svg{width:21px;height:21px}.nav-button.active{background:#e3eee4}.topbar{padding:11px 17px;height:64px;justify-content:space-between}.topbar:before{content:'تجربه کنید';font-size:12px;color:var(--muted)}.mode-switch button{padding:6px 11px;font-size:12px}main{padding:23px 17px 30px}h1{font-size:25px}.page-head{align-items:flex-start;gap:10px}.page-head p{font-size:12px}.page-head>.button{padding:9px 11px;font-size:12px;margin-top:5px}.hero{padding:23px;min-height:225px}.hero h2{font-size:24px}.hero p{font-size:13px}.stats{gap:8px;margin:17px 0}.stat{padding:12px 10px}.stat strong{font-size:22px}.stat label{font-size:11px}.panel{padding:19px}.panel-head h2{font-size:18px}.proposal-box{padding:15px}.proposal-bottom{flex-direction:column;align-items:flex-start}.proposal-bottom .actions{width:100%}.proposal-bottom .actions .button{flex:1}.market-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.summary-line{font-size:13px}.summary-line.total b{font-size:20px}.dashboard-grid .workflow{grid-template-columns:1fr}.dashboard-grid .step:before{display:block}.detail-grid{gap:18px}.fee-layout .panel{padding:20px}.table-panel{padding:0}.table-panel .panel-head{padding:19px 19px 0}.transaction-mini{align-items:flex-start}.transaction-mini .badge{font-size:11px}.hero-label{font-size:12px}.demo-bar button{font-size:11px}footer{padding:0 17px 24px}dialog{padding:22px}h2{font-size:19px}}