@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800;900&display=swap";
:root{--cream:#fdf8f3;--paper:#fff;--wash:#f4f1ec;--line:#e8ded4;--line-strong:#ddd0c2;--ink:#1a1416;--muted:#8a817c;--soft:#f6ede4;--red:#c8102e;--red-dark:#7a0019;--red-deep:#5e0014;--gold:#e4c97e;--gold-dark:#9a7d1c;--green:#1f8a5b;--blue:#229ed9;--shadow:0 18px 45px -26px #3a04108c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;color:var(--ink);background:#e7e2dc;margin:0;font-family:Manrope,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0}button:focus{outline:none}button:focus-visible{outline-offset:2px;outline:2px solid #229ed98c}.serif{font-family:Playfair Display,Georgia,serif}.app-shell{background:radial-gradient(75% 70% at 50% 0,#ffffffa6,#0000 70%),linear-gradient(#e8e2da 0%,#ddd6cf 100%);min-height:100vh}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--red), var(--red-dark));border:1px solid #e4c97e80;place-items:center;width:40px;height:40px;font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:900;display:grid;box-shadow:0 12px 28px -14px #c8102ecc}.mini-stage{flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:18px 20px 32px;display:flex}.phone{background:#0e0b0c;border-radius:52px;width:min(392px,100vw - 28px);height:min(840px,100vh - 102px);min-height:690px;padding:13px;position:relative;box-shadow:0 50px 90px -30px #280a1099,0 0 0 2px #0006,inset 0 0 0 2px #ffffff0f}.phone:before{content:"";z-index:5;background:#0e0b0c;border-radius:18px;width:122px;height:30px;display:none;position:absolute;top:24px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--cream);border-radius:40px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.tg-bar{color:#fff;background:linear-gradient(110deg, var(--red-dark), var(--red));z-index:2;justify-content:space-between;align-items:center;padding:16px 18px 14px;display:flex;box-shadow:0 4px 20px #7a001959}.phone-scroll{scrollbar-width:none;flex:1;overflow-y:auto}.phone-scroll::-webkit-scrollbar{display:none}.mini-page{padding:20px 18px 24px;animation:.35s both rise}.welcome-page{background:linear-gradient(180deg, var(--cream), #f6ede4);flex-direction:column;min-height:100%;padding:40px 26px;display:flex}.card,.panel{border:1px solid var(--line);background:#fff;box-shadow:0 10px 28px -24px #3a04106b}.mini-card{border-radius:16px}.balance-card{color:#fff;background:linear-gradient(135deg, var(--red-dark), var(--red) 60%, #9b1b1b);border-radius:22px;margin-top:16px;padding:22px;position:relative;overflow:hidden;box-shadow:0 22px 44px -16px #7a001999}.balance-card:after{content:"";background:radial-gradient(circle,#e4c97e47,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-42px;right:-30px}.btn{color:#fff;background:linear-gradient(110deg, var(--red), var(--red-dark));cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:800;display:inline-flex;box-shadow:0 14px 28px -18px #c8102ebf}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.secondary{color:#6b6360;border:1px solid var(--line);box-shadow:none;background:#fff}.btn.gold{color:var(--red-deep);background:var(--gold);box-shadow:none}.icon-button{border:1px solid var(--line);color:#6b6360;cursor:pointer;background:#fff;place-items:center;width:42px;height:42px;display:inline-grid}.field,.textarea{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fcfaf7;outline:none;padding:13px 15px}.textarea{resize:vertical;min-height:128px;line-height:1.55}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.pill.gold{color:var(--gold);background:#e4c97e2e;border:1px solid #e4c97e73}.grid{gap:16px;display:grid}.mini-nav{border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);gap:2px;padding:8px 8px 6px;display:grid;box-shadow:0 -6px 20px #783c140d}.mini-nav button{color:#b0a79f;cursor:pointer;background:0 0;border-radius:10px;outline:none;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;font-weight:800;display:flex}.mini-nav button.active{color:var(--red)}.modal-backdrop{z-index:8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#140a0c8c;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{background:var(--cream);border-radius:28px 28px 0 0;width:100%;padding:14px 22px 30px;animation:.28s both sheet;box-shadow:0 -20px 50px #280a1066}.admin-login{background:radial-gradient(130% 100% at 50% 0%, #2a0309 0%, var(--red-deep) 45%, var(--red-dark) 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border-top:3px solid var(--gold);background:#fff;width:min(404px,100%);padding:44px 40px;box-shadow:0 50px 100px -30px #0009}.admin-app{background:var(--wash);min-height:100vh;display:flex}.sidebar{background:linear-gradient(185deg, var(--red-deep), #3a0410);color:#fff;flex-direction:column;flex-shrink:0;width:248px;height:100vh;display:flex;position:sticky;top:0;box-shadow:4px 0 30px -10px #3a041080}.side-nav{flex:1;padding:18px 14px;overflow-y:auto}.side-section{color:#ffffff59;letter-spacing:1.4px;text-transform:uppercase;padding:10px 12px 6px;font-size:10px;font-weight:800}.side-item{color:#ffffffa8;cursor:pointer;text-align:left;background:0 0;border-left:3px solid #0000;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;font-weight:700;display:flex}.side-item.active{color:#fff;background:linear-gradient(110deg, var(--red), #9b1b1b);border-left-color:var(--gold)}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:3;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:20px;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.admin-content{flex:1;padding:28px 30px 48px}.stat-card{border-top:3px solid var(--red);padding:20px}.table{border:1px solid var(--line);background:#fff;overflow:hidden}.table-row,.table-head{border-bottom:1px solid #f4eee6;align-items:center;gap:14px;padding:14px 22px;display:grid}.table-head{color:#9a918b;letter-spacing:.5px;text-transform:uppercase;background:#faf6f0;font-size:11px;font-weight:800}.table-row:hover{background:#fbf6f0}.status-line{min-height:20px;color:var(--muted);font-size:12px;font-weight:700}.error{color:var(--red)}.success{color:var(--green)}.spin{animation:.8s linear infinite spin}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:920px){.admin-app{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.side-nav{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.side-section{display:none}.topbar{flex-direction:column;align-items:flex-start;height:auto;min-height:72px;padding:16px}.admin-content{padding:18px 14px 36px}.table{overflow-x:auto}}@media (max-width:560px){.mini-stage{padding:0}.mini-stage>.brand-lockup{display:none}.phone{border-radius:0;width:100vw;height:100dvh;min-height:0;padding:0}.phone:before{display:none}.phone-screen{border-radius:0}}