*{box-sizing:border-box;margin:0;padding:0}body{background:#f3f6fb;font-family:Segoe UI,Arial,sans-serif;color:#1e293b}.page{max-width:1400px;margin:auto;padding:20px}.row{display:flex;gap:10px;align-items:center}.table-wrap{overflow-x:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.topbar h1{font-size:32px;font-weight:700}.topbar button{width:auto;background:#ef4444}.topbar button:hover{background:#dc2626}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.tabs button{height:110px;border:none;border-radius:18px;background:#2563eb;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2563eb26;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;line-height:1.2}.tabs button:hover{background:#1d4ed8;transform:translateY(-3px)}@media(max-width:1000px){.tabs{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.tabs{grid-template-columns:repeat(2,1fr)}.tabs button{height:95px;font-size:16px}}.tabs button:hover{background:#1d4ed8;transform:translateY(-3px);box-shadow:0 8px 20px #2563eb40}.card{background:#fff;border-radius:18px;padding:20px;margin-bottom:20px;box-shadow:0 4px 15px #00000014}.card h3{margin-bottom:15px;color:#1e293b}input,select{width:100%;padding:12px;border:1px solid #dbe2ea;border-radius:10px;margin-top:5px;margin-bottom:10px;background:#fff}input:focus,select:focus{outline:none;border-color:#2563eb}button{width:100%;padding:12px;border:none;border-radius:10px;background:#2563eb;color:#fff;cursor:pointer;transition:.2s}button:hover{background:#1d4ed8}button:disabled{background:#94a3b8;cursor:not-allowed}table{width:100%;border-collapse:collapse}th{background:#2563eb;color:#fff;padding:12px;text-align:left}td{padding:10px;border-bottom:1px solid #e5e7eb}tr:hover{background:#f8fafc}.history{padding:10px 0;border-bottom:1px solid #e5e7eb}.toast{position:fixed;top:15px;right:15px;padding:12px 16px;border-radius:12px;color:#fff;z-index:9999}.toast.ok{background:#16a34a}.toast.err{background:#dc2626}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background:#fff;border-radius:18px;padding:20px;width:min(800px,95vw);box-shadow:0 10px 30px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center}.scanner{min-height:320px;border-radius:12px;overflow:hidden}@media(max-width:700px){.page{padding:12px}.topbar{flex-direction:column;gap:10px}.tabs{grid-template-columns:repeat(2,1fr)}.tabs button{height:90px;font-size:16px}}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-buttons button{width:auto;padding:8px 12px;font-size:14px;font-weight:600}.btn-edit{background:#f59e0b}.btn-edit:hover{background:#d97706}.btn-delete{background:#ef4444}.btn-delete:hover{background:#dc2626}.btn-info{background:#2563eb}.btn-info:hover{background:#1d4ed8}.btn-qr{background:#10b981}.btn-qr:hover{background:#059669}.save-btn{background:#f59e0b!important;color:#fff;font-size:16px;font-weight:700}.save-btn:hover{background:#d97706!important}.save-btn:disabled{background:#94a3b8!important}.operation-select-in,.operation-select-out{width:100%;height:60px;border:none;border-radius:12px;font-size:18px;font-weight:700;padding:0 20px;cursor:pointer;transition:.2s;margin-top:10px}.operation-select-in{background:#16a34a;color:#fff}.operation-select-in:hover{background:#15803d}.operation-select-out{background:#f59e0b;color:#fff}.operation-select-out:hover{background:#d97706}.save-btn-in,.save-btn-out{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;color:#fff;font-size:16px;font-weight:700}.save-btn-in{background:#16a34a}.save-btn-in:hover{background:#15803d}.save-btn-out{background:#f59e0b}.save-btn-out:hover{background:#d97706}.tab-icon{font-size:32px;margin-bottom:8px;display:block}.tabs button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.menu-icon{font-size:28px;line-height:1}.operation-select-in,.operation-select-out{text-align:center;font-size:20px;font-weight:700}.camera-btn{width:100%;height:65px;background:#2563eb;color:#fff;font-size:20px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:.2s}.camera-btn:hover{background:#1d4ed8;transform:translateY(-2px)}