.cpl{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-ink);gap:10px;margin:14px 0;padding:14px 16px;display:grid}.cpl.gon{margin:10px 0;padding:12px}.cpl-dau{justify-content:space-between;align-items:center;gap:10px;display:flex}.cpl-dau small{letter-spacing:.5px;color:var(--ui-ink-2);font-size:12px;font-weight:800;display:block}.cpl-dau strong{font-size:15px}.cpl button{border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-sm);background:var(--ui-surface);min-height:36px;color:var(--ui-ink);font:inherit;cursor:pointer;padding:0 12px;font-size:13px;font-weight:700}.cpl button.chinh{background:var(--ui-brand);border-color:var(--ui-brand)}.cpl button:disabled{opacity:.55;cursor:not-allowed}.cpl-bao{border-radius:var(--ui-radius-sm);padding:8px 10px;font-size:13px}.cpl-bao.loi{background:var(--ui-danger-bg);color:var(--ui-danger)}.cpl-bao.xong{background:var(--ui-success-bg);color:var(--ui-success)}.cpl-qt{border-top:1px solid var(--ui-line);gap:8px;padding-top:8px;display:grid}.cpl-qt-dau{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.cpl-qt-dau span{color:var(--ui-ink-2);font-size:12px}.cpl-tt{background:var(--ui-info-bg);color:var(--ui-info);border-radius:999px;padding:1px 8px;font-size:12px;font-style:normal;font-weight:800}.cpl-tt.approved{background:var(--ui-success-bg);color:var(--ui-success)}.cpl-tt.nhap{background:var(--ui-warning-bg);color:var(--ui-warning)}.cpl-ghi-chu{color:var(--ui-danger);margin:0;font-size:12px}.cpl-ba-o{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:6px;display:grid}.cpl-ba-o>div{border:1px solid var(--ui-line);border-radius:var(--ui-radius-sm);background:var(--ui-surface-2);padding:8px 10px}.cpl-ba-o small{color:var(--ui-ink-2);font-size:12px;display:block}.cpl-ba-o strong{font-size:15px}.cpl-ba-o i{color:var(--ui-ink-2);font-style:normal;font-weight:800}.cpl-ba-o .hoan strong{color:var(--ui-success)}.cpl-ba-o .chi-them strong{color:var(--ui-warning)}.cpl-bang{border-collapse:collapse;width:100%;font-size:13px}.cpl-bang th,.cpl-bang td{border-bottom:1px solid var(--ui-line);text-align:left;vertical-align:top;padding:6px}.cpl-bang th{color:var(--ui-ink-2);font-size:12px}.cpl-bang td small{color:var(--ui-ink-2);font-size:12px;display:block}.cpl-bang a{color:var(--ui-info);font-weight:700}.cpl-nut-dong{gap:4px;display:flex}.cpl-nut-dong button{min-height:30px;padding:0 8px;font-size:12px}.cpl-hang-nut{flex-wrap:wrap;gap:8px;display:flex}.cpl-trong{color:var(--ui-ink-2);margin:0;font-size:13px}.cpl-form{border-top:1px solid var(--ui-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;padding-top:8px;display:grid}.cpl-form label{color:var(--ui-ink-2);gap:4px;font-size:12px;font-weight:700;display:grid}.cpl-form .rong{grid-column:1/-1}.cpl-form input,.cpl-form select{border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-sm);background:var(--ui-surface);min-height:38px;color:var(--ui-ink);font:inherit;padding:0 10px;font-size:14px}.cpl-form input[type=file]{padding:6px;font-size:13px}.cpl-co-anh{color:var(--ui-success);font-weight:800}@media (max-width:760px){.cpl-form{grid-template-columns:1fr 1fr}.cpl-ba-o{grid-template-columns:1fr}.cpl-ba-o i{display:none}}