*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:4px}.app-shell{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;flex-shrink:0;border-bottom:1px solid var(--border)}.app-sidebar{display:none}.app-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.page-content{flex:1;overflow-y:auto;height:100%}@media(min-width:768px){body{overflow:auto}.app-shell{flex-direction:row;height:100vh;overflow:hidden}.app-header{display:none}.app-sidebar{display:flex;flex-direction:column;width:240px;flex-shrink:0;height:100%;overflow:hidden;border-right:1px solid var(--border);padding:0 0 24px}.app-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.page-content{height:100%;overflow-y:auto}}@media(min-width:1200px){.app-content{align-items:stretch;overflow-y:auto}.page-content{width:100%;max-width:800px;margin:0 auto;height:auto;overflow-y:visible}}.landing-navbar{display:none}.landing-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;flex-shrink:0;position:sticky;top:0;z-index:100}@media(min-width:768px){.landing-navbar{display:block}.landing-mobile-header{display:none}}