:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f8f6;color:#17332d;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.42}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.shell{max-width:1140px;margin:0 auto;padding:0 20px}.site-header{background:#073b34;color:#fff;position:sticky;top:0;z-index:9;box-shadow:0 8px 30px #0b34221a}.head-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:22px;font-weight:900;display:flex;align-items:center;gap:10px;letter-spacing:-.9px}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#18b884;color:#fff;font-size:24px}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav button{border:0;background:transparent;color:#c1e0d4;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:700}.nav button.active,.nav button:hover{background:#245b4b;color:#fff}.pill{border-radius:30px;padding:6px 12px;background:#ebfff3;color:#087b4e;font-size:12px;font-weight:800}.hero{background:linear-gradient(120deg,#073b34,#0f6753);color:#fff;overflow:hidden}.hero .shell{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding-top:72px;padding-bottom:65px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#80e4b9}h1{font-size:clamp(40px,6.7vw,70px);line-height:1.01;letter-spacing:-3px;margin:16px 0 16px}h2{font-size:30px;letter-spacing:-1px;margin:0 0 12px}h3{font-size:19px;letter-spacing:-.4px;margin:0 0 9px}p{margin:0 0 16px}.lead{font-size:17px;color:#cbe7dd;line-height:1.7;max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.btn{background:#0eaa79;border:1px solid #0eaa79;color:#fff;padding:13px 20px;border-radius:13px;font-weight:800;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px);background:#068961}.btn.ghost{background:transparent;color:inherit;border-color:#a9cbbb}.btn.outline{background:#fff;color:#146b52;border-color:#aacfc1}.btn.small{padding:9px 13px;font-size:12px}.btn.full{width:100%}.muted{color:#648278}.hero .muted{color:#b1d9c9}.hero-graphic{background:#ffffff13;border:1px solid #c6ffe63a;border-radius:25px;padding:20px;transform:rotate(2deg);box-shadow:0 24px 64px #00191254}.hero-graphic .white-card{background:#fff;color:#17332d;border-radius:16px;padding:20px;margin-bottom:12px}.hero-graphic .money{font-size:33px;font-weight:900;color:#06845b}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi{border-radius:13px;padding:13px;background:#e9f7f0}.kpi strong{display:block;font-size:20px}.kpi span{font-size:11px;color:#617a70}.section{padding:48px 0}.section .intro{max-width:680px;color:#637e71}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:#fff;border:1px solid #dce9e2;border-radius:20px;padding:22px;box-shadow:0 9px 27px #183e3011}.card:hover{border-color:#b6d9c6}.icon-box{font-size:28px;background:#e5f7ee;border-radius:13px;width:53px;height:53px;display:grid;place-items:center;margin-bottom:16px}.band{background:#e8f7ef;border-radius:24px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.screen{padding:35px 0 70px}.screen-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.screen-title p{color:#6e8177}.alert{padding:13px 16px;border-radius:13px;background:#fff4d7;color:#805d1d;border:1px solid #f0deab;margin:18px 0;font-size:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{border:1px solid #dce9e1;background:#fff;padding:20px;border-radius:17px}.stat .val{font-size:25px;font-weight:900;letter-spacing:-1px;margin-top:6px}.stat .sub{color:#668074;font-size:13px}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.input{min-height:44px;padding:10px 12px;border:1px solid #cfe0d6;border-radius:11px;background:#fff;color:#193f30;max-width:100%;width:100%;outline-color:#19a779}.controls .input{flex:1;min-width:130px}.campaign{display:flex;flex-direction:column;gap:10px}.campaign .topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.tag{display:inline-block;border-radius:40px;background:#e7f5ec;color:#0c7552;font-size:11px;font-weight:800;padding:6px 10px}.tag.mild{background:#eef1f0;color:#52685e}.tag.orange{background:#fff1dd;color:#9a6917}.reward{font-size:28px;color:#0b925f;font-weight:900;letter-spacing:-1px}.campaign p{color:#5f776c;font-size:13px;margin:0}.campaign .row-end{margin-top:auto}.form{display:grid;gap:15px}.form label{display:grid;gap:6px;font-size:13px;font-weight:700}.form textarea.input{min-height:85px;resize:vertical}.form .cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list{display:grid;gap:10px}.list-item{background:white;border:1px solid #dce8e1;border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.list-item small{color:#6c8278}.list-item .right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.code{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700;color:#09694d;background:#edf8f1;padding:8px;border-radius:8px;overflow-wrap:anywhere}.hidden{display:none!important}.toast{position:fixed;right:20px;bottom:22px;z-index:30;background:#123e32;color:#fff;padding:14px 18px;border-radius:13px;box-shadow:0 12px 30px #0003;max-width:320px}.footer{background:#0c382f;color:#b1d8c7;padding:27px 0;margin-top:20px;font-size:12px}.foot-inner{display:flex;justify-content:space-between;gap:20px}.empty{padding:30px;text-align:center;border:2px dashed #cadfd5;border-radius:16px;color:#648173}.modback{position:fixed;inset:0;background:#102b2488;display:grid;place-items:center;z-index:20;padding:15px}.modal{width:100%;max-width:530px;max-height:94vh;overflow:auto;background:#fff;border-radius:22px;padding:25px;box-shadow:0 18px 70px #05201744}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.close{border:0;background:#edf5f0;border-radius:9px;font-size:20px;height:35px;width:35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{font-size:14px;color:#637e70}.step strong{display:block;color:#234e3c;margin:8px 0}.ref-card{max-width:610px;margin:40px auto;padding:30px;background:#fff;border:1px solid #d5e4dc;border-radius:22px}.ref-card .btn{margin-top:15px}.danger-note{color:#996626;font-size:12px}
@media(max-width:800px){.hero .shell{grid-template-columns:1fr;padding-top:48px;padding-bottom:38px}.hero-graphic{transform:none;max-width:440px}.cards{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}.nav{gap:0}.nav button{padding:7px;font-size:12px}.brand{font-size:17px}.brand-mark{width:31px;height:31px}.head-inner{align-items:flex-start;padding-top:12px;padding-bottom:12px;flex-direction:column}.screen-title{flex-direction:column}.band{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.cards,.grid2,.steps{grid-template-columns:1fr}.form .cols{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.hero-graphic{display:none}.section{padding:31px 0}.band{padding:22px}.shell{padding:0 15px}.card{padding:17px}.grid4{gap:8px}.stat{padding:13px}.stat .val{font-size:21px}.screen{padding-top:23px}.nav{width:100%;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}.nav button{flex-shrink:0}.modal{padding:18px}}

.user-chip{border:1px solid #4f7d6e;background:#164d40;color:#fff;padding:8px 12px;border-radius:30px;font-size:12px;font-weight:800}
.authgate{max-width:620px;margin:40px auto;text-align:center}.authgate .icon-box{margin:0 auto 15px}
.notice-good{background:#e6f8ee;border:1px solid #bfe8d0;color:#166842;padding:13px 16px;border-radius:13px}
.notice-bad{background:#fff0ee;border:1px solid #f1cac4;color:#8c3e34;padding:13px 16px;border-radius:13px}
.loading{padding:40px;text-align:center;color:#648278}.linkline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.linkline .input{flex:1;min-width:220px}
.money-good{color:#09845b}.mini{font-size:12px}.divider{height:1px;background:#e2ece7;margin:17px 0}.nowrap{white-space:nowrap}
@media(max-width:560px){.user-chip{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.admin-badge{display:inline-flex;align-items:center;gap:6px;background:#103f34;color:#fff;border:1px solid #2e7a62;border-radius:30px;padding:7px 11px;font-size:12px;font-weight:800}
.list-item .right .btn{white-space:nowrap}
@media(max-width:560px){.list-item .right{width:100%}.list-item .right .btn{flex:1}}