@import url("https://fonts.googleapis.com/css2?family=Boogaloo&family=Nunito:wght@400;500;600;700;800;900&display=swap");:root{--yellow:#ffd93d;--orange:#ff6b35;--orange-deep:#e85d28;--green:#6bcb77;--blue:#4d96ff;--pink:#ff6b9d;--purple:#c77dff;--red:#ff4757;--bg:#fffbf0;--bg2:#fff5d6;--dark:#1a1a2e;--dark2:#16213e;--text:#2d2d2d;--text-muted:#777;--border:#e8e0c8;--card-bg:#fff;--shadow:0 4px 20px rgba(0,0,0,.08);--shadow-hover:0 8px 40px rgba(0,0,0,.15);--radius:20px;--font-display:"Boogaloo",cursive;--font-body:"Nunito",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--yellow);border-radius:4px}::selection{background:var(--yellow);color:var(--dark)}.bg-blobs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22;animation:floatBlob 12s ease-in-out infinite}.blob-1{width:500px;height:500px;background:var(--yellow);top:-120px;right:-80px;animation-delay:0s}.blob-2{width:400px;height:400px;background:var(--orange);bottom:-120px;left:-100px;animation-delay:-4s}.blob-3{width:320px;height:320px;background:var(--green);top:45%;left:42%;animation-delay:-8s}@keyframes floatBlob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.card{background:var(--card-bg);border-radius:var(--radius);border:2px solid var(--border);box-shadow:var(--shadow);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card-hover:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.btn{font-family:var(--font-body);font-weight:800;border:none;border-radius:50px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.96)!important}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--orange);color:#fff;padding:14px 32px;font-size:1.05rem;box-shadow:0 4px 15px rgba(255,107,53,.35)}.btn-primary:hover:not(:disabled){background:var(--orange-deep);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(255,107,53,.45)}.btn-secondary{background:var(--yellow);color:var(--dark);padding:14px 32px;font-size:1.05rem;box-shadow:0 4px 15px rgba(255,217,61,.35)}.btn-secondary:hover:not(:disabled){background:#f0c800;transform:translateY(-2px) scale(1.02)}.btn-dark{background:var(--dark);color:#fff;padding:14px 32px;font-size:1.05rem}.btn-dark:hover:not(:disabled){background:var(--dark2);transform:translateY(-2px) scale(1.02)}.btn-ghost{background:transparent;color:var(--text-muted);padding:10px 20px;font-size:.9rem;border:2px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}.btn-danger{background:var(--red);color:#fff;padding:8px 16px;font-size:.85rem}.btn-danger:hover:not(:disabled){background:#e03040;transform:translateY(-1px)}.btn-sm{padding:8px 18px;font-size:.85rem}.btn-lg{padding:17px 40px;font-size:1.15rem}.btn-block,.input{width:100%}.input{font-family:var(--font-body);font-size:1rem;font-weight:600;border:2px solid var(--border);border-radius:14px;padding:14px 18px;background:#fff;color:var(--text);transition:border-color .2s,box-shadow .2s;outline:none}.input:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,107,53,.12)}.input::placeholder{color:#bbb;font-weight:500}.field-label{font-weight:700;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.macro-pill{display:inline-flex;flex-direction:column;align-items:center;padding:12px 16px;border-radius:16px;font-weight:800;min-width:80px}.macro-pill .value{font-size:1.4rem;line-height:1}.macro-pill .label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:3px;opacity:.8}.macro-calories{background:#fff0e5;color:var(--orange);border:2px solid #ffd4bf}.macro-protein{background:#e8f5ff;color:var(--blue);border:2px solid #bfe0ff}.macro-carbs{background:#fff8e1;color:#f59e0b;border:2px solid #ffe8a0}.macro-fat{background:#fff0f5;color:var(--pink);border:2px solid #ffd4e8}.macro-fiber{background:#edfff1;color:var(--green);border:2px solid #c0eec8}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:50px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-yellow{background:var(--yellow);color:var(--dark)}.badge-green{background:#edfff1;color:#1a7a32;border:1px solid #c0eec8}.badge-orange{background:#fff0e5;color:var(--orange);border:1px solid #ffd4bf}.badge-red{background:#fff0f0;color:var(--red);border:1px solid #ffd0d0}.badge-blue{background:#e8f5ff;color:var(--blue);border:1px solid #bfe0ff}.badge-gray{background:var(--bg2);color:var(--text-muted);border:1px solid var(--border)}.badge-purple{background:#f5ebff;color:var(--purple);border:1px solid #e5ccff}.plan-card{background:var(--card-bg);border-radius:24px;border:2px solid var(--border);padding:32px 28px;position:relative;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.plan-card.featured{border-color:var(--orange);box-shadow:0 12px 44px rgba(255,107,53,.22);transform:scale(1.03)}.plan-card.featured:hover{transform:scale(1.05) translateY(-3px)}.plan-card:not(.featured):hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#d8cfa8}.plan-emoji{font-size:44px;line-height:1;margin-bottom:12px}.plan-name{font-family:var(--font-display);font-size:1.75rem;color:var(--dark);line-height:1}.plan-price{display:flex;align-items:baseline;gap:4px;margin:14px 0 2px}.plan-price .amount{font-family:var(--font-display);font-size:3rem;color:var(--dark);line-height:.9}.plan-price .period{font-weight:700;color:var(--text-muted);font-size:1rem}.plan-feature{display:flex;align-items:flex-start;gap:10px;font-weight:600;font-size:.95rem;color:var(--text);padding:7px 0}.plan-feature .check{color:var(--green);font-weight:900;flex-shrink:0}.plan-feature.muted{color:#b3ab93}.popular-tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--orange);color:#fff;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;padding:6px 18px;border-radius:50px;box-shadow:0 4px 14px rgba(255,107,53,.4);white-space:nowrap}.billing-toggle{display:inline-flex;background:#fff;border:2px solid var(--border);border-radius:50px;padding:5px;gap:4px;position:relative}.billing-toggle button{font-family:var(--font-body);font-weight:800;font-size:.95rem;border:none;background:transparent;color:var(--text-muted);padding:9px 22px;border-radius:50px;cursor:pointer;transition:all .25s;position:relative;z-index:1}.billing-toggle button.active{background:var(--dark);color:#fff}.usage-track{width:100%;height:12px;border-radius:50px;background:var(--bg2);overflow:hidden}.usage-fill{height:100%;border-radius:50px;transition:width .8s cubic-bezier(.34,1.56,.64,1);background:var(--green)}.usage-fill.warn{background:var(--yellow)}.usage-fill.danger{background:var(--orange)}.usage-fill.full{background:var(--red)}.usage-chip{display:inline-flex;align-items:center;gap:9px;background:#fff;border:2px solid var(--border);border-radius:50px;padding:6px 8px 6px 16px;font-weight:800;font-size:.85rem;color:var(--dark)}.usage-chip .mini-track{width:54px;height:8px;border-radius:50px;background:var(--bg2);overflow:hidden}.usage-chip .mini-fill{height:100%;border-radius:50px}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:248px;flex-shrink:0;background:var(--dark);color:#fff;padding:22px 16px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;font-weight:700;font-size:.95rem;color:hsla(0,0%,100%,.65);cursor:pointer;transition:all .18s;border:none;background:transparent;text-align:left;width:100%;font-family:var(--font-body)}.admin-nav-item:hover{background:hsla(0,0%,100%,.08);color:#fff}.admin-nav-item.active{background:var(--orange);color:#fff;box-shadow:0 4px 14px rgba(255,107,53,.4)}.admin-nav-item .ico{font-size:1.15rem;width:22px;text-align:center}.admin-main{flex:1 1;min-width:0;padding:28px 34px;background:var(--bg)}.stat-card{background:#fff;border:2px solid var(--border);border-radius:18px;padding:20px 22px}.stat-label{font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.stat-value{font-family:var(--font-display);font-size:2.4rem;color:var(--dark);line-height:1;margin-top:6px}.stat-delta{font-weight:800;font-size:.82rem;margin-top:8px;display:inline-flex;align-items:center;gap:4px}.stat-delta.up{color:#1a9e4b}.stat-delta.down{color:var(--red)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:12px 16px;border-bottom:2px solid var(--border)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:.92rem;vertical-align:middle}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--bg2);cursor:pointer}.data-table tbody tr:last-child td{border-bottom:none}.avatar{width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.1rem;color:#fff;flex-shrink:0}.avatar,.seg{display:inline-flex}.seg{background:#fff;border:2px solid var(--border);border-radius:50px;padding:4px;gap:2px}.seg button{font-family:var(--font-body);font-weight:700;font-size:.85rem;border:none;background:transparent;color:var(--text-muted);padding:7px 16px;border-radius:50px;cursor:pointer;transition:all .18s}.seg button.active{background:var(--orange);color:#fff}@keyframes slideUp{0%{transform:translateY(26px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes pop{0%{transform:scale(.94)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.anim-slide-up{animation:slideUp .5s cubic-bezier(.34,1.56,.64,1) forwards}.anim-fade{animation:fadeIn .4s ease forwards}.anim-pop{animation:pop .4s cubic-bezier(.34,1.56,.64,1) forwards}.anim-bounce{animation:bounce 1.5s ease-in-out infinite}.spinner{border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.toast{position:fixed;bottom:24px;right:24px;z-index:9999;padding:14px 20px;border-radius:16px;font-weight:700;font-size:.95rem;box-shadow:0 8px 30px rgba(0,0,0,.18);display:flex;align-items:center;gap:10px;animation:slideUp .3s ease;max-width:340px}.toast-success{background:var(--green);color:#fff}.toast-error{background:var(--red);color:#fff}.toast-info{background:var(--blue);color:#fff}.modal-overlay{position:fixed;inset:0;background:rgba(26,26,46,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.modal{background:#fff;border-radius:24px;border:2px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:460px;animation:pop .32s cubic-bezier(.34,1.56,.64,1)}.wtf-logo{font-family:var(--font-display);color:var(--dark);line-height:1;letter-spacing:.01em;white-space:nowrap}.wtf-logo .the{color:var(--orange)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(255,251,240,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--border);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.container{max-width:1140px;margin:0 auto;padding:0 24px}.muted{color:var(--text-muted)}.center{text-align:center}.eyebrow{font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--orange)}.divider{height:1px;background:var(--border);border:none}.row{display:flex;align-items:center}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}@media (max-width:860px){.admin-sidebar,.blob-1,.blob-3{display:none}.admin-main{padding:18px}}