*{box-sizing:border-box}body{color:#1f2937;background:#f8f9fa;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}#root{min-height:100vh}.app-shell{max-width:560px;margin:0 auto;padding:16px 12px 90px}.app-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.app-header h1{margin:0;font-size:1.2rem}.connection-pill{border-radius:999px;margin:0;padding:4px 10px;font-size:.75rem;line-height:1.3}.connection-pill--online{color:#1b5e20;background:#e8f5e9}.connection-pill--offline{color:#bf360c;background:#fff3e0}.connection-pill__state{font-weight:600}.tab-nav{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px;margin:14px 0;display:grid}.tab-nav button{color:#1f2937;text-transform:capitalize;background:#fff;border:1px solid #dadce0;border-radius:8px;padding:10px 6px}.tab-nav button.active{color:#fff;background:#1a73e8;border-color:#1a73e8}.tab-nav button:disabled{opacity:.7;cursor:default}.section{flex-direction:column;gap:12px;display:flex}.section h2{margin:2px 0;font-size:1rem}.card{background:#fff;border:1px solid #dadce0;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.card h3{margin:0 0 4px;font-size:.95rem}input,select,textarea,button{box-sizing:border-box;width:100%;font:inherit}input,select,textarea{border:1px solid #c9ccd1;border-radius:8px;padding:10px}button{color:#fff;background:#1a73e8;border:1px solid #1a73e8;border-radius:8px;padding:10px;font-weight:600}.message{margin:8px 0;font-size:.9rem}.section-loading{color:#475467;margin-top:-4px;margin-bottom:4px;font-size:.85rem}.list-item{border-top:1px solid #eceef1;padding-top:8px}.customer-row{color:inherit;text-align:left;background:0 0;border:none;border-top:1px solid #eceef1;border-radius:0;padding:8px 0 0}.title{margin:0;font-weight:600}.list-item p,.list-item small{margin:2px 0}.check-row{align-items:center;gap:8px;display:flex}.check-row input{width:auto}.field-label{color:#374151;margin:0;font-size:.85rem}.muted{color:#6b7280}.users-roles-actions{gap:10px}.badge{text-transform:uppercase;background:#f1f3f4;border-radius:999px;padding:2px 8px;font-size:.7rem;display:inline-block}.app-footer{text-align:center;color:#6b7280;margin-top:18px;padding:10px 0 4px;font-size:.8rem}.header-refresh-btn,.logout-btn{width:auto;padding:6px 10px}.header-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.profile-sync-hint{color:#374151;font-size:.85rem;line-height:1.45}.auth-card form{flex-direction:column;gap:8px;display:flex}.login-offline-hint{margin-top:0}.modal-backdrop{z-index:50;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;flex-direction:column;gap:10px;width:100%;max-width:400px;max-height:85vh;padding:16px;display:flex;overflow:auto;box-shadow:0 12px 40px #0000002e}.modal h3{margin:0 0 4px;font-size:1rem}.modal form{flex-direction:column;gap:8px;display:flex}.modal-actions{gap:8px;margin-top:4px;display:flex}.modal-actions button{flex:1}button.btn-secondary{color:#1a73e8;background:#fff;border-color:#1a73e8}