*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f1f6f7;color:#17353c}button,input{font:inherit}header{background:#0a333b;color:#fff;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap}.brand{display:flex;flex-direction:column}.brand b{font-size:34px}.brand span{letter-spacing:4px;font-size:12px}.brand small{opacity:.55;margin-top:10px}nav{display:flex;gap:8px}nav button{background:transparent;color:#dce8ea;border:0;padding:15px 20px;border-radius:12px}nav button.active,nav button:hover{background:#1d5c67}.hero{padding:28px max(24px,6vw);background:#fff;border-bottom:1px solid #d7e2e4;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.hero h1{margin:0;font-size:34px}.hero p{direction:ltr}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.badge{padding:12px 16px;border-radius:999px;font-size:13px}.online{background:#e2f4ec;color:#197251}.offline{background:#f9e8e8;color:#9a4a4a}.pending{background:#fff4d7;color:#8a6415}.ghost{background:#fff;border:1px solid #ccdadd;padding:12px 16px;border-radius:12px}.view{display:none;padding:36px max(24px,6vw)}.view.active{display:block}.panel{background:#fff;border:1px solid #d8e3e5;border-radius:22px;padding:28px;margin-bottom:22px}.feature{background:linear-gradient(135deg,#256b76,#0b3740);color:#fff}.feature h2{font-size:32px;line-height:1.7}.feature button,#ocrBtn,#confirmBtn{border:0;background:#218299;color:#fff;border-radius:14px;padding:15px 22px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid #d8e3e5;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:8px}.card strong{font-size:28px}.card span,.card small,.hint{color:#6e8186}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:flex;flex-direction:column;gap:8px;margin:14px 0;color:#61787e}input{border:1px solid #ccdadd;border-radius:13px;padding:14px}.notice{margin-top:14px;padding:12px;background:#fff5d9;border-radius:10px;color:#765f1f}pre{direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word;background:#0a333b;color:#d8edf0;border-radius:15px;padding:18px;min-height:120px;max-height:340px;overflow:auto}.quality{margin:15px 0;padding:13px;background:#eef5f6;border-radius:12px}footer{text-align:center;padding:30px;color:#71848a}@media(max-width:800px){.grid2{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}}@media(max-width:480px){.kpis{grid-template-columns:1fr}.view,.hero{padding-left:18px;padding-right:18px}}