*{box-sizing:border-box}body{color:#263a30;background:#eaf0eb;margin:0;font:16px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #b48225}header{justify-content:space-between;align-items:center;max-width:1120px;margin:auto;padding:25px 32px;display:flex}.brand{letter-spacing:-1px;font-size:23px;font-weight:750}.brand span{color:#fff;background:#2d6549;border-radius:12px;place-items:center;width:34px;height:34px;margin-right:9px;display:inline-grid}.demo{letter-spacing:1.5px;border:1px solid #c9d5cb;border-radius:20px;padding:8px 12px;font:11px monospace}main{width:min(440px,100% - 40px);margin:24px auto 115px}.intro{text-align:center;margin-bottom:25px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#627467;font:11px monospace}h1{letter-spacing:-1px;margin:11px 0;font:36px Georgia,serif}p{line-height:1.55}.intro p{color:#657468;margin:8px 0;font-size:14px}.topline{color:#6b786e;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;display:flex}select{color:#344e3d;background:0 0;border:0;padding:5px}.receipt{touch-action:pan-y;background:#fffaf0;border-radius:8px 8px 0 0;min-height:405px;padding:25px 28px 30px;transition:transform .18s,opacity .18s;position:relative;box-shadow:0 12px 30px #243c3012}.receipt:after{content:"";background:linear-gradient(135deg,#fffaf0 50%,#0000 50%) 0 0/16px 16px,linear-gradient(225deg,#fffaf0 50%,#0000 50%) 0 0/16px 16px;height:10px;position:absolute;bottom:-9px;left:0;right:0}.receipt-head{letter-spacing:1.5px;color:#7b8070;justify-content:space-between;font:11px monospace;display:flex}.art{background:repeating-linear-gradient(135deg,#f3eedf,#f3eedf 9px,#f8f4e9 9px 18px);border-radius:4px;place-items:center;height:100px;margin:22px 0;font-size:43px;display:grid}.amount{letter-spacing:-2px;margin:0 0 10px;font-size:49px;font-weight:650}.person{margin:0 0 8px;font-size:15px}.story{color:#54604e;min-height:58px;margin:0;font:19px/1.5 Georgia,serif}.receipt-foot{color:#7a806f;border-top:1px dashed #b8bba9;justify-content:space-between;margin-top:27px;padding-top:15px;font:10px monospace;display:flex}.actions{gap:13px;margin-top:31px;display:flex}.btn{color:#536558;background:0 0;border:1px solid #bdcbbf;border-radius:40px;flex:1;padding:16px 22px;font-weight:650}.primary{color:#fff;background:#2e684b;border-color:#2e684b}.primary:hover{background:#24563c}.note{text-align:center;color:#78847a;margin:19px 10px;font-size:12px}.note strong{font-weight:600}nav{z-index:3;background:#fafcf9;border:1px solid #dce4dc;border-radius:19px;gap:5px;width:min(440px,100% - 32px);padding:7px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #2c453214}nav button{color:#778377;background:0 0;border:0;border-radius:12px;flex:1;padding:13px 3px;font-size:13px}nav button.active{color:#244a32;background:#e7eddf;font-weight:650}.panel{background:#fffaf0;border-radius:10px;padding:26px}label{margin-bottom:17px;font-size:13px;font-weight:600;display:block}input,textarea,.panel select{color:#263a30;background:#fffdf7;border:1px solid #d9ddcf;border-radius:7px;width:100%;margin-top:7px;padding:12px;display:block}textarea{resize:vertical;min-height:90px}.panel .btn{width:100%}.entry{border-bottom:1px dashed #d4d8ca;justify-content:space-between;gap:12px;padding:19px 0;display:flex}.entry small{color:#778377;margin-top:5px;display:block}h2{margin:0 0 8px;font:28px Georgia,serif}.empty{text-align:center;padding:38px 15px}.empty .icon{margin-bottom:20px;font-size:36px}dialog{color:#263a30;background:#fffaf0;border:0;border-radius:18px;width:calc(100% - 40px);max-width:360px;padding:30px;box-shadow:0 20px 80px #0003}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17332666}dialog .actions{margin-top:20px}.toast{color:#fff;z-index:8;background:#253f30;border-radius:12px;padding:14px 22px;font-size:14px;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0002}footer{color:#8a968b;font:11px monospace;position:fixed;bottom:35px;left:35px}@media (max-width:850px){footer{display:none}}@media (max-width:500px){header{padding:20px}main{margin-top:12px}.receipt{min-height:380px;padding:22px}h1{font-size:32px}nav{bottom:12px}.art{height:88px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a{color:inherit}.brand{text-decoration:none}.account{font-size:13px}.linkbtn{text-align:center;text-decoration:none;display:block}.textbtn{color:#45634c;background:0 0;border:0;padding:6px;font-size:13px;text-decoration:underline}.message{background:#f8fbf5;border:1px solid #c6d8bc;border-radius:9px;justify-content:space-between;gap:8px;margin-bottom:16px;padding:14px;font-size:14px;display:flex}.error{background:#fff2ea;border-color:#e4b9a6}.check{align-items:start;gap:10px;font-size:12px;font-weight:400;line-height:1.5;display:flex}.check input{flex-shrink:0;width:16px;height:16px;margin:0}.mybill{border-bottom:1px solid #d9ddcf;margin-bottom:16px;padding:0 0 24px}.mybill:last-child{border:0;margin:0;padding-bottom:0}.mybill p{overflow-wrap:anywhere;font-size:14px}.mybill small{color:#6c7969}.compact{gap:6px;margin-top:15px}.compact .btn{padding:11px;font-size:12px}.full{margin:14px auto 0;display:block}.paypal{text-align:center;overflow-wrap:anywhere;border:1px dashed #bdcbbf;border-radius:7px;padding:16px}.story{overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:wait}main{padding-bottom:20px}dialog{max-height:90vh;overflow:auto}.auth-tabs{background:#eaf0e6;border-radius:10px;gap:6px;margin:22px 0;padding:5px;display:flex}.auth-tabs button{color:#627467;background:0 0;border:0;border-radius:7px;flex:1;padding:11px}.auth-tabs button.active{color:#294d36;background:#fffdf7;box-shadow:0 2px 5px #0001}.account{color:#45634c;background:0 0;border:0}.wall-main{width:min(1120px,100% - 40px)}.bill-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.bill-wall .receipt{flex-direction:column;gap:16px;min-height:310px;display:flex}.bill-wall .amount{margin:0;font-size:40px}.bill-wall .story{flex:1}.bill-wall .receipt-foot{margin-top:0}.bill-wall .btn{flex:0;padding:13px;font-size:14px}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:40px;font-size:13px;display:flex}.management{margin-bottom:20px}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.demo{font-size:9px}.message{overflow-wrap:anywhere}@media (max-width:900px){.bill-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.bill-wall{grid-template-columns:1fr}.demo{display:none}.actions{flex-wrap:wrap}.pagination{gap:8px}}.bill-image{object-fit:contain;border-radius:8px;width:100%;max-height:400px;margin:12px 0;display:block}.bill-wall .textbtn{align-self:start;padding:0}
