.admin-login-container,.admin-main-container{display:flex;min-height:100vh;background-color:#f3f4f6;font-family:Poppins,sans-serif}.admin-login-container{justify-content:center;align-items:center;width:100%;position:relative;overflow:hidden}.admin-login-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4f46e5,#2563eb);clip-path:polygon(0 0,100% 0,100% 80%,0 100%);z-index:-1}.admin-login-card{width:90%;max-width:450px;background-color:white;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);padding:2.5rem 2rem;position:relative;z-index:10}.admin-login-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.admin-login-title{font-size:1.75rem;font-weight:600;color:#1f2937;text-align:center;margin-bottom:2rem}.admin-login-error{background-color:#fee2e2;color:#b91c1c;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;display:flex;align-items:center}.admin-login-error,.admin-login-form,.admin-login-form-group{margin-bottom:1.5rem}.admin-login-label{display:block;font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.5rem}.admin-login-input-group{display:flex;align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:0 .75rem;transition:all .2s ease}.admin-login-input-group:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.admin-login-input-group i{color:#9ca3af;font-size:1rem;width:20px}.admin-login-input{flex-grow:1;padding:.75rem .75rem .75rem .5rem;background:transparent;outline:none;color:#1f2937}.admin-login-button,.admin-login-input{border:none;font-size:.875rem;width:100%}.admin-login-button{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:#4f46e5;color:white;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-login-button:hover{background-color:#4338ca}.admin-login-button:disabled{background-color:#9ca3af;cursor:not-allowed}.admin-login-button i{margin-right:.5rem}.admin-login-footer{display:flex;justify-content:center}.admin-login-footer .admin-back-link{color:#6b7280;font-size:.875rem;text-decoration:none;display:flex;align-items:center;transition:color .2s ease}.admin-login-footer .admin-back-link i{margin-right:.5rem}.admin-login-footer .admin-back-link:hover{color:#4f46e5}.admin-sidebar{width:250px;background-color:#111827;color:#f9fafb;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.admin-logo{padding:1.5rem;border-bottom:1px solid #374151}.admin-logo h2{font-size:1.25rem;font-weight:600;margin:0}.admin-navigation{flex-grow:1;padding:1rem 0;overflow-y:auto}.admin-navigation ul{list-style:none;padding:0;margin:0}.admin-nav-item{display:flex;align-items:center;padding:.75rem 1.5rem;width:100%;text-align:left;border:none;background:none;color:#d1d5db;font-size:.875rem;transition:all .2s ease;cursor:pointer}.admin-nav-item i{margin-right:.75rem;font-size:1rem;width:20px;text-align:center}.admin-nav-item:hover{background-color:#1f2937;color:#f9fafb}.admin-nav-item.active{background-color:#2563eb;color:white}.admin-sidebar-footer{padding:1rem 1.5rem;border-top:1px solid #374151}.admin-back-link{display:flex;align-items:center;color:#d1d5db;font-size:.875rem;text-decoration:none;margin-bottom:.75rem;transition:color .2s ease}.admin-back-link i{margin-right:.5rem}.admin-back-link:hover{color:white}.admin-logout-button{display:flex;align-items:center;background:none;border:none;color:#d1d5db;font-size:.875rem;padding:0;cursor:pointer;transition:color .2s ease}.admin-logout-button i{margin-right:.5rem}.admin-logout-button:hover{color:white}.admin-content{flex-grow:1;margin-left:250px;min-height:100vh}.admin-header{height:64px;background-color:white;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);position:sticky;top:0;z-index:50}.admin-search-container{display:flex;align-items:center;background-color:#f3f4f6;border-radius:.375rem;padding:.5rem .75rem;width:300px}.admin-search-container i{color:#9ca3af;margin-right:.5rem}.admin-search-input{border:none;background:none;outline:none;width:100%;font-size:.875rem}.admin-user-menu{display:flex;align-items:center}.admin-notifications{position:relative;margin-right:1.5rem;cursor:pointer}.admin-notifications i{font-size:1.25rem;color:#4b5563}.admin-notification-badge{position:absolute;top:-5px;right:-5px;background-color:#ef4444;color:white;font-size:.625rem;font-weight:600;height:18px;width:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.admin-user-info{display:flex;align-items:center;cursor:pointer}.admin-username{font-size:.875rem;font-weight:500;color:#1f2937;margin-right:.75rem}.admin-avatar{width:36px;height:36px;background-color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white}.admin-content-container{padding:1.5rem}.admin-content-section{background-color:white;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem}.admin-content-section h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-top:0;margin-bottom:1.5rem}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.admin-section-header h2{margin:0}.admin-add-button{display:flex;align-items:center;background-color:#2563eb;color:white;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.admin-add-button i{margin-right:.5rem}.admin-add-button:hover{background-color:#1d4ed8}.admin-stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:2rem}.admin-stat-card{background-color:white;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem}.admin-stat-card,.admin-stat-icon{border-radius:.5rem;display:flex;align-items:center}.admin-stat-icon{width:48px;height:48px;justify-content:center;margin-right:1rem;font-size:1.5rem;color:white}.admin-stat-card:first-child .admin-stat-icon{background-color:#3b82f6}.admin-stat-card:nth-child(2) .admin-stat-icon{background-color:#10b981}.admin-stat-card:nth-child(3) .admin-stat-icon{background-color:#f59e0b}.admin-stat-card:nth-child(4) .admin-stat-icon{background-color:#8b5cf6}.admin-stat-content h3{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .25rem}.admin-stat-value{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background-color:#f9fafb;font-size:.75rem;font-weight:600;text-align:left;text-transform:uppercase;letter-spacing:.05em}.admin-table td,.admin-table th{padding:.75rem 1rem;color:#4b5563;border-bottom:1px solid #e5e7eb}.admin-table td{font-size:.875rem}.admin-table tr:hover td{background-color:#f9fafb}.admin-status{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.admin-status-active{background-color:#dcfce7;color:#166534}.admin-status-inactive{background-color:#fee2e2;color:#991b1b}.admin-status-processing{background-color:#dbeafe;color:#1e40af}.admin-status-shipped{background-color:#fef3c7;color:#92400e}.admin-status-delivered{background-color:#dcfce7;color:#166534}.admin-action-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1rem;padding:.25rem;margin-right:.5rem;transition:color .2s ease}.admin-action-button:hover{color:#1f2937}.admin-delete-button:hover{color:#ef4444}.admin-recent-section{margin-top:2rem}.admin-recent-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}@media (min-width:640px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.admin-stats-grid{grid-template-columns:repeat(4,1fr)}}.admin-loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f3f4f6}.admin-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.admin-loading-spinner i{font-size:2rem;color:#4f46e5}.admin-loading-spinner span{font-size:1rem;color:#4b5563;font-weight:500}.admin-section-description{color:#6b7280;font-size:.875rem;margin-bottom:2rem;line-height:1.5}.admin-card{background-color:white;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem;overflow:hidden}.admin-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.admin-card-header h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center}.admin-card-header h3 i{margin-right:.5rem;color:#3b82f6}.admin-card-content{padding:1.5rem}.api-key-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.api-key-info{display:flex;flex-direction:column;gap:.25rem}.api-key-name{font-weight:600;color:#1f2937;font-size:.875rem}.api-key-value{font-family:Monaco,Menlo,monospace;color:#6b7280;background-color:#f3f4f6;border-radius:.25rem;display:inline-block}.api-key-status,.api-key-value{font-size:.75rem;padding:.25rem .5rem}.api-key-status{border-radius:9999px;font-weight:500}.api-key-status.active{background-color:#dcfce7;color:#166534}.api-key-actions{display:flex;gap:.5rem}.api-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.api-status-badge.active{background-color:#dcfce7;color:#166534}.api-status-badge.inactive{background-color:#fee2e2;color:#991b1b}.api-overview{color:#4b5563;line-height:1.6}.api-overview p{margin-bottom:1.5rem}.api-endpoints{margin:1.5rem 0}.endpoint-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:#f9fafb;border-radius:.375rem;margin-bottom:.5rem;border:1px solid #e5e7eb}.endpoint-method{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:white;min-width:70px;text-align:center}.endpoint-method.get{background-color:#10b981}.endpoint-method.post{background-color:#ef4444}.endpoint-method.websocket{background-color:#8b5cf6}.endpoint-url{font-family:Monaco,Menlo,monospace;font-size:.875rem;color:#1f2937;font-weight:500;flex-grow:1}.endpoint-desc{font-size:.75rem;color:#6b7280;flex-shrink:0;max-width:200px}.api-quick-start{margin:1.5rem 0}.api-quick-start h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.code-block{background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:.375rem;font-family:Monaco,Menlo,monospace;font-size:.75rem;line-height:1.5;overflow-x:auto;white-space:pre;margin:0}.api-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.admin-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.admin-button.primary{background-color:#2563eb;color:white}.admin-button.primary:hover{background-color:#1d4ed8}.admin-button.secondary{background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.admin-button.secondary:hover{background-color:#e5e7eb;color:#1f2937}@media (max-width:768px){.api-key-item{gap:1rem}.api-key-item,.endpoint-item{flex-direction:column;align-items:flex-start}.endpoint-item{gap:.5rem}.endpoint-desc{max-width:none}.api-actions{flex-direction:column}.admin-button{justify-content:center}}.implementation-steps{margin:1.5rem 0}.step-section{margin-bottom:2rem;border-left:3px solid #3b82f6;padding-left:1rem}.step-section h4{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.step-section h4 i{color:#3b82f6;font-size:.875rem;width:20px;height:20px;border-radius:50%;background:rgba(59,130,246,.1);display:flex;align-items:center;justify-content:center}.implementation-notes,.implementation-tips{margin-top:2rem;padding:1.5rem;border-radius:.5rem;background:#f8fafc;border:1px solid #e2e8f0}.implementation-notes h4,.implementation-tips h4{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.implementation-notes h4 i{color:#f59e0b}.implementation-tips h4 i{color:#10b981}.implementation-notes ul,.implementation-tips ul{margin:0;padding-left:1.5rem}.implementation-notes li,.implementation-tips li{margin-bottom:.5rem;color:#4b5563;line-height:1.5}.implementation-notes strong,.implementation-tips strong{color:#1f2937;font-weight:600}