:root{--s4-blue: #136ef6;--s4-blue-hover: #0e5bcc;--s4-blue-text: #60a5fa;--s4-blue-glow: rgba(19, 110, 246, .25);--s4-gradient: linear-gradient(135deg, #136ef6 0%, #280684 100%);--s4-bg-primary: #080303;--s4-bg-secondary: #181818;--s4-bg-tertiary: #111111;--s4-bg-card: #181818;--s4-border: #222222;--s4-border-hover: rgba(96, 165, 250, .4);--s4-text-primary: #ffffff;--s4-text-body: #eeeeee;--s4-text-muted: #88969e;--s4-text-muted2: #555555;--s4-success: #22c55e;--s4-success-bg: rgba(34, 197, 94, .1);--s4-success-border: rgba(34, 197, 94, .3);--s4-warning: #f59e0b;--s4-warning-bg: rgba(245, 158, 11, .1);--s4-warning-border: rgba(245, 158, 11, .3);--s4-error: #ef4444;--s4-error-bg: rgba(239, 68, 68, .1);--s4-error-border: rgba(239, 68, 68, .3);--s4-info: #06b6d4;--s4-info-bg: rgba(6, 182, 212, .1);--s4-info-border: rgba(6, 182, 212, .3);--s4-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--s4-radius-sm: 4px;--s4-radius-md: 6px;--s4-radius-lg: 12px;--s4-radius-full: 9999px;--s4-transition: all .2s linear}[data-theme=light]{--s4-blue-text: #136ef6;--s4-bg-primary: #f5f5f7;--s4-bg-secondary: #ffffff;--s4-bg-tertiary: #f0f0f0;--s4-bg-card: #ffffff;--s4-border: #e0e0e0;--s4-border-hover: rgba(19, 110, 246, .4);--s4-text-primary: #111111;--s4-text-body: #222222;--s4-text-muted: #555555;--s4-text-muted2: #999999}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--s4-font);background-color:var(--s4-bg-primary);color:var(--s4-text-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}[dir=rtl]{text-align:right}[dir=rtl] *{unicode-bidi:plaintext}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--s4-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--s4-border);border-radius:var(--s4-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--s4-text-muted2)}*{scrollbar-width:thin;scrollbar-color:var(--s4-border) var(--s4-bg-secondary)}:focus-visible{outline:2px solid var(--s4-blue);outline-offset:2px}a{color:var(--s4-blue-text);text-decoration:none;transition:var(--s4-transition)}a:hover{color:var(--s4-blue);text-decoration:underline}
