.sinapsis{--color-bg: #0E1116;--color-surface: #161A22;--color-text: #E5E7EB;--color-text-secondary: #A8B1C0;--color-border: #293241;--color-primary: #60A5FA;--color-success: #34D399;--color-danger: #F87171}.sinapsis.light-theme{--color-bg: #F7F9FC;--color-surface: #FFFFFF;--color-text: #0F172A;--color-text-secondary: #475569;--color-border: #E2E8F0;--color-primary: #2563EB;--color-success: #16A34A;--color-danger: #DC2626}.sinapsis.dark-theme{--color-bg: #0E1116;--color-surface: #161A22;--color-text: #E5E7EB;--color-text-secondary: #A8B1C0;--color-border: #293241;--color-primary: #60A5FA;--color-success: #34D399;--color-danger: #F87171}.sinapsis{background-color:var(--color-bg);color:var(--color-text)}.sinapsis header{background-color:#161a22e6;backdrop-filter:blur(8px);border-color:var(--color-border)}.sinapsis .bg-white\/_5,.sinapsis .bg-white\/5{background-color:var(--color-surface)!important}.sinapsis .border-white\/_10,.sinapsis .border-white\/10{border-color:var(--color-border)!important}.sinapsis .text-white,.sinapsis .text-white\/_90,.sinapsis .text-white\/90{color:var(--color-text)!important}.sinapsis .text-white\/_80,.sinapsis .text-white\/80,.sinapsis .text-white\/_70,.sinapsis .text-white\/70,.sinapsis .text-white\/_60,.sinapsis .text-white\/60{color:var(--color-text-secondary)!important}.sinapsis .bg-fx-dark,.sinapsis .bg-fx-dark\/_80,.sinapsis .bg-fx-dark\/80,.sinapsis .bg-fx-dark\/_90,.sinapsis .bg-fx-dark\/90{background-color:var(--color-bg)!important}.sinapsis a:not([class*=bg-]):not([class*=text-]){color:var(--color-primary)}.sinapsis .text-sky-300,.sinapsis .text-blue-400,.sinapsis .text-blue-300{color:var(--color-primary)!important}.sinapsis .bg-sky-400{background-color:var(--color-primary)!important}.sinapsis .text-sky-400{color:var(--color-primary)!important}.sinapsis .bg-amber-400{background-color:var(--color-primary)!important}.sinapsis .bg-white\/_10,.sinapsis .bg-white\/10{background-color:#ffffff14!important}.sinapsis.light-theme .bg-white\/_10,.sinapsis.light-theme .bg-white\/10{background-color:#0f172a0f!important}.sinapsis .text-emerald-400,.sinapsis .bg-emerald-400{color:var(--color-success)!important;background-color:var(--color-success)!important}.sinapsis .text-rose-400,.sinapsis .bg-rose-400{color:var(--color-danger)!important;background-color:var(--color-danger)!important}.sinapsis .border-blue-400\/20{border-color:color-mix(in srgb,var(--color-primary) 20%,transparent)!important}.sinapsis .bg-sky-500\/20{background-color:color-mix(in srgb,var(--color-primary) 20%,transparent)!important}.sinapsis .border-slate-800{border-color:var(--color-border)!important}.sinapsis .bg-slate-900{background-color:var(--color-bg)!important}.sinapsis .bg-slate-900\/85{background-color:color-mix(in srgb,var(--color-bg) 85%,transparent)!important}.sinapsis .bg-slate-800,.sinapsis .bg-slate-800\/50,.sinapsis .bg-slate-800\/60,.sinapsis .bg-slate-800\/70,.sinapsis .bg-slate-800\/80{background-color:var(--color-surface)!important}.sinapsis .text-gray-300,.sinapsis .text-gray-400,.sinapsis .text-gray-500{color:var(--color-text-secondary)!important}.sinapsis input[type=text],.sinapsis input[type=email],.sinapsis input[type=number],.sinapsis input[type=date],.sinapsis input[type=datetime-local],.sinapsis input[type=search],.sinapsis select,.sinapsis textarea{background:transparent;border:1px solid var(--color-border);border-radius:12px;padding:10px 12px;color:var(--color-text);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.sinapsis select{padding-right:32px}.sinapsis input::-moz-placeholder,.sinapsis textarea::-moz-placeholder{color:color-mix(in srgb,var(--color-text-secondary) 80%,transparent)}.sinapsis input::placeholder,.sinapsis textarea::placeholder{color:color-mix(in srgb,var(--color-text-secondary) 80%,transparent)}.sinapsis input:focus,.sinapsis textarea:focus,.sinapsis select:focus{border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.sinapsis .field{display:grid;gap:6px}.sinapsis .field .label{font-size:12px;color:var(--color-text-secondary)}.sinapsis .input-group{position:relative}.sinapsis .input-group .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-text-secondary)}.sinapsis .input-group input{padding-left:32px}
