@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap');:root{--bg:#080a12;--panel:#111522;--line:#252b3d;--text:#edf0fa;--muted:#a4abc0;--purple:#8b5cf6;--green:#a3ff5f;--cyan:#38d9ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -10%,#24204a 0,transparent 42%),var(--bg);color:var(--text);font:16px 'Hind Siliguri','Ubuntu',sans-serif;min-height:100vh}a{color:#c7b4ff;text-decoration:none}a:hover{color:var(--green)}.top{height:auto;min-height:76px;padding:16px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#080a12eF;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand{font:700 20px Ubuntu,sans-serif;letter-spacing:.5px;color:white}.brand b{color:var(--green)}nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}nav a,.linkbtn{font-size:14px;color:#d8dbee}.navcta{background:var(--purple);padding:8px 16px;border-radius:9px}.wrap{width:min(1160px,92%);margin:38px auto 80px;min-height:65vh}.hero{padding:90px 7%;border:1px solid #373052;border-radius:28px;background:linear-gradient(125deg,#17182b,#111827 55%,#17221b);box-shadow:0 24px 90px #0005}.eyebrow,.tag{color:var(--green);font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.hero h1{font:700 clamp(42px,7vw,76px)/1.1 Ubuntu,sans-serif;margin:18px 0}.hero h1 em{color:var(--green);font-style:normal}.hero p{color:#c2c8da;max-width:600px;font-size:19px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 18px;font:600 15px 'Hind Siliguri';cursor:pointer;color:#fff;background:#34394b}.btn.primary{background:linear-gradient(110deg,#8051ec,#9c62f7);box-shadow:0 8px 24px #8b5cf644}.btn.ghost{border:1px solid #545b70;background:transparent}.btn.danger{background:#9b334b}.btn.small{padding:7px 11px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:28px 0}.stats>div,.tile{padding:22px;border:1px solid var(--line);border-radius:15px;background:#111522}.stats b{display:block;font:700 25px Ubuntu;color:var(--green)}.stats span{color:var(--muted)}h1,h2,h3{font-family:'Ubuntu','Hind Siliguri',sans-serif}h1{font-size:34px}h2{font-size:24px}.panel{background:linear-gradient(145deg,#141a29,#101522);border:1px solid var(--line);border-radius:17px;padding:24px;margin:16px 0;box-shadow:0 12px 35px #0002}.panel.compact{padding:14px 18px}.narrow{max-width:520px;margin:30px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.taskgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.taskcard h3{margin:12px 0}.taskcard p{color:var(--muted);min-height:48px}.taskfoot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:15px}.taskfoot b{color:var(--green);font-size:20px}.tag{display:inline-block;padding:5px 9px;background:#243126;border-radius:30px;letter-spacing:.4px}label{display:block;margin:13px 0;color:#dce0ed}input,textarea,select{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #353d52;border-radius:9px;background:#090e19;color:white;font:15px 'Hind Siliguri';outline:none}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #8b5cf622}textarea{min-height:110px;resize:vertical}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.inline{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.inline input{width:auto;min-width:150px}.inline select{width:auto}.linkbtn{background:none;border:0;cursor:pointer}.alert{padding:13px 16px;border-radius:10px;margin:14px 0;background:#173324;border:1px solid #2c6944}.alert.err{background:#381b28;border-color:#7c3049}.muted{color:var(--muted)}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--green)}.adminnav{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.adminnav a{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#121827}footer{border-top:1px solid var(--line);padding:28px 5%;display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;color:var(--muted)}footer b{color:var(--green)}.install{display:grid;place-items:center;padding:24px}.installbox{width:min(620px,100%)}.installbox h3{margin-top:28px;color:var(--green)}@media(max-width:700px){.top{align-items:flex-start;flex-direction:column}nav{gap:12px}.hero{padding:55px 24px}.hero h1{font-size:44px}.wrap{margin-top:22px}.panel{padding:18px}.actions{flex-wrap:wrap}footer{justify-content:flex-start}}

/* HUDA TASK HUB — premium glass / depth layer */
:root{--glass:rgba(22,27,45,.78);--glow:rgba(139,92,246,.28)}
body{background:radial-gradient(ellipse at 82% 4%,rgba(100,65,190,.22),transparent 34%),radial-gradient(ellipse at 8% 55%,rgba(39,117,111,.10),transparent 32%),#070911}
.top{box-shadow:0 10px 35px #0004;border-bottom-color:#292943}
.brand{letter-spacing:1px;text-shadow:0 0 22px #8b5cf655}
nav a{transition:color .2s,transform .2s}nav a:hover{transform:translateY(-2px)}
.hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,rgba(20,23,43,.98),rgba(17,26,42,.94) 58%,rgba(20,42,37,.92));box-shadow:0 30px 100px #0007,inset 0 1px #ffffff12;transform-style:preserve-3d}
.hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-75px;top:-135px;background:radial-gradient(circle,#9b6cff66 0,rgba(139,92,246,.10) 45%,transparent 70%);filter:blur(5px);z-index:-1;animation:floatGlow 8s ease-in-out infinite}
.hero:after{content:"HUDA  /  WALLET     ✦\A\A৳  DIGITAL BALANCE\A\A SECURE  •  VERIFIED";white-space:pre;position:absolute;right:7%;top:50%;width:220px;height:142px;padding:22px;border:1px solid #ffffff35;border-radius:20px;background:linear-gradient(135deg,rgba(142,100,255,.45),rgba(31,185,164,.18) 65%,rgba(255,255,255,.08));box-shadow:0 25px 60px #0008,inset 0 1px #ffffff55;backdrop-filter:blur(16px);font:600 11px/1.7 Ubuntu,sans-serif;letter-spacing:1px;color:#f4f0ff;transform:translateY(-40%) perspective(700px) rotateY(-19deg) rotateX(8deg);animation:floatCard 6s ease-in-out infinite;z-index:-1}
.hero h1,.hero p,.hero .actions,.hero .eyebrow{position:relative;z-index:1}.hero p{max-width:650px}
.wallet-hero{position:relative;isolation:isolate;overflow:hidden;min-height:235px;padding:28px 32px;border-radius:25px;border:1px solid #ffffff32;background:linear-gradient(125deg,#29204d 0%,#29234e 34%,#163b43 100%);box-shadow:0 28px 70px #0008,inset 0 1px #ffffff55;transform-style:preserve-3d;transition:transform .35s,box-shadow .35s}
.wallet-hero:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateY(-3px);box-shadow:0 35px 85px #0009,0 0 35px #8b5cf622,inset 0 1px #ffffff66}
.wallet-large{min-height:275px;padding:32px 38px;margin:18px 0 22px}
.wallet-orb{position:absolute;border-radius:50%;z-index:-1;pointer-events:none;filter:blur(1px)}.orb-one{width:260px;height:260px;right:8%;top:-130px;background:radial-gradient(circle,#c4a5ff66,transparent 68%)}.orb-two{width:210px;height:210px;right:28%;bottom:-150px;background:radial-gradient(circle,#59f0ce4d,transparent 68%)}
.wallet-meta,.wallet-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.wallet-meta{font:700 11px Ubuntu,sans-serif;letter-spacing:1.8px;color:#e7ddff}.wallet-chip{padding:7px 11px;border:1px solid #ffffff3d;border-radius:30px;background:#ffffff12;font-size:10px;letter-spacing:1px}.wallet-label{margin-top:30px;color:#d2cce8;font-size:14px}.wallet-balance{font:700 clamp(38px,6vw,56px)/1.2 Ubuntu,sans-serif;letter-spacing:-2px;color:#fff;text-shadow:0 4px 25px #0004;margin:4px 0 22px}.wallet-bottom{font:10px/1.6 Ubuntu,sans-serif;letter-spacing:1px;color:#d2cce8}.wallet-bottom b{font-size:13px;color:#fff;letter-spacing:.3px}.wallet-action{padding:10px 14px;border:1px solid #ffffff45;border-radius:10px;color:white;background:#ffffff12;font-size:12px}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 22px}.page-heading h1{margin:8px 0}.page-heading p{margin:0}.premium-stats{margin:20px 0 30px}.premium-stats>div{position:relative;overflow:hidden;background:linear-gradient(145deg,#171b2c,#101522);border-color:#30344d;box-shadow:0 12px 35px #0003;transition:transform .25s,border-color .25s}.premium-stats>div:hover{transform:translateY(-4px);border-color:#8b5cf688}.premium-stats b{font-size:24px;color:#d9c8ff}.section-title{margin:28px 0 14px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-card{position:relative;display:flex;flex-direction:column;gap:8px;min-height:155px;padding:20px;border-radius:17px;border:1px solid #2c3248;background:linear-gradient(145deg,#151a2a,#0e1320);box-shadow:0 12px 32px #0003;transition:transform .25s,border-color .25s,box-shadow .25s}.quick-card:hover{transform:translateY(-5px);border-color:#8b5cf6aa;box-shadow:0 18px 40px #0006,0 0 24px #8b5cf622}.quick-card i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#8b5cf6,#38d9ff);font-style:normal;font-size:21px;color:#fff}.quick-card b{font:600 16px Ubuntu,sans-serif;color:#f1edff}.quick-card span{font-size:13px;color:var(--muted)}.quick-card strong{position:absolute;right:18px;top:22px;color:var(--green);font-size:19px}.wallet-grid{align-items:start}.wallet-grid>.panel{height:100%}.wallet-grid h2{margin-top:0}
.panel{box-shadow:0 14px 38px #0003,inset 0 1px #ffffff06;backdrop-filter:blur(10px)}.btn,.navcta{transition:transform .2s,filter .2s,box-shadow .2s}.btn:hover,.navcta:hover{transform:translateY(-2px);filter:brightness(1.12)}
@keyframes floatCard{0%,100%{margin-top:0;transform:translateY(-40%) perspective(700px) rotateY(-19deg) rotateX(8deg)}50%{margin-top:-12px;transform:translateY(-40%) perspective(700px) rotateY(-14deg) rotateX(5deg)}}@keyframes floatGlow{0%,100%{transform:translate(0,0)}50%{transform:translate(-25px,22px)}}
@media(max-width:900px){.hero:after{right:4%;opacity:.55}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hero:after{display:none}.page-heading{align-items:flex-start;flex-direction:column}.wallet-hero{padding:23px;min-height:220px}.wallet-large{min-height:245px}.wallet-balance{font-size:42px}.quick-grid{grid-template-columns:1fr 1fr}.quick-card{min-height:145px;padding:15px}.premium-stats{grid-template-columns:1fr 1fr}.premium-stats>div:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}