:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--text-main:#f8fafc;--text-muted:#94a3b8;--card-bg:#ffffff08;--card-border:#ffffff0f;--input-bg:#0003;--input-border:#ffffff1a;--nav-link:#94a3b8;--nav-link-hover:#fff;--accent-color:#38bdf8;--header-border:#ffffff0d;--table-header-bg:#ffffff05;--drawer-bg:#0f172a;--tag-bg:#38bdf81a;--tag-text:#38bdf8}.light-theme{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--text-main:#0f172a;--text-muted:#64748b;--card-bg:#fff;--card-border:#00000014;--input-bg:#f1f5f9;--input-border:#0000001a;--nav-link:#64748b;--nav-link-hover:#0f172a;--accent-color:#0284c7;--header-border:#0000000d;--table-header-bg:#f8fafc;--drawer-bg:#fff;--tag-bg:#0284c71a;--tag-text:#0284c7}html,body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background .3s,color .3s}*{box-sizing:border-box}a{color:inherit;text-decoration:none}select option{background:var(--drawer-bg);color:var(--text-main)}
.custom-dropdown{-webkit-user-select:none;user-select:none;width:100%;min-width:120px;max-width:100%;position:relative}.dropdown-trigger{background:var(--input-bg);border:1px solid var(--input-border);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main);border-radius:12px;justify-content:space-between;align-items:center;min-height:40px;padding:8px 16px;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.custom-dropdown:hover:not(.disabled) .dropdown-trigger{border-color:var(--accent-color);box-shadow:0 0 0 2px #38bdf81a}.custom-dropdown.open .dropdown-trigger{border-color:var(--accent-color);box-shadow:0 0 0 2px #38bdf833}.dropdown-value{white-space:nowrap;text-overflow:ellipsis;margin-right:8px;overflow:hidden}.chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.chevron.rotate{transform:rotate(180deg)}.dropdown-menu{z-index:10000;background:#111827;border:1px solid #ffffff1a;border-radius:12px;min-width:100%;animation:.2s cubic-bezier(.4,0,.2,1) slideDown;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 20px 25px -5px #0009,0 10px 10px -5px #00000080}.custom-dropdown.align-right .dropdown-menu{left:auto;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{border-bottom:1px solid var(--card-border);color:var(--text-muted);align-items:center;gap:10px;padding:10px 14px;display:flex}.dropdown-search input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.dropdown-options{max-height:250px;padding:6px;overflow-y:auto}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:0 0}.dropdown-options::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:10px}.dropdown-option{cursor:pointer;color:var(--text-main);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:10px 12px;font-size:.9rem;transition:all .15s;display:flex}.dropdown-option:hover{color:var(--accent-color);background:#38bdf81a}.dropdown-group-label{color:var(--text-muted);text-transform:capitalize;letter-spacing:.05em;pointer-events:none;padding:10px 12px 6px;font-size:.75rem;font-weight:800}.dropdown-option.selected{background:var(--accent-color);color:#fff;font-weight:600}.dropdown-no-results{text-align:center;color:var(--text-muted);padding:20px;font-size:.9rem}.custom-dropdown.disabled{opacity:.5;cursor:not-allowed}.custom-dropdown.disabled .dropdown-trigger{cursor:not-allowed}.settings-card{z-index:1;position:relative}.settings-card:focus-within{z-index:50!important}.settings-card:first-of-type{z-index:5}.settings-card:nth-of-type(2){z-index:4}.settings-card:nth-of-type(3){z-index:3}.settings-card:nth-of-type(4){z-index:2}.settings-card:nth-of-type(5){z-index:1}
