:root{--primary:#0b4fb3;--accent:#ff6a00;--bg:#f5f7fb;--card:#fff;--text:#152033;--muted:#6b7280;--green:#138a36;--red:#b91c1c;--border:#e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Arial,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}.hero{background:linear-gradient(135deg,var(--primary),#08316e);color:white;padding:22px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:14px}.logo{width:52px;height:52px;border-radius:14px;background:var(--accent);display:grid;place-items:center;font-size:30px;font-weight:800}.hero h1{font-size:22px;margin:0}.hero p{margin:5px 0 0;opacity:.9}.lang-btn{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:white;border-radius:10px;padding:10px 14px;font-weight:700}.container{max-width:1120px;margin:0 auto;padding:18px}.search-card,.detail,.card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 6px 18px rgba(15,23,42,.06)}.search-card{padding:18px;margin-top:-18px}.search-card h2{margin:0 0 12px}input,select{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:12px;font-size:16px;background:white}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.card{padding:14px;cursor:pointer;transition:.15s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.11)}.thumb{height:145px;border-radius:14px;background:#eef2f7;display:grid;place-items:center;overflow:hidden;margin-bottom:10px}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .placeholder{font-size:44px}.card h3{margin:4px 0 6px;font-size:18px}.meta{color:var(--muted);font-size:14px;line-height:1.55}.status{display:inline-block;margin-top:8px;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700;background:#e8f7ee;color:var(--green)}.status.stop{background:#fee2e2;color:var(--red)}.detail{padding:18px;margin-top:18px}.detail-head{display:grid;grid-template-columns:330px 1fr;gap:18px}.detail-img{width:100%;min-height:240px;border-radius:18px;background:#eef2f7;display:grid;place-items:center;overflow:hidden}.detail-img img{width:100%;height:100%;object-fit:cover}.detail h2{margin:0 0 8px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.info{border:1px solid var(--border);border-radius:12px;padding:10px;background:#fafafa}.label{font-size:12px;color:var(--muted);text-transform:uppercase}.value{font-weight:700;margin-top:4px}.docs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.doc-btn{display:inline-block;text-decoration:none;background:var(--primary);color:white;padding:10px 12px;border-radius:12px;font-weight:700}.doc-btn.secondary{background:#374151}.history{margin-top:18px}.history h3{margin-bottom:10px}.timeline{border-left:3px solid var(--primary);padding-left:14px}.event{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;margin:0 0 10px}.event-top{display:flex;justify-content:space-between;gap:10px;font-weight:700}.event-type{color:var(--primary)}.event small{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:28px}.hidden{display:none}.back{border:0;background:#eef2ff;color:var(--primary);font-weight:700;border-radius:12px;padding:10px 12px;margin-bottom:12px}footer{text-align:center;color:var(--muted);font-size:13px;padding:20px}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.detail-head{grid-template-columns:1fr}.hero{align-items:flex-start}.hero h1{font-size:18px}.filters,.info-grid{grid-template-columns:1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}.container{padding:12px}.hero{padding:16px 12px}.logo{width:44px;height:44px}.search-card{margin-top:-10px}.detail{padding:14px}}