.ocr-container{padding:1rem;display:flex;flex-direction:column;gap:1.5rem;font-family:system-ui,sans-serif}.flex-row{display:flex;flex-direction:row;gap:1.5rem;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column;gap:1rem;flex:1}.video{width:300px;height:200px;border-radius:8px;aspect-ratio:16 / 9;object-fit:cover}.label{font-size:.9rem;font-weight:500;margin-bottom:.25rem;display:block}.input,.textarea{width:100%;border:1px solid #ccc;border-radius:6px;padding:.5rem .75rem;font-size:.95rem;outline:none;transition:border-color .2s ease}.btn{padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.95rem;cursor:pointer;transition:background .2s ease;border:none;width:fit-content}.btn-blue{background:#2563eb;color:#fff}.btn-blue:hover{background:#1d4ed8}.btn-green{background:#16a34a;color:#fff}.btn-green:hover{background:#15803d}.btn-red{background:#dc2626;color:#fff}.btn-red:hover{background:#b91c1c}.progress-container{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:#2563eb;transition:width .4s ease}.alert{padding:.75rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500}.alert-success{background:#dcfce7;color:#166534;border:1px solid #22c55e}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.flex-col h3{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:#111827}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.label{font-size:.9rem;font-weight:500;margin-bottom:.25rem;display:block;color:#374151}.input,.textarea{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:.5rem .75rem;font-size:.95rem;outline:none;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.input:focus,.textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.textarea{resize:vertical;min-height:80px}.btn.btn-green{margin-top:1rem;align-self:flex-start}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;color:#fff;font-size:18px;font-weight:500}.spinner{border:6px solid rgba(255,255,255,.2);border-top:6px solid #0224aa;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}:root{--brand: #004E98;--bg: #f5f7fb;--text: #222;--muted: #6b7280;--white: #fff;--danger: #c0392b;--success: #2ecc71}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--text)}.container{max-width:1100px;margin:0 auto;padding:20px}.navbar{background:var(--brand);color:var(--white);display:flex;align-items:center;justify-content:space-between;padding:14px 22px;position:sticky;top:0;z-index:10;flex-wrap:wrap}.navbar a{color:var(--white);text-decoration:none;margin-left:18px;white-space:nowrap}.navbar .brand{font-weight:700;font-size:18px}.card{background:var(--white);border-radius:10px;padding:18px;box-shadow:0 6px 24px #0000000f}.btn{background:var(--brand);color:var(--white);border:none;border-radius:6px;padding:10px 14px;cursor:pointer;transition:.2s ease-in-out}.btn:hover{opacity:.9}.btn.secondary{background:#6b7280}.btn.danger{background:var(--danger)}.btn.success{background:var(--success)}.input,select,textarea{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:6px;margin-top:6px}label{display:block;margin:10px 0;font-weight:600}.row{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.col-6{grid-column:span 6}.col-12{grid-column:span 12}.table{width:100%;border-collapse:collapse;overflow-x:auto;display:block}.table th,.table td{border:1px solid #e5e7eb;padding:10px;text-align:left;white-space:nowrap}.table thead{background:var(--brand);color:var(--white)}.table tbody tr:hover{background:#f3f4f6}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice{padding:10px 12px;border-radius:6px;margin:10px 0}.notice.info{background:#e8f1fb;color:#0d47a1}.notice.error{background:#fdecea;color:#c0392b}.notice.success{background:#eafaf1;color:#2e7d32}@media (max-width: 1024px){.container{padding:15px}.navbar{flex-direction:column;align-items:flex-start}.navbar a{margin:8px 0 0}}@media (max-width: 768px){.row{grid-template-columns:repeat(1,1fr)}.col-6,.col-12{grid-column:span 1}.navbar{padding:10px 15px}.navbar .brand{font-size:16px}.btn{width:100%;margin-top:8px}}@media (max-width: 480px){body{font-size:14px}.card{padding:14px}.table th,.table td{padding:8px;font-size:13px}.navbar{flex-direction:column;align-items:flex-start}.navbar a{margin:6px 0;font-size:14px}.btn{padding:8px 10px;font-size:14px}}