:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#183c34;background:#f5f4ee;font-synthesis:none;--green:#103f35;--gold:#c5a265;--muted:#76847e;--line:#e5e9e1}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c5a265;outline-offset:3px}.shell{max-width:1000px;margin:auto}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:20px 32px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--green);font:600 31px Georgia,serif}.brand img{width:49px;height:49px;object-fit:cover;border-radius:50%;border:1px solid var(--gold)}.brand small{display:block;font:8px system-ui;letter-spacing:2px;margin-top:4px}.avatar{width:44px;height:44px;border-radius:50%;border:1px solid #d7ddcf;background:#e9eddf;color:var(--green);font-weight:650}main{padding:10px 32px 115px;min-height:70vh}h1{font:500 30px/1.2 Georgia,serif;margin:7px 0 12px;letter-spacing:-.5px}h2{font-size:19px;letter-spacing:-.4px;margin:0}h3{font-size:16px;margin:0 0 8px}p{line-height:1.6;margin:8px 0}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:29px 0 15px}.text-button{background:none;border:0;color:#42695c;padding:9px 0;font-size:13px}.hero{position:relative;overflow:hidden;background:var(--green);border-radius:25px;padding:29px;color:#fff;box-shadow:0 12px 28px #103f3512;margin-top:23px}.hero:after{content:'۞';position:absolute;font-size:280px;right:-35px;top:-80px;color:#c4a36614;pointer-events:none}.hero .eyebrow{color:#b8c8bb}.hero .balance{font-size:49px;font-weight:500;letter-spacing:-2px;margin:9px 0 2px;position:relative;z-index:1}.hero .balance small{font-size:16px;letter-spacing:0;color:#d0ddcf}.hero p{color:#b9cebf;font-size:12px;max-width:290px}.hero .btn{margin-top:16px;background:#e0bf83;color:#183b31;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 19px;border-radius:12px;border:1px solid var(--green);background:var(--green);color:white;text-decoration:none;font-size:13px;font-weight:600}.btn.secondary{background:#f8f9f3;color:var(--green);border:1px solid #dbe3d7}.btn.wide{width:100%}.actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.action,.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.action{text-align:left;color:inherit;display:flex;gap:13px;align-items:center}.action b{display:block;font-size:14px}.action small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eef3e9;color:#588063;font-size:23px;flex-shrink:0}.icon.gold{background:#f8f0dd;color:#b9924f}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.stats div{border-right:1px solid var(--line);text-align:center}.stats div:last-child{border:0}.stats strong{display:block;font-size:24px;font-weight:500;margin-bottom:3px}.stats small{font-size:11px;color:var(--muted)}.amanat{display:flex;gap:13px;background:#eceee3;border-radius:15px;padding:17px 19px;margin:25px 0}.amanat p{font-size:12px;margin:4px 0;color:#6f7e6c}.amanat b{font:500 18px Georgia}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.task-head{display:flex;gap:13px;align-items:center;margin-bottom:17px}.task-head h3{margin-bottom:4px}.tag{display:inline-block;font-size:10px;color:#6d825f;background:#eff3e8;border-radius:7px;padding:4px 7px}.task-desc{font-size:13px;color:#758078;min-height:40px;margin-bottom:17px}.task-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eef0e8;padding-top:14px}.reward{font-size:20px;white-space:nowrap}.reward small{font-size:10px;display:block;color:var(--muted);margin-top:3px}.note{font-size:11px;color:var(--muted);line-height:1.6}.empty{background:#fff;border:1px dashed #d7dfd0;border-radius:20px;padding:30px;text-align:center;color:var(--muted);grid-column:1/-1;line-height:1.7}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #edf0e8}.row:last-child{border:0}.row p{font-size:13px;margin:0}.positive{color:#388258}.negative{color:#a54b40}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;max-width:1000px;width:100%;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#fafbf6f5;backdrop-filter:blur(16px);border-top:1px solid #e1e6dc;z-index:10}nav button{flex:1;border:0;background:transparent;color:#879589;font-size:24px;padding:3px;min-width:0}nav span{display:block;font-size:10px;margin-top:4px}nav button.active{color:var(--green)}.form{display:flex;gap:8px;margin:15px 0}.form input{min-width:0;flex:1;border-radius:11px;border:1px solid #dce3d7;padding:13px;background:#fcfdf9;color:#183c34}dialog{width:min(440px,calc(100% - 30px));max-height:85vh;overflow:auto;border:0;border-radius:22px;padding:26px;color:#183c34;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0a282b99;backdrop-filter:blur(4px)}dialog p{font-size:14px}dialog .btn{margin-top:12px}.checkbox{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;margin:20px 0}input[type=checkbox]{accent-color:var(--green);width:19px;height:19px;flex-shrink:0}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;background:#163e34;color:white;border-radius:14px;padding:14px 20px;z-index:40;font-size:13px;box-shadow:0 8px 30px #0002}#preview{text-align:center;background:#eee6cd;color:#79633d;font-size:11px;padding:7px}.progress{height:5px;background:#edf0e8;border-radius:10px;margin-top:12px;overflow:hidden}.progress-fill{height:100%;background:#799b74}.profile-head{display:flex;align-items:center;gap:15px;margin:20px 0}.profile-head .avatar{display:grid;place-items:center;width:64px;height:64px;font-size:24px}.packages .card{display:flex;justify-content:space-between;align-items:center;padding:17px}.link-box{font-size:12px;word-break:break-all;background:#f0f3eb;padding:13px;border-radius:10px}a{color:#4b7666}#close-modal{display:block;margin:12px auto 0}.loader{opacity:.6;pointer-events:none}
@media(min-width:720px){.hero{padding:35px 40px}.hero .balance{font-size:58px}.hero:after{right:60px}.cards{grid-template-columns:repeat(3,1fr)}.packages{grid-template-columns:repeat(2,1fr)}main{padding-top:24px}.hero p{max-width:none}.actions{max-width:650px}h1{font-size:36px}}
@media(max-width:480px){header{height:85px;padding:17px 20px}main{padding:9px 20px 110px}.cards{grid-template-columns:1fr}.hero{padding:24px}.hero .balance{font-size:44px}.action{padding:16px 12px;gap:9px}.action small{font-size:10px}.action .icon{width:33px;height:36px;font-size:20px}.brand small{font-size:7px;letter-spacing:1.5px}h1{font-size:28px}.title-row{margin-top:25px}nav{padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:no-preference){main{animation:appear .25s ease}button{transition:background .15s,transform .15s}.btn:active{transform:scale(.98)}@keyframes appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}}