*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:16px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:#28a745;color:#fff}.btn-danger{background-color:#dc3545;color:#fff}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a}.navbar{padding:15px 0}.navbar .container{align-items:center;display:flex;justify-content:space-between}.logo{color:#007bff;font-size:24px}.nav-links{display:flex;gap:20px;list-style:none}.nav-links a{color:#333;font-weight:500;text-decoration:none}.nav-links a:hover{color:#007bff}.footer{background-color:#333;color:#fff;margin-top:50px;padding:20px 0;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.error-message{background-color:#f8d7da;color:#721c24}.error-message,.success-message{border-radius:4px;margin-bottom:20px;padding:10px}.success-message{background-color:#d4edda;color:#155724}.App,.home-page{min-height:100vh}.home-page{display:flex;flex-direction:column}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0;text-align:center}.hero h2{font-size:48px;margin-bottom:20px}.hero p{font-size:20px;margin-bottom:10px}.hero .btn{font-size:18px;margin-top:30px;padding:15px 30px}.features{background-color:#fff;padding:80px 0}.features h3{font-size:36px;margin-bottom:50px;text-align:center}.feature-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-item{background-color:#f8f9fa;border-radius:8px;padding:30px;text-align:center}.feature-item h4{color:#007bff;font-size:24px;margin-bottom:15px}.cta{background-color:#f8f9fa;padding:80px 0;text-align:center}.cta h3{font-size:36px;margin-bottom:20px}.cta p{font-size:18px;margin-bottom:30px}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.auth-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:450px;padding:40px;width:100%}.auth-container h2{color:#333;margin-bottom:30px;text-align:center}.auth-container form{margin-bottom:20px}.auth-container .btn{margin-top:10px;width:100%}.auth-link{margin-top:15px;text-align:center}.auth-link a{color:#007bff;text-decoration:none}.auth-link a:hover{text-decoration:underline}.dashboard{display:flex;min-height:100vh}.sidebar{background-color:#2c3e50;color:#fff;padding:20px;width:250px}.sidebar h2{margin-bottom:30px}.sidebar-menu{list-style:none}.sidebar-menu li{margin-bottom:15px}.sidebar-menu a{color:#fff;font-size:16px;text-decoration:none}.sidebar-menu a:hover{color:#3498db}.main-content{background-color:#f5f5f5;flex:1 1;padding:30px}.product-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.product-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .3s}.product-card:hover{transform:translateY(-5px)}.product-image{height:200px;object-fit:cover;width:100%}.product-info{padding:15px}.product-name{font-size:18px;margin-bottom:10px}.product-price{color:#007bff;font-size:20px;font-weight:700}.table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.table table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.table th{font-weight:600}.table th,.table tr:hover{background-color:#f8f9fa}.loading{font-size:18px;padding:50px;text-align:center}.pagination{display:flex;gap:10px;justify-content:center;margin-top:30px}.pagination button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 15px}.pagination button:hover{background-color:#f8f9fa}.pagination button.active{background-color:#007bff;border-color:#007bff;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}:root{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-secondary:#ec4899;--color-secondary-light:#f472b6;--color-secondary-dark:#db2777;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease-in-out;--transition-base:300ms ease-in-out;--transition-slow:500ms ease-in-out}.gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-success{background:linear-gradient(135deg,#43e97b,#38f9d7)}.gradient-info{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-warning{background:linear-gradient(135deg,#fa709a,#fee140)}.gradient-purple-blue{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-pink-orange{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-blue-cyan{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-green-teal{background:linear-gradient(135deg,#43e97b,#38f9d7)}.gradient-orange-yellow{background:linear-gradient(135deg,#fa709a,#fee140)}.gradient-soft{background:linear-gradient(135deg,#fdfbfb,#ebedee)}.gradient-peach{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.gradient-sky{background:linear-gradient(135deg,#a8edea,#fed6e3)}.text-gradient-primary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.text-gradient-secondary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text}.card-modern{border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;transition:all .3s ease-in-out;transition:all var(--transition-base)}.card-modern:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.card-gradient{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);color:#fff;padding:2rem;padding:var(--spacing-xl)}.card-glass,.card-gradient{border-radius:1rem;border-radius:var(--radius-lg)}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.btn-gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-weight:600;padding:.5rem 2rem;padding:var(--spacing-sm) var(--spacing-xl);transition:all .3s ease-in-out;transition:all var(--transition-base)}.btn-gradient-primary:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-gradient-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-weight:600;padding:.5rem 2rem;padding:var(--spacing-sm) var(--spacing-xl);transition:all .3s ease-in-out;transition:all var(--transition-base)}.btn-gradient-secondary:hover{background:linear-gradient(135deg,#f5576c,#f093fb);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-gradient-success{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-weight:600;padding:.5rem 2rem;padding:var(--spacing-sm) var(--spacing-xl);transition:all .3s ease-in-out;transition:all var(--transition-base)}.btn-gradient-success:hover{background:linear-gradient(135deg,#38f9d7,#43e97b);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #6366f1;border:2px solid var(--color-primary);border-radius:.5rem;border-radius:var(--radius-md);color:#6366f1;color:var(--color-primary);cursor:pointer;font-weight:600;padding:.5rem 2rem;padding:var(--spacing-sm) var(--spacing-xl);transition:all .3s ease-in-out;transition:all var(--transition-base)}.btn-outline:hover{background:#6366f1;background:var(--color-primary);color:#fff;transform:translateY(-2px)}.hover-scale{transition:transform .3s ease-in-out;transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-lift{transition:all .3s ease-in-out;transition:all var(--transition-base)}.hover-lift:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.hover-glow{transition:all .3s ease-in-out;transition:all var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #667eea80}.hover-brightness{transition:filter .3s ease-in-out;transition:filter var(--transition-base)}.hover-brightness:hover{filter:brightness(1.1)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;line-height:1;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.badge-primary{background:#6366f1;background:var(--color-primary);color:#fff}.badge-secondary{background:#ec4899;background:var(--color-secondary);color:#fff}.badge-success{background:#10b981;background:var(--color-success);color:#fff}.badge-warning{background:#f59e0b;background:var(--color-warning);color:#fff}.badge-error{background:#ef4444;background:var(--color-error);color:#fff}.badge-gradient{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-fade-in{animation:fadeIn .5s ease-in}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-slide-in-left{animation:slideInLeft .5s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:1000px 100%;border-radius:.5rem;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.skeleton-title{height:2rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.skeleton-circle{border-radius:50%}.container-responsive{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-md);width:100%}@media (min-width:640px){.container-responsive{padding:0 1.5rem;padding:0 var(--spacing-lg)}}@media (min-width:768px){.container-responsive{padding:0 2rem;padding:0 var(--spacing-xl)}}@media (min-width:1024px){.container-responsive{padding:0 3rem;padding:0 var(--spacing-2xl)}}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.show-mobile{display:none!important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:1rem;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl)}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.m-0{margin:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem;gap:var(--spacing-xs)}.gap-2{gap:.5rem;gap:var(--spacing-sm)}.gap-3{gap:1rem;gap:var(--spacing-md)}.gap-4{gap:1.5rem;gap:var(--spacing-lg)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-primary);outline-offset:2px}@media print{.no-print{display:none!important}}
/*# sourceMappingURL=main.07e534a3.css.map*/