@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Quicksand:wght@400;500;600;700&display=swap";:root{--bg-color:#fff0f5;--surface:#fff;--surface-hover:#fff9fb;--border:#ffd1dc;--primary:#ff8fab;--primary-glow:#ff8fab66;--secondary:#a0c4ff;--accent:#fdffb6;--success:#9bf6ff;--warning:#ffd6a5;--danger:#ffadad;--text-main:#5c4d51;--text-muted:#9c8e92}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#ffe4ec 2px,#0000 2px);background-size:30px 30px;min-height:100vh;font-family:Quicksand,sans-serif}#root{min-height:100vh;display:flex}.cute-card{background:var(--surface);border:3px solid var(--border);box-shadow:0 8px 0 var(--border);border-radius:24px;padding:1.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.cute-card:hover{box-shadow:0 12px 0 var(--border);transform:translateY(-4px)}h1,h2,h3,h4{letter-spacing:-.02em;color:#ff5c8a;font-family:Outfit,sans-serif;font-weight:700}.gradient-text{color:#ff5c8a}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border:3px solid #ff5c8a;box-shadow:0 4px #ff5c8a}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px #ff5c8a}.btn-primary:active{transform:translateY(4px);box-shadow:0 0 #ff5c8a}.btn-outline{border:3px solid var(--border);color:var(--text-main);box-shadow:0 4px 0 var(--border);background:#fff}.btn-outline:hover{background:var(--surface-hover);box-shadow:0 6px 0 var(--border);transform:translateY(-2px)}.btn-outline:active{box-shadow:0 0 0 var(--border);transform:translateY(4px)}.btn-danger{background:var(--danger);color:#d90429;border:3px solid #ef233c;box-shadow:0 4px #ef233c}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px #ef233c}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.2rem;display:flex}.input-group label{color:var(--text-main);padding-left:.5rem;font-size:.9rem;font-weight:700}.input-field{border:3px solid var(--border);color:var(--text-main);background:#fff;border-radius:16px;outline:none;padding:.8rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff8fab33}.app-container{width:100%;max-width:1600px;margin:0 auto;display:flex}.sidebar{border-right:3px solid var(--border);z-index:10;background:#fff;flex-direction:column;gap:2rem;width:280px;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.main-content{flex:1;padding:2rem 3rem;overflow-y:auto}.nav-menu{flex-direction:column;gap:.8rem;list-style:none;display:flex}.nav-item{color:var(--text-muted);border:3px solid #0000;border-radius:16px;align-items:center;gap:.75rem;padding:1rem 1.2rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg-color);color:var(--text-main)}.nav-item.active{background:var(--primary);color:#fff;border:3px solid #ff5c8a;transform:translateY(-2px);box-shadow:0 4px #ff5c8a}.badge{border:2px solid #0000;border-radius:999px;padding:.35rem .8rem;font-size:.8rem;font-weight:800}.badge-success{background:var(--success);color:#007f5f;border-color:#007f5f}.badge-warning{background:var(--warning);color:#d4a373;border-color:#d4a373}.badge-danger{background:var(--danger);color:#d90429;border-color:#d90429}.badge-primary{background:var(--primary);color:#fff;border-color:#ff5c8a}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards bounceIn}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--primary);border:3px solid var(--bg-color);border-radius:6px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:4px solid #ff5c8a;border-radius:32px;width:100%;max-width:500px;padding:2rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) bounceIn;box-shadow:0 15px #ff5c8a,0 20px 40px #0003}