.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}
.inp{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;background:#fff}
.inp:focus{outline:2px solid #fb923c;border-color:#fb923c}
.btn{background:#ea580c;color:#fff;border-radius:8px;padding:8px 14px;font-weight:600}
.btn:hover{background:#c2410c}
.btn2{border:1px solid #cbd5e1;border-radius:8px;padding:8px 14px;background:#fff}
.nav{padding:8px 10px;border-radius:8px}.nav:hover{background:#f1f5f9}
.lbl{display:block;font-size:12px;color:#64748b;margin:8px 0 2px}
.sm{font-size:12px;padding:4px 8px}
#toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);padding:8px 16px;border-radius:8px;color:#fff;font-size:14px;z-index:40}
#toast.ok{background:#059669;display:block}#toast.err{background:#dc2626;display:block}
.spin{display:inline-block;width:12px;height:12px;border:2px solid #fdba74;border-top-color:#ea580c;border-radius:50%;animation:sp .7s linear infinite;vertical-align:-2px}
@keyframes sp{to{transform:rotate(360deg)}}
#sync{position:fixed;top:64px;right:12px;font-size:12px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:2px 10px;z-index:15;color:#64748b}