:root { --navy:#15324a; --blue:#2c6e91; }
  body { margin:0; font-family:'Segoe UI',Arial,sans-serif; background:#f4f6f8; color:#222; }
  header { background:linear-gradient(90deg,var(--navy),#1f4a66); color:#fff;
           padding:12px 26px; display:flex; align-items:center; gap:16px; }
  .logo { font-size:22px; font-weight:800; } .logo span { color:#7fc4e8; }
  /* v16.2 - image logo, single source at /static/urbiq_logo.png */
  .logo-img { display:block; height:28px; width:auto;
              image-rendering:-webkit-optimize-contrast; }
  .hbtn { background:var(--blue); color:#fff; border:none; border-radius:5px;
          padding:8px 16px; font-size:13px; cursor:pointer; text-decoration:none; }
  .card { background:#fff; border-radius:10px; padding:26px 30px; margin:18px 0;
          box-shadow:0 1px 4px rgba(0,0,0,.1); }
  input,select { padding:7px 9px; border:1px solid #ccd; border-radius:5px;
                 font-size:13px; margin:3px 0; }
  table { border-collapse:collapse; width:100%; font-size:13px; }
  th { background:var(--navy); color:#fff; text-align:left; padding:7px 10px; }
  td { border-bottom:1px solid #e6eaee; padding:6px 10px; }
  h2 { color:var(--navy); font-size:17px; }
  .err { color:#c62828; font-size:13px; }

  .box { max-width:380px; margin:90px auto; }
  .box input { width:100%; box-sizing:border-box; margin:6px 0; }
  .box button { width:100%; margin-top:10px; }