:root{--color-background:#212121;--color-active-controls:#f7a600;--color-text:#333333;--color-white:#ffffff;--color-border:#e0e0e0;--color-footer:#2d2d2d;--color-border-dark:#404040;--shadow-header:0 2px 8px rgba(0,0,0,0.3);--spacing-sm:16px;--spacing-md:20px;--spacing-lg:24px}.AppLayout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background)}.AppHeader{color:var(--color-white);display:flex;align-items:center;justify-content:space-between;height:64px;box-shadow:var(--shadow-header);position:-webkit-sticky;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--color-border)}.AppContentBox{display:flex;flex:1 1;min-height:0;position:relative}.AppContentBoxSuper{position:absolute;top:0;left:0;right:0;bottom:0}.AppMenu{width:280px;color:var(--color-text);background-color:var(--color-background);border-right:1px solid var(--color-border);padding:var(--spacing-sm);overflow-y:auto;flex-shrink:0}.AppContent{flex:1 1;padding:var(--spacing-lg);overflow-y:auto;background-color:var(--mui-palette-background-paper)}@media (max-width:768px){.AppContentBox{flex-direction:column}.AppHeader{padding:0 var(--spacing-sm);height:56px}.AppContent{padding:var(--spacing-sm)}}body,html{height:100vh;width:100%;padding:0;margin:0;box-sizing:border-box;max-width:100%;overflow-x:hidden}body{overflow:hidden;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px;background-color:#4e4e4e}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#448cff}