@layer base-shared{html,body,#app{width:100%;height:100%}body{margin:0;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}}@layer base-host{*{box-sizing:border-box;padding:0;margin:0}body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{background:#f5f5f5}#root{height:100vh;height:100dvh}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;padding:16px;background:#f5f5f5}.login-card{width:100%;max-width:400px;padding:32px}.login-form{display:flex;flex-direction:column;gap:16px}.center-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dashboard-layout{display:flex;gap:16px;width:100%;height:100%;padding:16px;background:#f5f5f5}.sidebar{display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease,min-width .2s ease}.sidebar.open{width:320px;min-width:320px}.sidebar.closed{width:0;min-width:0}.sidebar-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;padding:4px 8px;border-bottom:1px solid rgba(0,0,0,.12)}.sidebar-content{display:flex;flex:1;flex-direction:column;min-height:0}.section-chips{display:flex;flex-shrink:0;flex-wrap:wrap;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.12)}.main-area{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.main-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.12)}.admin-layout{display:flex;flex-direction:column;gap:16px;width:100%;height:100%;padding:16px}@media(max-width:899.95px){.login-card{padding:24px}.dashboard-layout{flex-direction:column;gap:8px;padding:8px}.main-header{padding:8px 12px}.admin-layout{gap:12px;padding:12px}.section-chips{padding:6px 8px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.section-chips::-webkit-scrollbar{display:none}}}