body { background:#f0f2f5; min-height:100vh; }
.zp-nav { background:#1a6eff; padding:13px 22px; }
.banner { background:#e2e4e7; border-radius:6px; padding:12px 16px;
          display:flex; justify-content:space-between; align-items:center; }
.card   { border:1px solid #e3e5e8; box-shadow:0 1px 4px rgba(0,0,0,.07); border-radius:6px; }
.btn-action { border:1px solid #ccc; background:white; color:#333;
              font-size:.875rem; padding:6px 18px; border-radius:5px; cursor:pointer; }
.btn-action:hover { background:#f8f8f8; }
.form-control { border-radius:5px; font-size:.9rem; }
.form-control:focus { border-color:#86b7fe; box-shadow:0 0 0 3px rgba(26,110,255,.13); }
hr { border-color:#e3e5e8; margin:8px 0 18px; }
footer { color:#aaa; font-size:.8rem; }