:root {
      --bg: #f6f7fb;
      --card: #ffffff;
      --text: #18202a;
      --muted: #657080;
      --line: #d9dee7;
      --accent: #1f6feb;
      --danger: #b42318;
      --ok: #047857;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.45;
    }
    .wrap { max-width: 980px; margin: 36px auto; padding: 0 16px; }
    .card {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 22px;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    }
    .topbar {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 10px;
    }
    h1 { margin: 0 0 8px; font-size: 28px; }
    p { margin: 0 0 20px; color: var(--muted); }
    .language-box { min-width: 160px; }
    form { display: flex; gap: 15px; flex-wrap: wrap; align-items: center; margin-bottom: 18px; }
    label { display: block; font-weight: 700; margin-bottom: 6px; }
    input, select, button {
      height: 44px;
      border-radius: 10px;
      border: 1px solid var(--line);
      font-size: 16px;
      padding: 0 12px;
    }
    input { min-width: 230px; text-transform: uppercase; }
    button { border: 0; background: var(--accent); color: white; cursor: pointer; font-weight: 700; padding: 0 18px; }
    button:disabled { opacity: .65; cursor: not-allowed; }
    .status { margin: 12px 0 18px; color: var(--muted); }
    .status.error { color: var(--danger); font-weight: 700; }
    .status.ok { color: var(--ok); font-weight: 700; }
    .tables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .table-card { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: #fff; }
    h2 { margin: 0; padding: 14px 16px; font-size: 20px; border-bottom: 1px solid var(--line); background: #fbfcff; }
    table { width: 100%; border-collapse: collapse; }
    th, td { padding: 12px 16px; border-bottom: 1px solid var(--line); vertical-align: top; }
    tr:last-child th, tr:last-child td { border-bottom: 0; }
    th { color: var(--muted); font-weight: 600; width: 55%; text-align: left; }
    td { text-align: right; font-weight: 700; }
    .total th, .total td { font-size: 18px; color: var(--text); background: #fbfcff; }
    .raw { margin-top: 18px; }
    details { color: var(--muted); }
    pre { white-space: pre-wrap; background: #111827; color: #fff; padding: 14px; border-radius: 10px; overflow: auto; }
    .hidden { display: none; }
	.logo {
    	display: flex;          
	    justify-content: center;
	}
	.logo img {
	    max-width: 100%;        
	    height: auto;
	}
	.copyright {     	
		display: flex;          
	    justify-content: center;
		font-size:11px;
	 }
   .copyright a {
      color: var(--accent);
      margin: 0 3px;
    }

    .plate-input {
      display: inline-flex;
      align-items: center;
      height: 50px;
      border: 1px solid #bfbfbf;
      background: #fff;
      box-sizing: border-box;
      overflow: hidden;
    }

    .plate-input img {
      height: 50px;
      width: auto;
      display: block;
      flex-shrink: 0;
    }

    .plate-input input {
      height: 50px;
      width: 260px;
      border: none;
      outline: none;
      padding: 0 16px;
      font-size: 22px;
      letter-spacing: 2px;
      text-transform: uppercase;
      box-sizing: border-box;
    }

    .plate-input input::placeholder {
      color: #999;
      letter-spacing: normal;
      text-transform: none;
    }
    
    @media (max-width: 760px) {
      .topbar { display: block; }
      .language-box { margin-bottom: 16px; }
      .tables { grid-template-columns: 1fr; }
      input, button { width: 100%; }
    }