@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";:root{--cream: #FDF0F5;--orange: #D63384;--orange-light: #E8579E;--orange-pale: #FCE4F0;--teal: #C2185B;--teal-pale: #FADADD;--yellow: #E91E8C;--yellow-pale: #FDE8F4;--purple: #9C27B0;--purple-pale: #F3E0F7;--green: #AD1457;--green-pale: #FAD7E6;--pink: #FF1493;--pink-pale: #FFD6EC;--blue: #C2185B;--blue-pale: #FADADD;--red: #E53935;--text: #1A0812;--text-soft: #4A1030;--text-muted: #9A4870;--border: #F0C0D8;--bg: #FDF0F5;--white: #FFF5F9;--shadow-sm: 0 1px 8px rgba(214,51,132,.08), 0 2px 4px rgba(214,51,132,.04);--shadow-md: 0 4px 20px rgba(214,51,132,.13), 0 1px 4px rgba(214,51,132,.07);--shadow-lg: 0 8px 32px rgba(214,51,132,.16), 0 2px 8px rgba(214,51,132,.09);--shadow-btn: 0 4px 16px rgba(214,51,132,.4);--radius: 18px;--radius-sm: 12px;--radius-xs: 8px;--radius-lg: 24px;--radius-pill: 999px;--font-display: "Baloo 2", cursive;--font-body: "Inter", sans-serif;--tab-h: 72px;--sidebar-bg: #2D0A1E;--sidebar-bg2: #1E0512;--sidebar-text: rgba(255,220,235,.9);--sidebar-muted: rgba(230,150,185,.5);--sidebar-active-bg: rgba(255,255,255,.1);--sidebar-active-border: #F472B6}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-body);outline:none}input:focus,textarea:focus,select:focus{outline:2px solid var(--orange);outline-offset:1px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.btn-primary{background:linear-gradient(135deg,var(--orange-light),var(--orange));color:#fff;border-radius:var(--radius-pill);padding:11px 22px;font-weight:700;font-size:.92rem;letter-spacing:.01em;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:7px;box-shadow:var(--shadow-btn);white-space:nowrap;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d633847a}.btn-primary:active{transform:scale(.97);box-shadow:none}.btn-primary:disabled{opacity:.5;transform:none;box-shadow:none;cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--text-soft);border:1.5px solid var(--border);border-radius:var(--radius-pill);padding:10px 18px;font-weight:600;font-size:.88rem;transition:all .15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-secondary:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-1px);box-shadow:0 2px 8px #d633842e}.btn-secondary:active{transform:scale(.97)}.btn{background:var(--white);color:var(--text-soft);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 16px;font-weight:600;font-size:.85rem;transition:all .15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}.btn:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-pale)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-icon{background:transparent;color:var(--text-muted);border-radius:var(--radius-xs);padding:7px;font-size:.9rem;transition:all .13s;display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;border:1px solid transparent}.btn-icon:hover{background:var(--cream);color:var(--text);border-color:var(--border)}.btn-icon:active{transform:scale(.92)}.pill-group{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:7px 15px;border-radius:var(--radius-pill);font-weight:600;font-size:.8rem;border:1.5px solid var(--border);transition:all .14s;cursor:pointer;background:var(--white);color:var(--text-soft)}.pill:hover{border-color:var(--orange);color:var(--orange)}.pill.active{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 2px 10px #d6338452}.pill.teal.active{background:var(--teal);border-color:var(--teal);box-shadow:0 2px 10px #c2185b52}.pill.purple.active{background:var(--purple);border-color:var(--purple);box-shadow:0 2px 10px #9c27b052}.input{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;font-size:.92rem;color:var(--text);width:100%;transition:all .14s;font-weight:500}.input:focus{border-color:var(--orange);background:#fff0f7;box-shadow:0 0 0 3px #d633841f}.input::placeholder{color:var(--text-muted);font-weight:400}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-pill);font-weight:700;font-size:.7rem;white-space:nowrap}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .2s cubic-bezier(.22,1,.36,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.85);opacity:0}70%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}.pop{animation:pop .22s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}@media (min-width: 900px){.desktop-sidebar{display:flex!important}.mobile-tabbar{display:none!important}#root{display:grid;grid-template-columns:228px 1fr;min-height:100vh}}@media (max-width: 899px){.desktop-sidebar{display:none!important}.mobile-tabbar{display:flex!important}#root{display:flex;flex-direction:column;min-height:100vh}}