:root{--primary-color: #0d6efd;--secondary-color: #6c757d;--success-color: #198754;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #0dcaf0;--light-color: #f8f9fa;--dark-color: #212529}body{font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color: #f8f9fa}.navbar-brand{font-weight: 600}.card{border: none;box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);transition: box-shadow 0.15s ease-in-out}.card:hover{box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15)}.card-header{background-color: var(--light-color);border-bottom: 1px solid rgba(0,0,0,0.125);font-weight: 600}.status-badge{font-size: 0.875rem;padding: 0.375rem 0.75rem;border-radius: 50px}.status-active{background-color: var(--success-color);color: white}.status-inactive{background-color: var(--secondary-color);color: white}.status-pending{background-color: var(--warning-color);color: var(--dark-color)}.status-error{background-color: var(--danger-color);color: white}.device-card{border-left: 4px solid var(--primary-color)}.device-card.active{border-left-color: var(--success-color)}.device-card.inactive{border-left-color: var(--secondary-color)}.license-card{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white;border: none}.license-card .card-body{position: relative;overflow: hidden}.license-card::before{content: '';position: absolute;top: -50%;right: -50%;width: 100%;height: 100%;background: rgba(255,255,255,0.1);transform: rotate(45deg);pointer-events: none}.btn{border-radius: 0.375rem;font-weight: 500;transition: all 0.15s ease-in-out}.btn-primary{background-color: var(--primary-color);border-color: var(--primary-color)}.btn-primary:hover{background-color: #0b5ed7;border-color: #0a58ca}.table{background-color: white}.table th{font-weight: 600;background-color: var(--light-color);border-bottom: 2px solid var(--primary-color)}.loading-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center;z-index: 9999}.loading-spinner{width: 3rem;height: 3rem}@media (max-width: 768px){.container{padding-left: 1rem;padding-right: 1rem}.card{margin-bottom: 1rem}.table-responsive{font-size: 0.875rem}}.metric-card{background: white;border-radius: 0.5rem;padding: 1.5rem;box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);transition: transform 0.15s ease-in-out}.metric-card:hover{transform: translateY(-2px);box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15)}.metric-number{font-size: 2rem;font-weight: 700;line-height: 1.2}.metric-label{color: var(--secondary-color);font-size: 0.875rem;font-weight: 500;text-transform: uppercase;letter-spacing: 0.05em}.fade-in{animation: fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.slide-in{animation: slideIn 0.3s ease-in-out}@keyframes slideIn{from{opacity: 0;transform: translateX(-20px)}to{opacity: 1;transform: translateX(0)}}.alert{border: none;border-radius: 0.5rem;padding: 1rem 1.25rem}.alert-primary{background-color: rgba(13,110,253,0.1);color: var(--primary-color);border-left: 4px solid var(--primary-color)}.alert-success{background-color: rgba(25,135,84,0.1);color: var(--success-color);border-left: 4px solid var(--success-color)}.alert-warning{background-color: rgba(255,193,7,0.1);color: #664d03;border-left: 4px solid var(--warning-color)}.alert-danger{background-color: rgba(220,53,69,0.1);color: var(--danger-color);border-left: 4px solid var(--danger-color)}