:root{--bg-base: #FAF5EB;--green-50: #E8F5E9;--green-100: #C5E0B4;--green-300: #8BC34A;--green-500: #4CAF50;--green-700: #388E3C;--green-900: #2E7D32;--navy-dark: #2B3A67;--soft-blue: #87CEEB}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Be Vietnam Pro,sans-serif;background-color:var(--bg-base);color:var(--navy-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.font-display,#admin-panel,#admin-panel h1,#admin-panel h2,#admin-panel h3,#admin-panel h4,#admin-panel h5,#admin-panel h6{font-family:Be Vietnam Pro,sans-serif}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--green-100);border-radius:20px}.bubble-card{background-color:#fff;border-radius:2rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:2px solid var(--green-50)}.card-shadow{box-shadow:0 4px 20px -2px #2b3a6714}.card-hover{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card-hover:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px -4px #2b3a671f}.input-field{background-color:var(--bg-base);border-color:var(--green-100);border-radius:1rem;transition:all .3s ease}.input-field:focus{border-color:var(--green-500);box-shadow:0 0 0 2px var(--green-100);outline:none}.btn-primary{background-color:var(--green-500);color:#fff;border-radius:1rem;font-weight:700;transition:all .2s ease}.btn-primary:hover{background-color:var(--green-700);transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.bubble-shadow{box-shadow:4px 4px 0 var(--green-100)}.btn-shadow{box-shadow:0 4px 0 var(--green-700);transition:all .2s ease}.btn-shadow:active{box-shadow:0 0 0 var(--green-700);transform:translateY(4px)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}