body { font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color-scheme: dark; }
.gradient-bg { background: #070b16; }
.glass {
    background: rgba(15, 23, 42, 0.82);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28);
    color: #e5e7eb;
}
.app-shell {
    background:
        radial-gradient(circle at top left, rgba(79, 70, 229, 0.18), transparent 34rem),
        radial-gradient(circle at top right, rgba(20, 184, 166, 0.12), transparent 30rem),
        #070b16;
    color: #e5e7eb;
}
.app-shell .app-nav {
    background: rgba(7, 11, 22, 0.88);
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    backdrop-filter: blur(18px);
}
.app-shell footer {
    background: rgba(7, 11, 22, 0.74) !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
}
.app-shell .customer-muted,
.app-shell .text-slate-400,
.app-shell .text-slate-500,
.app-shell .text-slate-600,
.app-shell .text-slate-700,
.app-shell .text-gray-200,
.app-shell .text-gray-300,
.app-shell .text-gray-400,
.app-shell .text-gray-500,
.app-shell .text-gray-600 { color: #94a3b8 !important; }
.app-shell .text-slate-800,
.app-shell .text-slate-900,
.app-shell .text-slate-950,
.app-shell .text-gray-800,
.app-shell .text-gray-900,
.app-shell .text-black { color: #f8fafc !important; }
.app-shell .text-indigo-600,
.app-shell .text-indigo-700 { color: #a5b4fc !important; }
.app-shell .text-emerald-700,
.app-shell .text-emerald-800,
.app-shell .text-emerald-900 { color: #6ee7b7 !important; }
.app-shell .text-red-700,
.app-shell .text-red-800,
.app-shell .text-red-900 { color: #fca5a5 !important; }
.app-shell .text-yellow-700,
.app-shell .text-yellow-800,
.app-shell .text-yellow-900 { color: #fde68a !important; }
.app-shell .bg-indigo-600,
.app-shell .bg-indigo-700,
.app-shell .bg-blue-600,
.app-shell .bg-blue-500,
.app-shell .bg-green-600,
.app-shell .bg-green-500,
.app-shell .bg-red-600,
.app-shell .bg-red-500,
.app-shell .bg-yellow-600,
.app-shell .bg-yellow-500,
.app-shell .bg-purple-600,
.app-shell .bg-purple-500,
.app-shell .bg-gray-600,
.app-shell .bg-gray-500,
.app-shell .bg-pink-600,
.app-shell .bg-pink-500,
.app-shell .bg-rose-600,
.app-shell .bg-rose-500,
.app-shell .bg-teal-600,
.app-shell .bg-teal-500,
.app-shell .bg-cyan-600,
.app-shell .bg-cyan-500,
.app-shell .bg-lime-600,
.app-shell .bg-lime-500,
.app-shell .bg-orange-600,
.app-shell .bg-orange-500,
.app-shell .bg-slate-950 { color: #fff !important; }
.app-shell input,
.app-shell select,
.app-shell textarea {
    color: #f8fafc;
    background-color: rgba(15, 23, 42, 0.92);
    border-color: rgba(148, 163, 184, 0.24);
}
.app-shell input::placeholder,
.app-shell textarea::placeholder { color: #64748b; }
.app-shell code,
.app-shell pre { color: inherit; }
.app-shell .bg-white,
.app-shell .bg-white\/70,
.app-shell .bg-white\/75,
.app-shell .bg-slate-50,
.app-shell .bg-slate-100,
.app-shell .bg-gray-50,
.app-shell .bg-gray-100,
.app-shell .bg-indigo-50,
.app-shell .bg-indigo-50\/70,
.app-shell .bg-emerald-50,
.app-shell .bg-red-50,
.app-shell .bg-yellow-50 {
    background-color: rgba(15, 23, 42, 0.82) !important;
}
.app-shell .bg-white\/5,
.app-shell .bg-white\/10,
.app-shell .bg-gray-700,
.app-shell .bg-gray-800,
.app-shell .bg-gray-900,
.app-shell .bg-gray-800\/50,
.app-shell .bg-black\/30 {
    background-color: rgba(15, 23, 42, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
}
.app-shell .shadow-slate-200\/70,
.app-shell .shadow-xl { box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32) !important; }
.app-shell .ring-slate-200,
.app-shell .ring-indigo-200,
.app-shell .ring-black\/5 { --tw-ring-color: rgba(148, 163, 184, 0.18) !important; }
.app-shell .border-slate-100,
.app-shell .border-slate-200,
.app-shell .border-indigo-100,
.app-shell .border-indigo-200,
.app-shell .border-emerald-200,
.app-shell .border-red-200,
.app-shell .border-yellow-200,
.app-shell .border-white\/5,
.app-shell .border-white\/10,
.app-shell .border-white\/20 { border-color: rgba(148, 163, 184, 0.16) !important; }
.app-shell table th { color: #cbd5e1; font-weight: 600; }
.app-shell table tr { border-color: rgba(148, 163, 184, 0.12); }
.app-shell table tr:hover { background: rgba(15, 23, 42, 0.82); }
.app-shell .code-block { background: #0f172a; color: #e2e8f0; }
.app-shell .code-block .text-white,
.app-shell .code-block code,
.app-shell .code-block pre { color: #e2e8f0 !important; }
.app-shell .code-block .text-gray-400,
.app-shell .output-block { color: #cbd5e1 !important; }
.customer-banner-info { background: rgba(30, 64, 175, 0.24); border-color: rgba(147, 197, 253, 0.26); color: #dbeafe; }
.customer-banner-success { background: rgba(6, 95, 70, 0.24); border-color: rgba(110, 231, 183, 0.26); color: #d1fae5; }
.customer-banner-warning { background: rgba(146, 64, 14, 0.26); border-color: rgba(253, 230, 138, 0.28); color: #fef3c7; }
.customer-banner-critical { background: rgba(153, 27, 27, 0.26); border-color: rgba(252, 165, 165, 0.28); color: #fee2e2; }

.admin-action-btn,
.admin-models button[type="submit"] {
    min-width: 4.25rem;
    transition-property: color, background-color, border-color, opacity, transform;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
}
.admin-action-btn:active,
.admin-models button[type="submit"]:active {
    transform: scale(0.98);
}
.admin-action-btn:disabled,
.admin-models button[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.6;
    transform: none;
}