:root{--bg:#101a2d;--surface:#18243a;--surface2:#20304a;--line:#35445f;--text:#f3f7ff;--muted:#aebbd1;--green:#53d7a0;--blue:#72b9ff;--orange:#ffbb70;--red:#ff7f91;--purple:#b9a0ff;--shadow:0 18px 50px #050b1850}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 0%,#246f6350,transparent 32%),radial-gradient(circle at 95% 30%,#3b4b8a44,transparent 35%)}.shell{position:relative;max-width:720px;margin:auto;padding:0 16px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#48d597,#278b7d);display:grid;place-items:center;color:#0d2d2a;font-size:25px;font-weight:900;box-shadow:0 7px 24px #45d49b55}.brand strong{font-size:17px;display:block}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.icon-button{border:1px solid var(--line);background:var(--surface2);color:var(--text);width:38px;height:38px;border-radius:12px;font-size:23px}.eyebrow{color:var(--green);font-size:12px;letter-spacing:.04em;font-weight:700}.hero{border:1px solid #3b625e;background:linear-gradient(145deg,#1e514b,#1a3347 70%);border-radius:24px;padding:24px;margin:4px 0 20px;box-shadow:var(--shadow)}.hero h1{font-size:25px;margin:8px 0}.hero p{color:#daebe9;font-size:13px;line-height:1.8}.hero .balance{font-size:31px;font-weight:800;margin:12px 0}.hero .balance small{font-size:13px;font-weight:400}.row{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:17px;margin-bottom:11px;box-shadow:0 8px 25px #06101f20}.card h3{margin:0 0 8px;font-size:16px}.card p{margin:4px 0;color:var(--muted);line-height:1.7;font-size:13px}.card .amount{font-weight:800;font-size:18px;color:var(--green)}.small{font-size:12px;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:24px 0 11px}.section-head h2{margin:0;font-size:20px}.section-head span{font-size:12px;color:var(--muted)}.btn{border:0;border-radius:13px;padding:11px 15px;font-weight:700;color:#10202d;background:var(--green);text-align:center;transition:transform .15s,filter .15s}.btn:active{transform:scale(.97)}.btn:hover{filter:brightness(1.07)}.btn.blue{background:var(--blue)}.btn.orange{background:var(--orange)}.btn.red{background:var(--red)}.btn.purple{background:var(--purple)}.btn.ghost{border:1px solid var(--line);background:var(--surface2);color:var(--text)}.btn.full{display:block;width:100%}.btn.tiny{padding:7px 11px;border-radius:9px;font-size:12px}.btn:disabled{opacity:.5;cursor:wait}.badge{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;background:#275546;color:#94f0c7;font-size:11px;font-weight:700}.badge.warn{background:#694526;color:#ffce95}.badge.danger{background:#673142;color:#ffc0c9}.badge.blue{background:#254c72;color:#b6dcff}.item-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.item-row+.item-row{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.item-title{font-size:14px;font-weight:700}.item-sub{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.6}.nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:3px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#131e30ed;border-top:1px solid var(--line);backdrop-filter:blur(20px)}.nav button{border:0;border-radius:12px;min-width:58px;max-width:105px;flex:1;padding:7px 3px;background:transparent;color:var(--muted);font-size:11px}.nav button strong{display:block;font-size:20px;line-height:1.3}.nav button.active{color:var(--green);background:#284f495c}.empty{border:1px dashed var(--line);border-radius:16px;padding:28px 20px;text-align:center;color:var(--muted);line-height:1.7}.empty b{display:block;color:var(--text);margin-bottom:6px}.stat{background:var(--surface2);border-radius:13px;padding:12px}.stat strong{display:block;font-size:19px;margin-top:4px}.stat small{color:var(--muted)}.progress{height:8px;background:#35465a;border-radius:50px;overflow:hidden;margin:12px 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue))}.mono{font-family:Consolas,monospace;direction:ltr;unicode-bidi:plaintext;word-break:break-all}.modal-layer{position:fixed;z-index:40;inset:0;background:#020914b5;display:flex;align-items:end;justify-content:center;padding:12px}.modal-layer[hidden],.nav[hidden],.toast[hidden]{display:none}.modal-card{background:#1c2940;border:1px solid var(--line);width:min(100%,540px);max-height:90vh;overflow:auto;border-radius:22px 22px 15px 15px;padding:18px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.modal-head h2{font-size:18px;margin:0}.field{display:block;margin:12px 0}.field span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #4b5d76;background:#121e31;border-radius:12px;color:var(--text);padding:12px;outline:none}.field textarea{min-height:95px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}.toast{position:fixed;z-index:60;left:16px;right:16px;bottom:calc(90px + env(safe-area-inset-bottom));max-width:500px;margin:auto;background:#285346;border:1px solid var(--green);padding:13px 16px;border-radius:13px;box-shadow:var(--shadow);font-size:13px}.toast.error{background:#59313c;border-color:var(--red)}.loading{display:grid;place-items:center;text-align:center;min-height:45vh;color:var(--muted)}.spinner{width:35px;height:35px;border:3px solid #ffffff30;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}a{color:var(--blue)}.code-box{background:#101b2d;padding:10px 12px;border-radius:10px;word-break:break-all;margin:8px 0;font-size:12px}.divide{border:0;border-top:1px solid var(--line);margin:17px 0}
@media(min-width:650px){.shell{padding:0 24px}.hero{padding:30px}.nav{max-width:720px;margin:auto;border-radius:18px 18px 0 0}.modal-layer{align-items:center}.modal-card{border-radius:22px}}@media(max-width:365px){.grid3{grid-template-columns:repeat(2,1fr)}.nav button{min-width:48px}}