[x-cloak]{display:none!important}.btn-modern,.hover-lift,.theme-transition{transition:transform .2s ease , opacity .2s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.8)}.glass-effect{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.2)}.glass-effect-dark{background:rgba(17,24,39,.9);border:1px solid rgba(255,255,255,.1)}.gradient-bg{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}.hover-lift{transition:transform .3s ease , box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.btn-modern{position:relative;overflow:hidden;transform:perspective(1px) translateZ(0)}.btn-modern::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-modern:hover::before{left:100%}:root{--primary-50:#f8fafc;--primary-100:#f1f5f9;--primary-200:#e2e8f0;--primary-300:#cbd5e1;--primary-400:#94a3b8;--primary-500:#64748b;--primary-600:#475569;--primary-700:#334155;--primary-800:#1e293b;--primary-900:#0f172a}.dark{--primary-50:#0f172a;--primary-100:#1e293b;--primary-200:#334155;--primary-300:#475569;--primary-400:#64748b;--primary-500:#94a3b8;--primary-600:#cbd5e1;--primary-700:#e2e8f0;--primary-800:#f1f5f9;--primary-900:#f8fafc}.theme-transition{transition:background-color .5s ease , color .5s ease , border-color .5s ease}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease , visibility .3s ease}.loading-overlay.active{opacity:1;visibility:visible}.loading-spinner{width:50px;height:50px;border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}.focus-ring:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:.375rem}.color-box{height:40px;cursor:pointer;transition:transform .2s ease}.color-box:hover{transform:scale(1.1)}.tooltip-custom{position:absolute;background:rgba(0,0,0,.9);color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;pointer-events:none;z-index:10000;white-space:nowrap}@media (max-width:640px){.glass-effect,.glass-effect-dark{backdrop-filter:none;-webkit-backdrop-filter:none}}body{font-family:'Inter','Roboto',Arial,sans-serif}.loading-overlay{position:fixed;inset:0;background:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}