*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#root{height:100vh;height:100dvh}.login-page{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:16px}.login-card{padding:32px;width:100%;max-width:400px}.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{width:100%;height:100%;display:flex;gap:16px;padding:16px}.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;align-items:center;justify-content:flex-end;padding:4px 8px;border-bottom:1px solid rgba(0,0,0,.12);flex-shrink:0}.sidebar-content{display:flex;flex-direction:column;flex:1;min-height:0}.section-chips{display:flex;gap:4px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.12);flex-shrink:0}.main-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.main-header{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.12);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.admin-layout{width:100%;height:100%;display:flex;flex-direction:column;padding:16px;gap:16px}@media(max-width:899.95px){.login-card{padding:24px}.dashboard-layout{padding:8px;gap:8px;flex-direction:column}.main-header{padding:8px 12px}.admin-layout{padding:12px;gap:12px}.section-chips{padding:6px 8px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.section-chips::-webkit-scrollbar{display:none}}