*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,Roboto,Segoe UI,sans-serif;background:#fafafa;color:#1a1a1a}#app{max-width:480px;margin:0 auto;min-height:100vh;background:#fff}.screen{padding:24px 16px;display:flex;flex-direction:column;gap:12px}input,select,button{font-size:16px;padding:10px 12px;border-radius:8px;border:1px solid #ccc}button{background:#1a73e8;color:#fff;border:none;cursor:pointer}button[data-action=signup],button[data-action=logout],button[data-action=staff],button[data-action=report],button[data-action=menu]{background:#fff;color:#1a73e8;border:1px solid #1a73e8}.error{color:#d32f2f}.topbar{display:flex;justify-content:space-between;align-items:center;gap:8px}.topbar-actions{display:flex;gap:8px}.role-picker{display:flex;flex-direction:column;gap:4px;font-size:13px}.staff-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.staff-row-inactive{opacity:.5}.staff-name{font-weight:600}.staff-role{font-size:13px;color:#666}.staff-row-actions{display:flex;gap:8px}.reset-pin-form{display:flex;flex-direction:column;gap:8px;padding:8px 0 16px;border-bottom:1px solid #eee}.date-range{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.date-range label{display:flex;flex-direction:column;font-size:13px;gap:4px}.hint{font-size:13px;color:#888}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px}.checkbox-row input{width:auto;padding:0}.menu-category-section{padding-top:8px}.menu-category-header{display:flex;justify-content:space-between;align-items:center}.menu-category-header h4{margin:0}.menu-category-order-actions{display:flex;gap:4px}.menu-category-order-actions button{padding:4px 10px}.menu-item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.menu-item-inactive{opacity:.5}.menu-item-summary{display:flex;justify-content:space-between;align-items:center;flex:1;gap:8px}.menu-item-name{font-weight:600}.menu-item-price{color:#1a73e8;font-weight:600}.badge{display:inline-block;font-size:11px;padding:2px 6px;border-radius:999px;background:#e8f0fe;color:#1a73e8;margin-left:6px}.badge-inactive{background:#fce8e6;color:#d32f2f}.menu-item-edit-form{display:flex;flex-direction:column;gap:8px;padding:12px 0 20px;border-bottom:1px solid #eee}.ok{color:#1a7a1a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal-card{background:#fff;border-radius:12px;padding:20px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px}