body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background:#f8f8f8;font-family:Arial,sans-serif;margin:0}.topnav{background:#222;display:flex;gap:20px;padding:10px}.topnav a{color:#fff;font-weight:700;text-decoration:none}.topnav .logout{background:#c00;border:none;color:#fff;cursor:pointer;margin-left:auto;padding:6px 16px}.main-content{min-height:60vh;padding:30px}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0001;display:flex;flex-direction:column;gap:15px;padding:30px}.login-form button,.login-form input{font-size:16px;padding:8px}.login-form button{background:#cf2e2e;border:none;border-radius:4px;color:#fff}.footer{background:#222;color:#fff;font-size:14px;padding:15px 0;text-align:center}.ticker{background:#cf2e2e;color:#fff;height:32px;overflow:hidden;width:100%}.ticker__content{animation:ticker 30s linear infinite;display:inline-block;margin-top:8px;padding-left:100%;white-space:nowrap}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.report-tabs{margin-bottom:20px}.report-tabs button{background:#eee;border:none;border-radius:4px;cursor:pointer;margin-right:10px;padding:6px 16px}.report-tabs .active{background:#cf2e2e;color:#fff}.sales-table{border-collapse:collapse;margin-bottom:10px;width:100%}.sales-table td,.sales-table th{border:1px solid #ccc;padding:8px;text-align:center}.export-btn{background:#28a745;border:none;border-radius:4px;cursor:pointer;padding:8px 20px}.reports-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.reports-header{margin-bottom:3rem;text-align:center}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#f9ca24);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:2rem}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.stat-card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-10px) scale(1.02)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4ecdc4,#44a08d);-webkit-background-clip:text;font-size:3rem;font-weight:900;margin-bottom:.5rem}.modern-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-radius:50px;display:flex;gap:.5rem;justify-content:center;margin:0 auto;max-width:600px;padding:.5rem}.tab-btn{background:#0000;border:none;border-radius:50px;color:#fffc;cursor:pointer;flex:1 1;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.tab-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tab-btn:hover:before{left:100%}.tab-btn.active{background:#ffffff40;box-shadow:0 8px 32px #0003;color:#fff;transform:scale(1.05)}.table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000001a;padding:2rem}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;height:300px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #007bff1a;border-radius:50%;border-top-color:#007bff;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modern-table{border-collapse:initial;border-spacing:0;margin-bottom:2rem;width:100%}.modern-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;letter-spacing:.5px;padding:1.5rem 1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.modern-table td{border-bottom:1px solid #0000000d;padding:1.2rem 1rem;transition:all .3s ease}.table-row{animation:slideInUp .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.table-row:hover{background:linear-gradient(90deg,#64c8ff1a,#c864ff1a);transform:scale(1.01)}.total-row{background:linear-gradient(135deg,#28a745,#20c997);color:#fff!important;font-size:1.1rem;font-weight:700}.action-buttons{display:flex;gap:1rem;justify-content:center}.export-btn,.print-btn{border:none;border-radius:50px;box-shadow:0 10px 30px #0003;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.export-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a52);color:#fff}.print-btn{background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff}.hover-scale:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-3px) scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out}.slide-in-up{animation:slideInUp .8s cubic-bezier(.25,.46,.45,.94)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}@media (max-width:768px){.modern-tabs{flex-direction:column}.stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.dual-tables{background:#ffffffeb;border-radius:16px;box-shadow:0 10px 30px #00000014;display:flex;gap:1rem;height:240px;padding:1rem}.side-table{flex:1 1;padding:.5rem}.mini-table{border-collapse:collapse;font-size:.75rem;width:100%}.mini-table th{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:.7rem;font-weight:600;padding:.4rem;text-align:left;white-space:nowrap}.mini-table td{border-bottom:1px solid #00000008;padding:.3rem .4rem}.rank-mini{color:#3b82f6;font-size:.8rem;font-weight:800;padding-right:0;text-align:center;width:20px}.name-cell,.product-cell{font-size:.75rem;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-table .mini-badge{font-size:.65rem;padding:.15rem .4rem}.side-table:last-child td:last-child{color:#059669;font-size:.8rem;font-weight:700;white-space:nowrap}.mini-table tr:hover{background:#4ecdc414}.mini-row.medal-1{border-left:2px solid #f59e0b}.mini-row.medal-2{border-left:2px solid #6b7280}.mini-row.medal-3{border-left:2px solid #d97706}.compact-header{margin-bottom:.5rem}.compact-header h4{color:#1e40af;font-size:.9rem;font-weight:700;margin:0}@media (max-width:768px){.dual-tables{flex-direction:column;height:auto}}.modern-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;border-radius:50px;box-shadow:0 10px 40px #0000001a;display:flex;justify-content:space-between;margin:1.5rem 0;padding:1rem 2rem}.nav-center{display:flex;flex:1 1;gap:.5rem;justify-content:center}.nav-item{background:#ffffff80;border:2px solid #0000;border-radius:25px;color:#64748b;font-size:1rem;font-weight:600;min-width:90px;padding:1rem 1.5rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.nav-item:hover{background:linear-gradient(45deg,#f7adad,#fcadad);border-color:#4ecdc44d;box-shadow:0 15px 30px #4ecdc466;color:#fff;transform:translateY(-3px) scale(1.05)}.nav-item.active{background:linear-gradient(45deg,#cf2e2e,#cf2e2e);border-color:#bd0c0c66;box-shadow:0 10px 25px #3b82f666;color:#fff;transform:scale(1.08)}.nav-item.active:after{animation:arrowPop .3s ease;border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #cf2e2e;bottom:-8px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}@keyframes arrowPop{0%{opacity:0;transform:translateX(-50%) scale(.5)}to{opacity:1;transform:translateX(-50%) scale(1)}}.logout-btn{background:linear-gradient(45deg,#ef4444,#dc2626);border:none;border-radius:25px;box-shadow:0 5px 20px #ef444466;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.logout-btn:hover{background:linear-gradient(45deg,#dc2626,#b91c1c);box-shadow:0 15px 35px #ef444499;transform:translateY(-3px) scale(1.05)}@media (max-width:768px){.modern-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-center{flex-wrap:wrap;justify-content:center}.nav-item{font-size:.9rem;min-width:80px;padding:.8rem 1.2rem}}
/*# sourceMappingURL=main.5f4e8f12.css.map*/