.st-admin{--st-brand:#34318b;--st-red:#ed1c24;--st-line:#e2e3ed;color:#26303e;background:#f6f6fa}
.st-admin-logo{display:block;width:154px;height:44px;object-fit:contain;background:white;border-radius:4px;padding:2px}
.st-admin-header{height:64px;border-top:3px solid var(--st-red);border-bottom:1px solid var(--st-line);box-shadow:0 2px 8px #26215b08}
.st-admin-header>div:first-child{gap:18px;min-width:0}
.st-admin-header input{background:#f7f7fb;border-color:var(--st-line)}
.st-admin .primary-button,.st-admin .bg-blue-600{background-color:var(--st-brand)!important;border-color:var(--st-brand)!important}
.st-admin .primary-button:hover,.st-admin button.bg-blue-600:hover{background-color:#29266f!important}
.st-admin .secondary-button{color:var(--st-brand);border-color:#b9b7d7;background:white}
.st-admin .text-blue-600{color:var(--st-brand)}
.st-admin .border-blue-600,.st-admin .border-blue-700{border-color:var(--st-brand)}
.st-admin .bg-blue-400{background:var(--st-brand)}
.st-admin input:focus,.st-admin select:focus,.st-admin textarea:focus{border-color:var(--st-brand);outline-color:var(--st-brand)}
.st-admin a:focus-visible,.st-admin button:focus-visible{outline:2px solid var(--st-brand);outline-offset:3px}
.st-admin .group\/container>div:first-child>div.fixed{top:64px;border-right:1px solid var(--st-line);box-shadow:none;background:#fafafd;padding-top:18px}
.st-admin nav .group\/item>a{min-height:42px;border-radius:8px}
.st-admin nav .group\/item>a:hover{background-color:#eeedf7}
.st-admin nav .group\/item>a.bg-blue-600:hover{background-color:#29266f!important}
.st-admin nav .group\/item.active>a{box-shadow:0 3px 8px #34318b20}
.st-admin nav .group\/item.active>a p{color:white}
.st-admin .box-shadow{border:1px solid var(--st-line);border-radius:10px;box-shadow:0 3px 14px #26215b06}
.st-admin-auth{background:linear-gradient(145deg,#f3f2fa,#fff 55%,#fff2f2)}
.st-admin-auth #app>div.flex{min-height:100dvh;height:auto;padding:36px 18px}
.st-admin-auth #app>div.flex>div{width:min(100%,420px);gap:26px}
.st-admin-auth .st-admin-logo{width:300px;max-width:100%;height:auto;background:transparent;padding:0}
.st-admin-auth .box-shadow{width:100%;border-top:3px solid var(--st-brand);box-shadow:0 14px 44px #34318b12;border-radius:12px}
.st-admin-auth form>p{padding:24px 24px 18px}
.st-admin-auth form>div{padding:20px 24px}
.st-admin-auth input{width:100%;min-height:44px}
.st-admin-auth button{min-height:42px;padding:8px 20px;border-radius:7px}
.st-admin-auth form a{font-size:13px}
.dark .st-admin{--st-brand:#aaa6ff;--st-line:#3b3b54;color:#eee;background:#111321}
.dark .st-admin .primary-button,.dark .st-admin .bg-blue-600{background:#504aaa!important;border-color:#7973cf!important;color:white}
.dark .st-admin .secondary-button{background:#222237;color:#ddd9ff}
.dark .st-admin-header{background:#191a2c}
.dark .st-admin-header input,.dark .st-admin .group\/container>div:first-child>div.fixed{background:#191a2c}
.dark .st-admin nav .group\/item>a:hover{background:#30304c}
@media(max-width:1023px){.st-admin-header>div:first-child{gap:8px}.st-admin-header .st-admin-logo{width:135px}.st-admin-header input{max-width:100%}}
@media(min-width:640px) and (max-width:850px){.st-admin-header div.relative:has(>input){width:230px!important}}
@media(max-width:639px){.st-admin-header{height:62px}.st-admin-header .st-admin-logo{width:130px;height:42px}.st-admin-auth form>div{padding:18px}.st-admin-auth form>p{padding:20px 18px 16px}}