body{margin:0;font-family:system-ui,sans-serif;background:#f5f7fa}.app{min-height:100vh}.content{max-width:1180px;width:100%;margin:auto;padding:80px 24px}.notice{padding:16px;border:1px solid #ffd591;background:#fff7e6;color:#873800;border-radius:8px}.auth-card,.profile-card{max-width:520px;margin:32px auto}.auth-alert{margin-bottom:20px}.auth-link{margin-top:16px;text-align:center}.profile-form{margin-top:24px;display:grid;gap:12px}.user-layout{background:transparent;min-height:auto}.user-header{display:flex;align-items:center;gap:28px;height:auto;min-height:64px;padding:12px 20px;background:#001529;border-radius:10px}.user-brand{color:#fff;font-size:20px;font-weight:700;white-space:nowrap}.user-nav{display:flex;align-items:center;gap:6px;flex:1}.user-nav-link{color:#ffffffb8;padding:8px 12px;border-radius:6px;text-decoration:none;white-space:nowrap}.user-nav-link:hover,.user-nav-link.active{color:#fff;background:#ffffff24}.user-name{color:#fff;white-space:nowrap}.user-logout{border:0;background:transparent;color:#ffffffb8;cursor:pointer;white-space:nowrap}.user-logout:hover{color:#fff}.user-demo-notice{margin-top:12px;padding:10px 14px;border:1px solid #ffd591;background:#fff7e6;color:#873800;border-radius:8px}.user-content{padding-top:24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.order-terminal-message{margin:20px 0 8px;padding:12px 16px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px}.selection-page,.selection-selector,.selection-groups,.selection-summary{width:100%}.number-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:8px}.selection-chips{margin-top:12px}@media(max-width:600px){.content{padding:32px 12px}.number-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:700px){.user-header{align-items:flex-start;flex-wrap:wrap;gap:8px 12px}.user-nav{order:3;flex-basis:100%;overflow-x:auto}.user-name{margin-left:auto}}