body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.phone-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; box-shadow: 0 12px 28px rgba(15, 23, 42, .07); }
.m-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border-radius: 14px; padding: .8rem 1rem; font-weight: 900; font-size: .9rem; }
.m-primary { background: #059669; color: #fff; }
.m-soft { background: #ecfdf5; color: #047857; }
.m-field { width: 100%; border: 1px solid #cbd5e1; border-radius: 14px; padding: .85rem; background: white; font-weight: 700; outline: none; }
.m-label { display: block; margin-bottom: .35rem; color: #475569; font-size: .78rem; font-weight: 900; }
.m-badge { display: inline-flex; border-radius: 999px; padding: .25rem .55rem; font-size: .7rem; font-weight: 900; }
.success { background: #dcfce7; color: #166534; }
.warn { background: #fef3c7; color: #92400e; }
.danger { background: #fee2e2; color: #991b1b; }
.info { background: #dbeafe; color: #1d4ed8; }
.bottom-nav { position: sticky; bottom: 0; z-index: 30; border-top: 1px solid #e2e8f0; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.nav-item { display: flex; flex-direction: column; align-items: center; gap: .25rem; padding: .65rem .35rem; color: #64748b; font-size: .68rem; font-weight: 900; }
.nav-item.active { color: #059669; }