*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans Thai",sans-serif;color:#332b1b;background:#fbf8f0}a{text-decoration:none;color:inherit}.landing{min-height:100vh;background:radial-gradient(circle at 80% 15%,#f5e8bd 0,#fbf8f0 32%,#fff 70%)}.topbar,.appbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #eadfca;background:rgba(255,255,255,.84);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#9c7412,#e6c86a,#b58a24);color:#fff;font-family:Georgia;font-size:23px;box-shadow:0 6px 18px #c6a54b44}.brand b{display:block;letter-spacing:2px;font-size:14px}.brand small{display:block;color:#9b8451;font-size:9px;letter-spacing:1.5px;margin-top:3px}.hero{max-width:1180px;margin:auto;padding:90px 5%;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;color:#a17b1e;font-weight:bold}.hero h1{font:500 58px/1.08 Georgia,serif;margin:18px 0;color:#342b1b}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#a27412,#dfc264);-webkit-background-clip:text;color:transparent}.hero p{font-size:17px;line-height:1.8;color:#7c715e;max-width:530px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 24px;border-radius:12px;border:1px solid #d9cba9;font-weight:bold;cursor:pointer;font-size:14px}.btn.gold{background:linear-gradient(135deg,#b48620,#e0c05e);border:0;color:#fff;box-shadow:0 10px 25px #b58a2440}.btn.outline{background:#fff;color:#876a25}.btn.full{width:100%;margin-top:20px}.text-link{color:#8d6e29;font-weight:bold}.hero-card{position:relative;overflow:hidden;min-height:340px;border-radius:28px;padding:38px;background:linear-gradient(145deg,#d6b34e,#b68b22 45%,#efd784);color:#fff;box-shadow:0 25px 55px #9f7a2b38}.hero-card .shine{position:absolute;width:300px;height:300px;border-radius:50%;background:#fff5;right:-120px;top:-100px}.hero-card span{letter-spacing:3px;font-size:11px}.hero-card small{display:block;margin-top:55px;opacity:.8}.hero-card strong{display:block;font:500 55px Georgia;margin:8px 0}.hero-card i,.wallet-hero i{font:normal 22px Arial}.hero-card .value{font-size:14px}.line{height:1px;background:#fff6;margin:30px 0}.mini{display:flex;justify-content:space-between;font-size:13px}.features{max-width:1100px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 5%}.features div{padding:28px;border-top:1px solid #ddcfae}.features b{color:#bd922a;font-size:11px}.features h3{margin:10px 0}.features p,.muted{color:#857966}.auth-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#f3e4b6,#fbf8f0 45%)}.auth-card{width:min(440px,92%);background:#fff;padding:36px;border-radius:24px;box-shadow:0 20px 60px #8b6a2720;border:1px solid #eee3cc}.center{justify-content:center;margin-bottom:25px}.auth-card h1{text-align:center;font:500 30px Georgia;margin:12px 0}.auth-card>.muted{text-align:center;margin-bottom:25px}.back{color:#8b6c2a;font-size:13px}.auth-card form{margin-top:22px}.auth-card label{display:block;font-size:12px;font-weight:bold;margin:15px 0 7px;color:#665a47}.auth-card input{width:100%;padding:13px;border:1px solid #ded4bd;border-radius:10px;outline:none;font-size:14px}.foot{text-align:center;font-size:13px;color:#817662}.foot a{color:#a77d1e;font-weight:bold}.app{background:#f8f5ed;min-height:100vh}.appbar{background:#fff}.user{display:flex;gap:14px;align-items:center;font-size:13px}.user a{color:#9b7627}.container{max-width:1180px;margin:auto;padding:45px 5% 80px}.container.narrow{max-width:760px}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.welcome h1,.page-title h1{font:500 38px Georgia;margin:10px 0}.welcome p,.page-title p{color:#817662}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr 1fr;margin-top:18px}.card{background:#fff;border:1px solid #ebe1cc;border-radius:18px;padding:25px;box-shadow:0 8px 28px #8a6c2410}.card>span{font-size:12px;color:#8c806c}.card>strong{display:block;font:500 30px Georgia;margin:10px 0}.card small{display:block;color:#968b79;margin-bottom:5px}.card>b{font-size:13px}.gold-card{background:linear-gradient(135deg,#a97c16,#d8b550);color:#fff;border:0}.gold-card>span,.gold-card small{color:#fff9}.gold-card strong{font-size:38px}.positive{color:#5e8b47}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head h2{font:600 18px Arial;margin:0}.card-head a,.card-head>span{color:#a27a20;font-size:12px}.progress{height:9px;background:#eee7d7;border-radius:20px;margin:25px 0 12px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#b4851d,#e2c563);border-radius:20px}.between{display:flex;justify-content:space-between;color:#8a806f;font-size:11px}.tx{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #f0eadc;font-size:13px}.tx:last-child{border-bottom:0}.tx small{display:block;color:#998d7a;margin-top:5px}.tx>b,.tx>strong{color:#8d6b20}.bottom{display:none}.page-title{margin-bottom:25px}.save-card{padding:30px}.save-card label{font-size:12px;font-weight:bold;color:#756a58}.money{font:500 44px Georgia;border-bottom:1px solid #ddd1b6;padding:18px 0}.money input{font:inherit;width:75%;border:0;outline:0;color:#4b3c20}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.chips button{padding:11px;border:1px solid #dfd4bb;background:#fff;border-radius:9px;color:#806427;cursor:pointer}.estimate{background:#fbf8f0;padding:20px;border-radius:14px;display:grid;gap:8px}.estimate span{font-size:11px;color:#8e826e}.estimate b{font-size:13px}.estimate strong{font:500 30px Georgia;color:#a17718;margin-top:5px}.wallet-hero{background:linear-gradient(135deg,#a97c16,#e0c15f);color:#fff;border-radius:22px;padding:35px;margin-bottom:18px}.wallet-hero span{font-size:12px}.wallet-hero strong{display:block;font:500 54px Georgia;margin:10px 0}.wallet-hero small{opacity:.9}.actions-row{display:flex;gap:12px;margin-top:20px}.list{padding:10px 25px}.badge{background:#f0dfad;padding:6px 10px;border-radius:20px}.price-box{padding:18px 0}.price-box strong{display:block;font:500 36px Georgia;margin:8px 0}.price-box small{color:#988b78}.admin-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.admin-menu a{background:#fff;border:1px solid #ebe1cc;border-radius:12px;padding:17px;color:#6e5b31;font-weight:bold;font-size:13px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:35px;padding-top:55px}.hero h1{font-size:43px}.hero-card{min-height:280px}.features,.stats,.two{grid-template-columns:1fr}.features{margin-bottom:30px}.topbar,.appbar{padding:0 18px}.container{padding:30px 16px 85px}.welcome{display:block}.welcome .btn{margin-top:18px}.user{display:none}.bottom{position:fixed;display:flex;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #e8dec9;justify-content:space-around;z-index:5}.bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:19px;color:#8c806b}.bottom small{font-size:10px;margin-top:3px}.bottom .active{color:#a77b1d}.chips{grid-template-columns:repeat(2,1fr)}.admin-menu{grid-template-columns:repeat(2,1fr)}.welcome h1,.page-title h1{font-size:32px}.actions{flex-wrap:wrap}.hero-card strong{font-size:45px}}
.alert{padding:12px 15px;border-radius:10px;background:#fff2d1;color:#795b1c;font-size:13px;margin:15px 0}.alert.success{background:#edf6e7;color:#50733e}input,select{font-family:inherit}form label{display:block;font-size:12px;font-weight:bold;color:#756a58;margin:15px 0 7px}form input{width:100%;padding:13px;border:1px solid #ded4bd;border-radius:10px;outline:none;font-size:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;min-width:650px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #eee7d8}th{color:#8b6f31;background:#fcfaf4}.mini-btn{padding:7px 10px;font-size:11px}.admin-menu{margin-bottom:40px}
.captcha-row{display:flex;gap:8px;align-items:center}.captcha-row img{width:150px;height:44px;border:1px solid #ded4bd;border-radius:9px}.captcha-row button{height:44px;border:1px solid #ded4bd;background:#fff;border-radius:9px;color:#8b6c2a}.error{background:#fff2ef;border:1px solid #e7b6aa;color:#a54d3e;padding:10px 12px;border-radius:9px;font-size:12px;margin:15px 0}.success{background:#eef8e8;border:1px solid #bdd9aa;color:#52783d;padding:10px 12px;border-radius:9px;font-size:12px;margin:15px 0}.transfer-box{margin-top:22px;padding:18px;background:#fbf8f0;border:1px dashed #d8c79d;border-radius:14px;color:#655840}.level-track{position:relative;height:76px;margin:25px 8px 8px;background:linear-gradient(#eee7d7,#eee7d7) center 28px/100% 5px no-repeat}.level-progress{position:absolute;left:0;top:26px;height:9px;border-radius:8px;background:linear-gradient(90deg,#b48620,#e0c05e);display:block;max-width:100%}.level{position:absolute;top:16px;transform:translateX(-50%);z-index:2;text-align:center}.level span{font-size:22px;color:#d8cfbd}.level span.done{color:#b78a20}.level small{display:block;margin-top:6px;font-size:10px;color:#8b806e}.goal-big{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;border-top:1px solid #eee6d6;padding-top:18px}.goal-big b{font:500 28px Georgia}.goal-big strong{font:500 24px Georgia;color:#a4771b}.goal-big span{font-size:11px;color:#8b806e}