body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;font-size:16px}@media (max-width: 1023px){body{padding-bottom:env(safe-area-inset-bottom,0)}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .5s ease-out}.pulse{animation:pulse 2s infinite}.bounce{animation:bounce 1s infinite}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hover-scale{transition:transform .2s ease-in-out}.hover-scale:hover{transform:scale(1.02)}.gradient-bg,.gradient-bg-blue{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-bg-green{background:linear-gradient(135deg,#11998e,#38ef7d)}.gradient-bg-purple{background:linear-gradient(135deg,#8e2de2,#4a00e0)}.gradient-bg-yellow{background:linear-gradient(135deg,#f093fb,#f5576c)}.glass{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.card-shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn-primary{@apply bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition-all duration-200 transform hover:scale-105 active:scale-95;}.btn-secondary{@apply bg-gray-600 hover:bg-gray-700 text-white font-medium py-2 px-4 rounded-lg transition-all duration-200 transform hover:scale-105 active:scale-95;}.btn-success{@apply bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-4 rounded-lg transition-all duration-200 transform hover:scale-105 active:scale-95;}.btn-danger{@apply bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-4 rounded-lg transition-all duration-200 transform hover:scale-105 active:scale-95;}.input-field{@apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200;}.spinner{border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.test-style{background:red!important;color:#fff!important;padding:20px!important;border-radius:10px!important;margin:20px!important}.page-transition{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-lg{width:60px;height:60px;border-width:6px}.page-background{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;position:relative;overflow:hidden}.page-background:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);pointer-events:none}.btn-hover-effect{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-hover-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-hover-effect:hover:before{left:100%}.card-hover-effect{transition:all .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.card-hover-effect:hover{transform:translateY(-8px) rotateX(5deg);box-shadow:0 25px 50px -12px #00000040}.App{min-height:100vh;background-color:#f9fafb}main{flex:1}@media (max-width: 768px){.App{padding-bottom:80px}}