:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #ffffff;--bg-secondary: #f9f9f9;--bg-tertiary: #f0f0f0;--text-primary: #213547;--text-secondary: #666666;--border-color: #eee;--link-color: #646cff;--link-hover: #747bff;--button-bg: #f9f9f9;--button-text: #213547;--header-bg: #ffffff;--header-text: #000000;--card-bg: #ffffff;--shadow-color: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03)}body{margin:0;display:flex;flex-direction:column;align-items:stretch;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{width:100%;max-width:100%;padding:0;margin:0;text-align:left}h1{font-size:3.2em;line-height:1.1;color:var(--text-primary)}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:border-color .25s,background-color .3s}button:hover{border-color:var(--link-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--header-height: 60px;--sidebar-width: 260px;--max-content-width: 1200px;--z-header: 100;--z-sidebar: 90;--z-modal: 1000;--z-drawer-overlay: 80;--color-bg-primary: #f8fafc;--color-bg-white: #ffffff;--color-border: #e2e8f0;--color-text-primary: #0f172a;--color-primary: #000000}html,body,#root{height:100%;margin:0;padding:0}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.fixed-header{height:var(--header-height);position:sticky;top:0;left:0;right:0;z-index:var(--z-header);background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);width:100%;box-sizing:border-box}.layout-with-sidebar{display:flex;flex:1;position:relative;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.sidebar{width:var(--sidebar-width);height:calc(100vh - var(--header-height));position:sticky;top:var(--header-height);overflow-y:auto;background-color:var(--color-bg-white);border-right:1px solid var(--color-border);flex-shrink:0;z-index:var(--z-sidebar);transition:transform .3s ease}.main-content{flex:1;min-width:0;padding:20px;background-color:var(--color-bg-primary)}@media(max-width:768px){:root{--sidebar-width: 280px}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;height:calc(100vh - var(--header-height));transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-drawer-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-content{width:100%;padding:15px}}.hidden-mobile{display:block}.visible-mobile{display:none}@media(max-width:768px){.hidden-mobile{display:none!important}.visible-mobile{display:block!important}}