body {
    background-color: #f5f5f7;
    min-height: 100vh;
}

.card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.card-header {
    background: white;
    border-bottom: 1px solid #eee;
    border-radius: 12px 12px 0 0 !important;
}

.navbar-brand {
    font-weight: 600;
}

.btn-primary {
    background-color: #007aff;
    border-color: #007aff;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.form-control:focus {
    border-color: #007aff;
    box-shadow: 0 0 0 0.2rem rgba(0,122,255,0.25);
}

.badge-enabled {
    background-color: #34c759;
}

.badge-disabled {
    background-color: #ff3b30;
}

.udid-text {
    font-family: monospace;
    font-size: 0.85em;
    word-break: break-all;
}

.status-valid { color: #34c759; }
.status-warning { color: #ff9500; }
.status-critical { color: #ff3b30; }
.status-expired { color: #8e8e93; }

@media (max-width: 768px) {
    .table-responsive {
        font-size: 0.9em;
    }
    
    .udid-text {
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}