@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--brand:#e0774f;--brand-dark:#b95532;--brand-light:#fff0e9;--ink:#24202a;--muted:#807b83;--bg:#faf8f7;--border:#eee5e0;--soft:#fff2eb;--shadow:0 16px 44px rgba(83,51,40,.07);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 4%,#ffece3 0,transparent 28%),radial-gradient(circle at 95% 90%,#fff2e9 0,transparent 24%),var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,'Segoe UI',sans-serif;line-height:1.9;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#e0774f10 .7px,transparent .7px);background-size:22px 22px;z-index:-1}button,input,select{font:inherit}button{background:var(--brand);border:1px solid var(--brand);border-radius:13px;padding:11px 21px;color:#fff;cursor:pointer;font-weight:800;box-shadow:0 6px 16px #e0774f27;transition:transform .2s,box-shadow .2s,background .2s}button:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 10px 22px #e0774f30}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.outline{background:white;color:var(--brand-dark);border:1px solid #f0cdbd;box-shadow:none}.outline:hover:not(:disabled){background:var(--soft)}a{color:var(--brand-dark);text-decoration:none;font-weight:700}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e0774f88;outline-offset:3px}[hidden]{display:none!important}.wrap{max-width:1190px;margin:auto;padding:28px 24px 64px}.customer{max-width:690px;margin:3vh auto;padding:20px}.card{background:#ffffffed;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.logo{font-size:25px;font-weight:900;letter-spacing:-.7px;color:var(--brand);display:inline-flex;align-items:center;gap:9px;direction:ltr}.logo:before{content:'✦';display:inline-grid;place-items:center;background:var(--brand);color:#fff;border-radius:12px;width:36px;height:36px;font-size:20px;box-shadow:0 7px 16px #e0774f44}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;flex-wrap:wrap;padding:12px 0 20px;border-bottom:1px solid #e9ddd6}.top>div:first-child{min-width:0}h1{font-size:clamp(26px,3.4vw,37px);line-height:1.5;letter-spacing:-.8px;margin:12px 0 4px;font-weight:900}h2{font-size:19px;line-height:1.6;margin:0 0 14px;font-weight:800}p{margin:9px 0}.muted{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px}.stack{display:grid;gap:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.field{display:block;margin:14px 0;font-weight:700;font-size:14px;color:#50474a}.field input,.field select,input[type=password],input[type=number],input[type=text],input[type=email],select{width:100%;border:1px solid #e7d9d1;border-radius:13px;padding:12px 14px;background:#fff;margin-top:7px;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}.field input:focus,.field select:focus,input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px #e0774f19}.field input::placeholder{color:#b4a6a1}.drop{border:2px dashed #e8b7a3;background:linear-gradient(135deg,#fff9f6,#fff0e9);border-radius:20px;padding:36px 20px;text-align:center;display:block;cursor:pointer;transition:background .2s,border-color .2s}.drop:hover,.drop.drag{background:#ffece1;border-color:var(--brand)}.drop input{max-width:100%;margin-top:14px}.pill{display:inline-flex;align-items:center;border-radius:50px;padding:5px 13px;background:var(--soft);color:var(--brand-dark);font-size:12px;font-weight:800;max-width:100%;overflow-wrap:anywhere}.job{border:1px solid var(--border);border-radius:18px;padding:20px;background:#fff;margin-bottom:14px;box-shadow:0 4px 16px #55413009;transition:box-shadow .2s}.job:hover{box-shadow:0 12px 26px #55413012}.file{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--border);padding:12px 0}.file strong{flex:1;min-width:120px;overflow-wrap:anywhere}.small{font-size:12px}.status{font-size:13px;color:var(--muted)}.success{color:#197a57;font-weight:700}.error{color:#b33432;font-weight:700}.progress{height:9px;background:#f1e7e1;border-radius:20px;overflow:hidden;margin:16px 0}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#e0774f,#f3a47b);transition:width .2s}.empty{text-align:center;padding:50px 12px;color:var(--muted);border:1px dashed #e9d8d0;border-radius:18px;background:#fff}.qr{width:100%;max-width:195px;aspect-ratio:1;object-fit:contain;display:block;margin:18px auto;border:9px solid #fff;border-radius:18px;box-shadow:0 6px 25px #493a3512}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.stat{background:#fff;border:1px solid var(--border);border-radius:17px;padding:15px 18px;min-width:0;font-size:13px;color:var(--muted);box-shadow:0 5px 18px #55413008}.stat b{display:block;font-size:30px;line-height:1.4;color:var(--ink);font-weight:900}.stat:nth-child(2){background:linear-gradient(145deg,#fff,#fff1e9);border-color:#f1d5c8}.toast{position:fixed;bottom:20px;left:20px;background:#332b27;color:white;padding:14px 20px;border-radius:13px;display:none;z-index:10;box-shadow:var(--shadow)}.hero-strip{padding:23px 26px;border:1px solid #f4d8ca;border-radius:22px;background:linear-gradient(115deg,#fff5ef,#fff);margin:0 0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.hero-strip strong{font-size:20px;font-weight:900}.hero-strip p{color:var(--muted);font-size:13px;margin:3px 0}.hero-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:16px;background:#e0774f;color:white;font-size:25px;box-shadow:0 10px 20px #e0774f36}.page-shell{max-width:780px;margin:0 auto}.page-shell .card{padding:35px}.page-shell .card form>button{margin-top:12px}.site-footer{margin:35px auto 0;text-align:center;color:#9a8c85;font-size:12px;direction:ltr}.nav-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nav-links a{background:#fff;border:1px solid var(--border);padding:7px 13px;border-radius:12px;font-size:13px}.steps{display:grid;gap:15px}.step{border:1px solid #f2ded4;border-radius:19px;padding:23px;background:linear-gradient(135deg,#fff,#fffaf7)}.step h2{margin:0 0 10px}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions a{display:inline-block;background:var(--brand);color:#fff;padding:11px 19px;border-radius:13px;text-decoration:none}.actions a.alt{background:#fff;color:var(--brand-dark);border:1px solid #e0774f}#plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0}#plans button{margin:0!important;min-height:95px;line-height:1.8}#result:not(:empty),#msg:not(:empty),#message:not(:empty){overflow-wrap:anywhere}#qr{max-width:200px}code{overflow-wrap:anywhere}#profileCard{border-color:#f0cbb9}#profileForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}#profileForm button{justify-self:start}aside .card{text-align:center}aside .card .muted{line-height:2}#jobs{margin-top:14px}#login{max-width:470px;margin:auto}#login h2{font-size:25px}#login button{width:100%}@media(max-width:850px){.grid{grid-template-columns:1fr}.top{align-items:flex-start}.wrap{padding:16px 15px 42px}.card{padding:20px}.page-shell .card{padding:23px}.hero-strip{padding:18px}.stats{gap:8px}.stat{padding:12px}.stat b{font-size:25px}}@media(max-width:560px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{font-size:11px;padding:10px 8px}.stat b{font-size:23px}#profileForm{grid-template-columns:1fr}.logo{font-size:22px}.top{gap:12px}.hero-icon{display:none}h1{font-size:27px}.customer{padding:12px}.row{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Beferest v0.6.3: file previews */
.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:15px}.file-tile{border:1px solid var(--border);border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:7px;min-width:0}.thumb-button{display:block;width:100%;height:150px;background:#f8f5f2;border:1px solid #eee4df;border-radius:12px;padding:0;overflow:hidden;box-shadow:none}.thumb-button:hover:not(:disabled){background:#f7ede8}.thumb-button:disabled{opacity:1;cursor:default}.thumb{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:46px}.thumb img{display:block;width:100%;height:100%;object-fit:contain}.file-name{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.file-actions{display:flex;gap:7px;margin-top:auto}.file-actions button{flex:1;min-width:0;padding:7px 8px;font-size:12px}.preview-modal{position:fixed;inset:0;z-index:100;background:#1e181ad9;display:grid;place-items:center;padding:20px}.preview-panel{width:min(960px,100%);max-height:95vh;display:flex;flex-direction:column;gap:12px;padding:16px;background:white;border-radius:18px}.preview-body{height:min(78vh,850px);display:grid;place-items:center;overflow:auto;background:#f5f1ee;border-radius:12px}.preview-content{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border:0}.preview-body img.preview-content{width:auto;height:auto}@media(max-width:560px){.files-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumb-button{height:115px}.file-actions{flex-wrap:wrap}.file-actions button{font-size:11px}}
