*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border-radius:var(--radius-pill);border:2px solid var(--color-bg)}html::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.app-container{background-color:var(--color-bg);min-height:100vh;color:var(--color-text);transition:background-color var(--dur,.32s) var(--ease-out,ease), color var(--dur,.32s) var(--ease-out,ease);flex-direction:column;width:100%;max-width:100vw;display:flex;position:relative;overflow-x:clip}.app-col{flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex}.Sidebar+.app-col{border-left:1px solid var(--color-border)}.main-layout{--sidebar-width:250px;--sidebar-width-collapsed:76px;flex:1;width:100%;min-width:0;max-width:100%;display:flex;overflow-x:clip}.content-area{background:var(--color-bg);width:100%;min-width:0;max-width:100%;color:var(--color-text);transition:background-color var(--dur,.32s) var(--ease-out,ease), color var(--dur,.32s) var(--ease-out,ease);flex:1}
.LoadingComponent-overlay{background-color:color-mix(in srgb, var(--color-surface) 70%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.LoadingComponent-container{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.LoadingComponent-spinner{border:4px solid var(--color-border);border-top:4px solid var(--color-accent);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.LoadingComponent-text{font-family:var(--font-sans);color:var(--color-heading);font-weight:600;font-size:var(--text-base);letter-spacing:.05em;text-transform:uppercase}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}