body{visibility:hidden;opacity:0;transition:opacity .35s ease}
:root{
    --bg:#f4f7fb;--panel:#ffffff;--panel-2:rgba(255,255,255,.82);--panel-3:#f8fbff;--line:#e8eef8;
    --text:#0f172a;--text-2:#334155;--text-3:#64748b;--primary:#4f46e5;--primary-2:#6366f1;
    --success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#0ea5e9;
    --shadow-xs:0 2px 8px rgba(15,23,42,.04);--shadow-sm:0 8px 24px rgba(15,23,42,.06);
    --shadow-md:0 16px 40px rgba(15,23,42,.08);--shadow-lg:0 24px 60px rgba(15,23,42,.10);
}
*{box-sizing:border-box} html,body{height:100%}
body{
    margin:0;overflow:hidden;display:flex;color:var(--text);
    font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;
}
.not-logged-in #app-content{display:none!important}
.not-logged-in #login-page{display:flex!important}
.form-control,.custom-select-trigger{
    background:#fff!important;border:1px solid #dde7f5!important;border-radius:15px!important;padding:12px 14px!important;
    color:var(--text)!important;font-size:14px!important;box-shadow:none!important;transition:.25s!important;
}
.form-control::placeholder{color:#9aa8bc}
.form-control:focus,.custom-select-trigger:focus-within{
    border-color:rgba(79,70,229,.35)!important;box-shadow:0 0 0 4px rgba(79,70,229,.10)!important;background:#fff!important;
}
.btn-primary{
    background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;border:none!important;border-radius:16px!important;
    padding:13px 18px!important;font-size:14px!important;font-weight:800!important;
    box-shadow:0 14px 30px rgba(79,70,229,.18)!important;transition:.25s!important;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(79,70,229,.24)!important}
.label-compact{display:block;font-size:12px;font-weight:800;color:var(--text-3);margin-bottom:6px;padding-left:2px}
#CONFIG_NAME,#MANAGE_CONFIG_ID{display:none}

input, textarea, select, button{
    outline:none;
}