.st-screen{--st-tone:var(--color-brand-600);--st-tint:color-mix(in oklab, var(--st-tone) 12%, transparent);--st-ring:color-mix(in oklab, var(--st-tone) 18%, transparent);--st-text:var(--color-slate-900);--st-soft:var(--color-slate-500);text-align:center;flex-direction:column;align-items:center;max-width:34rem;margin-inline:auto;padding:56px 16px 40px;animation:.28s ease-out both st-in;display:flex}.st-screen[data-tone=amber]{--st-tone:#d97706}.st-screen[data-tone=rose]{--st-tone:#e11d48}.st-screen[data-tone=slate]{--st-tone:#64748b}.st-screen[data-tone=emerald]{--st-tone:#059669}.st-screen.st-compact{padding:36px 16px 28px}.st-emblem{background:radial-gradient(closest-side, var(--st-tint), transparent);border-radius:9999px;place-items:center;width:132px;height:132px;margin-bottom:22px;display:grid;position:relative}.st-emblem:before,.st-emblem:after{content:"";border-radius:inherit;border:1.5px dashed var(--st-ring);position:absolute}.st-emblem:before{animation:40s linear infinite st-spin;inset:0}.st-emblem:after{border-style:solid;border-color:var(--st-ring);inset:18px}.st-emblem-core{z-index:1;color:#fff;background:linear-gradient(145deg, color-mix(in oklab, var(--st-tone) 78%, white), var(--st-tone));width:68px;height:68px;box-shadow:0 14px 28px -12px color-mix(in oklab, var(--st-tone) 70%, transparent), inset 0 1px 0 #ffffff59;border-radius:22px;place-items:center;display:grid;position:relative;transform:rotate(-6deg)}.st-emblem-core svg{transform:rotate(6deg)}.st-compact .st-emblem{width:96px;height:96px;margin-bottom:16px}.st-compact .st-emblem:after{inset:13px}.st-compact .st-emblem-core{border-radius:16px;width:52px;height:52px}.st-emblem[data-pulse] .st-emblem-core{animation:1.8s ease-in-out infinite st-pulse}.st-code{letter-spacing:.04em;color:var(--st-tone);background:var(--st-tint);border-radius:9999px;margin-bottom:10px;padding:3px 12px;font-size:12px;font-weight:600}.st-title{color:var(--st-text);margin:0;font-size:22px;font-weight:800;line-height:1.45}.st-compact .st-title{font-size:18px}.st-body{max-width:30rem;color:var(--st-soft);margin:10px 0 0;font-size:14.5px;line-height:1.85}.st-details{border:1px solid var(--color-slate-200);background:var(--color-slate-50);text-align:start;width:100%;color:var(--color-slate-700);border-radius:14px;margin-top:20px;padding:12px 16px;font-size:13.5px}.st-details dl{grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;display:grid}.st-details dt{color:var(--st-soft)}.st-details dd{overflow-wrap:anywhere;margin:0;font-weight:600}.st-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.st-note{color:var(--st-soft);margin-top:14px;font-size:12.5px}.st-full{z-index:90;background:radial-gradient(60% 50% at 50% 0%, color-mix(in oklab, var(--color-brand-500) 10%, transparent), transparent 70%), var(--color-slate-50);justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}:root:not(.dark) .st-full{background:radial-gradient(60% 50% at 50% 0%, color-mix(in oklab, var(--color-brand-500) 10%, transparent), transparent 70%), #f8fafc}.st-full .st-screen{border:1px solid var(--color-slate-200);background:var(--color-white,#fff);border-radius:28px;width:100%;padding:40px 28px 32px;box-shadow:0 30px 60px -30px #0f172a40}.st-full-brand{color:var(--color-slate-700);align-items:center;gap:10px;margin-bottom:18px;font-size:14px;font-weight:700;display:flex}.st-full-brand img{width:auto;height:32px}.st-bar{inset-inline:0;z-index:85;color:#fff;background:#334155;justify-content:center;align-items:center;gap:10px;padding:8px 16px;font-size:13.5px;font-weight:500;animation:.22s ease-out both st-drop;display:flex;position:fixed;top:0;box-shadow:0 6px 18px -8px #0f172a80}.st-bar[data-kind=server],.st-bar[data-kind=maint]{background:#b45309}.st-bar[data-kind=back]{background:#047857}.st-bar button{color:inherit;background:#ffffff29;border-radius:8px;padding:3px 10px;font-weight:600}.st-bar button:hover{background:#ffffff42}.st-bar .st-dot{background:currentColor;border-radius:9999px;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite st-blink}.st-lock-scrim{z-index:88;-webkit-backdrop-filter:blur(10px);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.st-lock{background:var(--color-white,#fff);border-radius:24px;width:min(100%,25rem);padding:28px 24px 22px;animation:.22s ease-out both st-in;box-shadow:0 30px 70px -20px #00000073}.st-lock .st-screen{padding:0}.st-lock .st-emblem{width:104px;height:104px;margin-bottom:14px}.st-lock .st-emblem:after{inset:14px}.st-lock .st-emblem-core{border-radius:17px;width:54px;height:54px}.st-lock .st-title{font-size:19px}.st-lock .st-body{font-size:13.5px}.st-lock form{text-align:start;width:100%;margin-top:18px}@keyframes st-in{0%{opacity:0;transform:translateY(8px)}}@keyframes st-drop{0%{transform:translateY(-100%)}}@keyframes st-spin{to{transform:rotate(360deg)}}@keyframes st-pulse{50%{transform:rotate(-6deg)scale(1.06)}}@keyframes st-blink{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.st-screen,.st-lock,.st-bar,.st-emblem:before,.st-emblem[data-pulse] .st-emblem-core{animation:none}}:root.dark .st-full .st-screen,:root.dark .st-lock{background:#111827;border-color:#ffffff14}:root.dark .st-full{background:radial-gradient(60% 50% at 50% 0,#1a83cc2e,#0000 70%),#0b1120}:root.dark .st-screen{--st-text:#f1f5f9;--st-soft:#94a3b8}:root.dark:not(.xl-mode):not(.odoo-mode):not(.neo-mode) .st-emblem-core{background:linear-gradient(145deg, color-mix(in oklab, var(--st-tone) 55%, transparent), color-mix(in oklab, var(--st-tone) 25%, transparent));-webkit-backdrop-filter:blur(14px);box-shadow:0 0 40px -6px color-mix(in oklab, var(--st-tone) 70%, transparent), inset 0 1px 0 #ffffff40;border:1px solid #ffffff2e}:root.dark:not(.xl-mode):not(.odoo-mode):not(.neo-mode) .st-full{background-color:#0a0f18;background-image:radial-gradient(48% 58% at 90% 0,#1a83cc61 0%,#1a83cc00 70%),radial-gradient(44% 52% at 4% 100%,#f7931e33 0%,#f7931e00 70%)}:root.dark:not(.xl-mode):not(.odoo-mode):not(.neo-mode) :is(.st-full .st-screen,.st-lock){-webkit-backdrop-filter:blur(22px)saturate(160%);background:#181e2ab8;border:1px solid #ffffff1f;box-shadow:0 30px 60px -24px #000000b3,inset 0 1px #ffffff14}:root.xl-mode .st-emblem{background:0 0;width:auto;height:auto;margin-bottom:16px}:root.xl-mode .st-emblem:before,:root.xl-mode .st-emblem:after{display:none}:root.xl-mode .st-emblem-core{background:var(--st-tone);width:56px;height:56px;box-shadow:none;border-radius:4px;transform:none}:root.xl-mode .st-emblem-core svg{transform:none}:root.xl-mode .st-title{font-family:Segoe UI,IBM Plex Sans Arabic,sans-serif;font-size:20px;font-weight:600}:root.xl-mode :is(.st-full .st-screen,.st-lock,.st-details){border-radius:4px;box-shadow:0 8px 24px -10px #0000004d}:root.xl-mode .st-full .st-screen{border-top:4px solid #217346}:root.xl-mode .st-code{border-radius:2px}:root.odoo-mode .st-screen[data-tone=brand]{--st-tone:#714b67}:root.odoo-mode .st-emblem:before{display:none}:root.odoo-mode .st-emblem-core{background:var(--st-tone);border-radius:12px;transform:none;box-shadow:0 6px 16px -8px #00000059}:root.odoo-mode .st-emblem-core svg{transform:none}:root.odoo-mode :is(.st-full .st-screen,.st-lock){border-radius:6px}:root.neo-mode .st-emblem{background:0 0}:root.neo-mode .st-emblem:before{display:none}:root.neo-mode .st-emblem:after{background:var(--nb-yellow,#ffd93d);border:3px solid #000;border-radius:0;inset:10px;transform:rotate(8deg)}:root.neo-mode .st-emblem-core{background:var(--st-tone);border:3px solid #000;border-radius:0;box-shadow:5px 5px #000}:root.neo-mode .st-code{color:#000;background:var(--nb-yellow,#ffd93d);border:2px solid #000;border-radius:0}:root.neo-mode .st-title{font-family:var(--nb-display,"Lalezar", sans-serif);font-size:26px;font-weight:400}:root.neo-mode :is(.st-full .st-screen,.st-lock,.st-details){border:3px solid #000;border-radius:0;box-shadow:8px 8px #000}:root.neo-mode .st-bar{box-shadow:none;border-bottom:3px solid #000}:root.neo-mode .st-screen[data-tone=brand]{--st-tone:var(--nb-hot)}:root.neo-mode .st-screen{--st-text:var(--nb-text);--st-soft:var(--nb-soft)}:root.neo-mode .st-full{background:var(--nb-page)}:root.neo-mode :is(.st-full .st-screen,.st-lock){background:var(--nb-surface)}
