.router-link-active{color:#fff;font-weight:600}.header-nav{align-items:center;background:#fb5404;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;justify-content:space-between;padding:8px 1rem;position:sticky;top:0;z-index:56}.nav-links{display:flex;flex:1;gap:0}.nav-item{border-radius:6px;color:#ffffffe6;font-size:.95rem;font-weight:500;letter-spacing:.3px;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-item:hover{background-color:#ebebeb00;color:#fff;text-decoration:none;transform:translateY(-1px)}.nav-item:hover:after{border-bottom:4px solid #fff;border-radius:2px;content:"";display:block;margin:4px auto 0;transition:width .2s;width:80%}.nav-item.active{position:relative}.nav-item.active:after{border-bottom:4px solid #00a19d;border-radius:2px;content:"";display:block;margin:4px auto 0;width:80%}.nav-item i{font-size:1.08em;margin-right:.35em;opacity:.85}.nav-item:active{color:#fff200}.mobile-menu-btn{cursor:pointer;display:none;padding:.5rem;z-index:1001}.hamburger{cursor:pointer;height:20px;position:relative;transform:rotate(0);transition:.5s ease-in-out;width:25px}.hamburger span{background:#fff;border-radius:2px;display:block;height:3px;left:0;opacity:1;position:absolute;transform:rotate(0);transition:.25s ease-in-out;width:100%}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.hamburger.active span:first-child{top:8px;transform:rotate(135deg)}.hamburger.active span:nth-child(2){left:-60px;opacity:0}.hamburger.active span:nth-child(3){top:8px;transform:rotate(-135deg)}.mobile-sidebar-overlay{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.mobile-sidebar{background:#fff;box-shadow:2px 0 10px #0000001a;height:100%;left:-300px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1000}.mobile-sidebar.open{left:0}.sidebar-header{align-items:center;background:#fb5404;color:#fff;display:flex;justify-content:space-between;padding:1rem}.sidebar-header h3{font-size:1.2rem;font-weight:600;margin:0}.sidebar-header .close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:.25rem}.sidebar-nav{padding:1rem 0}.sidebar-item{align-items:center;border-left:4px solid transparent;color:#333;display:flex;padding:1rem 1.5rem;text-decoration:none;transition:all .2s ease}.sidebar-item:hover{background:#f8f9fa;border-left-color:#fb5404;color:#fb5404}.sidebar-item.active{background:#fff5f0;border-left-color:#fb5404;color:#fb5404;font-weight:600}.sidebar-item i{font-size:1.1rem;margin-right:1rem;text-align:center;width:20px}.sidebar-item span{font-size:1rem}.logout-item{border-top:1px solid #e9ecef;color:#dc3545!important;margin-top:.5rem;padding-top:1rem}.logout-item:hover{background:#f8d7da!important;border-left-color:#dc3545!important;color:#721c24!important}.logout-item i{color:#dc3545}@media (max-width:1024px){.mobile-menu-btn{display:block}.desktop-nav{display:none}.desktop-user-info{display:none!important}.mobile-user-row{align-items:center;display:flex!important;gap:.5rem}.mobile-icon-only .dropdown-arrow,.mobile-icon-only .location-text,.mobile-icon-only .profile-text{display:none!important}.header-nav{justify-content:space-between;padding:8px 1rem}.user-info{gap:.5rem}.location,.seller-id{font-size:.8rem;padding:.4rem .8rem}.profile-section{padding:.4rem .8rem}.profile-section span{font-size:.8rem}.notification-dropdown{display:none!important}.mobile-notification-dropdown{display:flex!important}.desktop-location-dropdown{display:none!important}.mobile-location-modal{display:flex!important}.mobile-sidebar-overlay{display:block}}@media (max-width:768px){.header-nav{padding:6px .5rem}.nav-links{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;padding-bottom:5px}.nav-links::-webkit-scrollbar{display:none}.nav-item{font-size:.85rem;padding:.4rem .6rem;white-space:nowrap}.mobile-user-row{gap:.3rem}.mobile-icon-only{min-height:40px;min-width:40px;padding:.4rem!important}.mobile-icon-only .profile-avatar{height:20px;width:20px}.location,.seller-id{font-size:.75rem;padding:.3rem .6rem;text-align:center}.profile-section{padding:.3rem .6rem}.profile-section img{height:28px;width:28px}.profile-section span{font-size:.75rem}.notification-dropdown{left:50%;right:0;transform:translate(-50%);width:280px}.notification-bell{font-size:16px;height:28px;width:28px}.mobile-sidebar{width:260px}}@media (max-width:480px){.nav-links{gap:.3rem}.nav-item{font-size:.8rem;padding:.3rem .5rem}.mobile-user-row{gap:.2rem}.mobile-icon-only{min-height:36px;min-width:36px;padding:.3rem!important}.mobile-icon-only .profile-avatar{height:18px;width:18px}.location,.seller-id{font-size:.7rem;padding:.25rem .5rem}.profile-section{padding:.25rem .5rem}.profile-section img{height:24px;width:24px}.profile-section span{font-size:.7rem}.notification-dropdown{left:50%;right:0;transform:translate(-50%);width:250px}.mobile-sidebar{width:240px}}.user-info{margin-left:auto}.desktop-user-info,.user-info{align-items:center;display:flex;gap:1rem}.mobile-icon-only .dropdown-arrow,.mobile-icon-only .location-text,.mobile-icon-only .profile-text,.mobile-user-row{display:none}.mobile-icon-only{align-items:center;background-color:#fff3;border-radius:6px;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.5rem!important;transition:all .2s ease}.mobile-icon-only:hover{background-color:#ffffff4d}.mobile-icon-only .location-icon,.mobile-icon-only .profile-avatar{align-items:center;display:flex;justify-content:center}.mobile-icon-only .profile-avatar{border-radius:50%;height:24px;width:24px}.location,.seller-id{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap}.location,.profile-section,.seller-id{border:1px solid hsla(0,0%,100%,.2);border-radius:6px;padding:.5rem 1rem}.profile-section{align-items:center;background-color:#ffffff1a;cursor:pointer;display:flex;gap:.75rem;position:relative;transition:background-color .2s ease}.profile-section:hover{background-color:#ffffff26}.dropdown-arrow{color:#fffc;font-size:.8rem;margin-left:.25rem;transition:transform .2s ease}.profile-section:hover .dropdown-arrow{transform:translateY(1px)}.profile-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.profile-dropdown-item{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.profile-dropdown-item:hover{background-color:#f8fafc}.profile-dropdown-item:hover .dropdown-text{color:#1976d2}.dropdown-text{font-weight:500;transition:color .2s ease}.dropdown-icon{color:#64748b;text-align:center;transition:color .2s ease;width:20px}.dropdown-icon i{font-size:1rem}.profile-dropdown-item:hover .dropdown-icon{color:#1976d2}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cards{display:flex;flex-direction:column;min-width:0;position:relative;word-wrap:break-word;background-clip:border-box;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.cards:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.cards .cards-header{background-color:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.05)!important;border-radius:.5rem .5rem 0 0;padding:1rem 1.5rem!important}.product-header{align-items:center;background-color:#f8f9fa;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem;width:100%}.product-header h6{color:#2d3748;flex-shrink:0;font-weight:600;margin-bottom:0}.upload-buttons{display:flex;gap:.75rem;margin-left:auto}.btn-teal{background:linear-gradient(135deg,#20c997,#1ba87a);border:none;border-radius:.375rem;box-shadow:0 2px 4px #20c99733;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.btn-teal:hover{box-shadow:0 4px 6px #20c9974d;transform:translateY(-1px)}.ml-2{margin-left:.5rem}main{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:0}@media (max-width:768px){main{min-height:calc(100vh - 120px);padding:0}}@media (max-width:480px){main{min-height:calc(100vh - 140px);padding:0}}.d-flex{display:flex!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.mb-3{margin-bottom:1rem!important}.table-container{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}@media (max-width:768px){.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:.5rem}.table{min-width:800px}.table thead th{font-size:.7rem;padding:.75rem .5rem}.table tbody td{font-size:.8rem;padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.btn-sm{font-size:.75rem;padding:.2rem .4rem}.product-image-container{height:40px;width:40px}.product-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}@media (max-width:480px){.table thead th{font-size:.65rem;padding:.5rem .25rem}.table tbody td{font-size:.75rem;padding:.5rem .25rem}.action-buttons{gap:.2rem}.btn-sm{font-size:.7rem;padding:.15rem .3rem}.product-image-container{height:35px;width:35px}}.table{border-collapse:separate;border-spacing:0;margin:0;width:100%}.table thead th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background-color:#f8fafc}.table tbody td{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:.875rem;padding:1rem 1.5rem}.table tbody tr:last-child td{border-bottom:none}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-active{background-color:#dcfce7;color:#166534}.status-pending{background-color:#fef9c3;color:#854d0e}.status-cancelled{background-color:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.5rem}.action-btn{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.375rem .75rem;transition:all .2s ease}.action-btn-edit{background-color:#e0f2fe;color:#0369a1}.action-btn-edit:hover{background-color:#bae6fd}.action-btn-delete{background-color:#fee2e2;color:#dc2626}.action-btn-delete:hover{background-color:#fecaca}.table-pagination{align-items:center;background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.pagination-info{color:#64748b;font-size:.875rem}.pagination-controls{display:flex;gap:.5rem}.pagination-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;color:#64748b;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f1f5f9;color:#1e293b}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background-color:#1e293b;border-color:#1e293b;color:#fff}.table-filters{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;padding:1rem 1.5rem}.search-input{border:1px solid #e2e8f0;border-radius:.375rem;flex:1;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.search-input:focus{border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b81a;outline:none}.filter-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;color:#1e293b;font-size:.875rem;min-width:150px;padding:.5rem 1rem}.filter-select:focus{border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b81a;outline:none}.select-wrapper{min-width:150px;position:relative}.select-wrapper:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #64748b;content:"";height:0;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:transform .2s ease;width:0}.select-wrapper:hover:after{border-top-color:#1e293b}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#1e293b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 2.5rem .625rem 1rem;transition:all .2s ease;width:100%}.select-wrapper select:hover{background-color:#f8fafc;border-color:#cbd5e1}.select-wrapper select:focus{border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b81a;outline:none}.select-wrapper select:disabled{background-color:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.select-wrapper select option{background-color:#fff;color:#1e293b;font-size:.875rem;padding:.5rem 1rem}.select-wrapper select option:hover{background-color:#f1f5f9}.select-wrapper select option:checked{background-color:#f1f5f9;font-weight:600}.select-with-icon{align-items:center;display:flex;gap:.5rem}.select-with-icon .icon{color:#64748b;font-size:1rem}.select-sm{min-width:120px}.select-sm select{font-size:.75rem;padding:.5rem 2rem .5rem .75rem}.select-lg{min-width:200px}.select-lg select{font-size:1rem;padding:.75rem 3rem .75rem 1.25rem}.select-primary select{border-color:#3b82f6}.select-primary select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select-success select{border-color:#22c55e}.select-success select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.select-warning select{border-color:#f59e0b}.select-warning select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.select-error select{border-color:#ef4444}.select-error select:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.select-with-label{display:flex;flex-direction:column;gap:.5rem}.select-label{color:#1e293b;font-size:.875rem;font-weight:500}.select-helper{color:#64748b;font-size:.75rem;margin-top:.25rem}.select-group{display:flex;gap:.5rem}.select-group .select-wrapper{flex:1}.select-loading{position:relative}.select-loading:before{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;content:"";height:1rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1rem}:global(.fa-icon){display:inline-block;height:1em;min-height:1em;min-width:1em;transition:transform .2s ease;vertical-align:middle;width:1em}:global(.fa-icon svg){display:block;height:100%;width:100%}.nav-item .fa-icon{font-size:.875rem;margin-right:.5rem}.location{cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.location-dropdown{background:#fff;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;margin-top:4px;min-width:200px;position:absolute;top:100%;z-index:1000}.location-option{color:#1e293b;padding:8px 16px;transition:background-color .2s}.location-option:hover{background-color:#f1f5f9}.seller-id{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.seller-id:hover{background-color:#ffffff4d}.toast-message{animation:slideIn .3s ease-out;background-color:#4caf50;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;padding:12px 24px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification-dropdown{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 8px 24px #0000001f;margin-top:12px;max-height:480px;overflow-y:auto;position:absolute;right:0;top:100%;width:360px;z-index:1000}.notification-header{align-items:center;background:#fafafa;border-bottom:1px solid rgba(0,0,0,.06);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h6{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0}.mark-all-read{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:14px;padding:4px 8px}.notification-list{padding:8px 0}.mobile-month-header,.month-header{background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.notification-item{background-color:#fff;border-bottom:1px solid #e5e7eb;cursor:pointer;padding:12px 16px;position:relative}.notification-item.unread{background-color:#f9fafb;border-left:3px solid #3b82f6}.unread-indicator{background-color:#3b82f6;border-radius:50%;height:6px;position:absolute;right:12px;top:12px;width:6px}.notification-content{display:flex;flex-direction:column;gap:6px}.notification-title{color:#1a1a1a;font-size:.95rem;font-weight:600;line-height:1.4}.notification-message{color:#4a5568;font-size:.9rem;line-height:1.5}.notification-time{align-items:center;color:#718096;display:flex;font-size:.8rem;font-weight:500;gap:4px}.notification-time:before{color:#cbd5e0;content:"•"}.no-notifications{background:#fafafa;border-radius:0 0 12px 12px;color:#718096;font-size:.95rem;padding:32px 20px;text-align:center}.notification-dropdown::-webkit-scrollbar{width:6px}.notification-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notification-dropdown::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.notification-dropdown::-webkit-scrollbar-thumb:hover{background:#a0aec0}.notification-bell{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;height:32px;justify-content:center;margin-left:15px;transition:transform .2s ease;width:32px}.notification-bell:hover{background:#fff3;transform:scale(1.1)}.mobile-notification-dropdown{align-items:flex-start;background:#00000080;bottom:0;display:none;justify-content:center;left:0;padding-top:80px;position:fixed;right:0;top:0;z-index:9999}.mobile-notification-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:70vh;max-width:400px;overflow:hidden;width:90%}.mobile-notification-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.mobile-header-actions{align-items:center;display:flex;gap:10px}.close-mobile-notification{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:20px;padding:4px}.mobile-notification-header h6{color:#1f2937;font-size:16px;font-weight:600;margin:0}.mobile-notification-list{max-height:50vh;overflow-y:auto}.mobile-notification-item{background-color:#fff;border-bottom:1px solid #e5e7eb;cursor:pointer;padding:12px 16px}.mobile-notification-item:last-child{border-bottom:none}.mobile-notification-item.unread{background-color:#f9fafb;border-left:3px solid #3b82f6}.mobile-unread-indicator{background-color:#3b82f6;border-radius:50%;height:6px;position:absolute;right:12px;top:12px;width:6px}.mobile-notification-content{display:flex;flex-direction:column;gap:8px}.mobile-notification-title{color:#1a1a1a;font-size:1rem;font-weight:600;line-height:1.4}.mobile-notification-message{color:#4a5568;font-size:.9rem;line-height:1.5}.mobile-notification-time{align-items:center;color:#718096;display:flex;font-size:.8rem;font-weight:500;gap:4px}.mobile-notification-time:before{color:#cbd5e0;content:"•"}.mobile-no-notifications{background:#fafafa;color:#718096;font-size:1rem;padding:40px 20px;text-align:center}.mobile-location-modal{align-items:flex-end;background:#00000080;bottom:0;display:none;justify-content:center;left:0;padding-bottom:0;position:fixed;right:0;top:0;z-index:9999}.mobile-location-modal-content{animation:slideUpModal .4s ease-out;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #0000004d;max-height:70vh;overflow:hidden;width:100%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-location-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px;position:relative}.mobile-location-modal-header:before{background:#ddd;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:40px}.mobile-location-modal-header h6{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.close-mobile-location-modal{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:28px;height:35px;justify-content:center;padding:0;transition:background-color .2s ease;width:35px}.close-mobile-location-modal:hover{background-color:#e9ecef;color:#495057}.mobile-location-modal-list{max-height:60vh;overflow-y:auto;padding:10px 0}.mobile-location-modal-item{border-bottom:1px solid #f1f3f4;cursor:pointer;padding:18px 20px;transition:background-color .2s ease}.mobile-location-modal-item:hover{background-color:#f8f9fa}.mobile-location-modal-item:last-child{border-bottom:none}.mobile-location-modal-item-content{align-items:center;display:flex;gap:15px;justify-content:space-between}.mobile-location-modal-name{color:#1a1a1a;flex:1;font-size:1.1rem;font-weight:500;line-height:1.4}.mobile-location-modal-check{color:#22c55e;font-size:18px}.notification-count{align-items:center;background:#1976d2;border-radius:50%;color:#fff;display:flex;font-size:.8rem;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:-8px;top:-8px}.profile-section img{background:#fff;border-radius:50%;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.profile-section span{color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap}.loading-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}