:root{--cream: #F2E8D0;--orange: #B8821E;--orange-light: #CC9A38;--orange-pale: #F0DFB0;--teal: #2E9B74;--teal-pale: #C0EAD8;--yellow: #D4920C;--yellow-pale: #FAE5B0;--purple: #7A6BB0;--purple-pale: #E2DBED;--green: #3A9E5A;--green-pale: #C0E8CA;--pink: #B85870;--pink-pale: #F0D0D8;--blue: #3E78A8;--blue-pale: #C8DEED;--text: #261A08;--text-soft: #5E4828;--text-muted: #9A835A;--border: #DDD0B0;--white: #FDF8EE;--shadow-sm: 0 2px 10px rgba(38,26,8,.08);--shadow-md: 0 6px 20px rgba(38,26,8,.14);--shadow-btn: 0 4px 14px rgba(184,130,30,.4);--radius: 20px;--radius-sm: 12px;--radius-xs: 8px;--radius-lg: 28px;--radius-pill: 999px;--font-display: "Baloo 2", cursive;--font-body: "Nunito", sans-serif;--tab-h: 72px;--sidebar-bg: #0E1622;--sidebar-bg2: #090F18;--sidebar-text: rgba(235,220,190,.9);--sidebar-muted: rgba(180,200,170,.5);--sidebar-active-bg: rgba(255,255,255,.1);--sidebar-active-border: #CC9A38}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--cream);font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;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:2.5px solid var(--orange);outline-offset:1px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1.5px solid var(--border)}.btn-primary{background:var(--orange);color:#fff;border-radius:var(--radius-pill);padding:12px 24px;font-weight:800;font-size:.95rem;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}.btn-primary:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 18px #ff5c3573}.btn-primary:active{transform:scale(.97);box-shadow:none}.btn-secondary{background:var(--white);color:var(--text);border:2px solid var(--border);border-radius:var(--radius-pill);padding:11px 20px;font-weight:700;font-size:.9rem;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)}.btn-secondary:active{transform:scale(.97)}.btn-icon{background:var(--cream);color:var(--text-soft);border-radius:var(--radius-sm);padding:10px;font-size:1.1rem;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px}.btn-icon:hover{background:var(--border);color:var(--text)}.btn-icon:active{transform:scale(.94)}.pill-group{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:8px 16px;border-radius:var(--radius-pill);font-weight:700;font-size:.82rem;border:2px solid transparent;transition:all .15s;cursor:pointer;background:var(--white);color:var(--text-soft);border-color:var(--border)}.pill:hover{border-color:var(--orange);color:var(--orange)}.pill.active{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 3px 10px #ff5c354d}.pill.teal.active{background:var(--teal);border-color:var(--teal);box-shadow:0 3px 10px #00c9b14d}.pill.purple.active{background:var(--purple);border-color:var(--purple);box-shadow:0 3px 10px #7c5ce44d}.input{background:var(--cream);border:2px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-size:.95rem;color:var(--text);width:100%;transition:all .15s;font-weight:600}.input:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px #ff5c351a}.input::placeholder{color:var(--text-muted);font-weight:500}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);font-weight:700;font-size:.72rem;white-space:nowrap}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .22s 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(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.pop{animation:pop .25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:5px;height:5px}::-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:220px 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}}