/* shared global */
[x-cloak]{display:none!important}
.btn{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:.375rem;font-size:.85rem;font-weight:500;transition:all .15s}
.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}
.btn-secondary{background:#e2e8f0;color:#0f172a}.btn-secondary:hover{background:#cbd5e1}
.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}
.btn-ghost{background:transparent;color:#475569}.btn-ghost:hover{background:#e2e8f0}
.input{width:100%;padding:.4rem .65rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.9rem;background:#fff}
.input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.15)}
.tag{display:inline-flex;padding:.1rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:500}
.tag-green{background:#dcfce7;color:#166534}
.tag-red{background:#fee2e2;color:#991b1b}
.tag-gray{background:#e2e8f0;color:#475569}
.tag-yellow{background:#fef9c3;color:#854d0e}
table.tbl{width:100%;border-collapse:collapse;font-size:.85rem}
table.tbl th{text-align:left;padding:.6rem .75rem;background:#f1f5f9;color:#475569;font-weight:500;border-bottom:1px solid #e2e8f0}
table.tbl td{padding:.6rem .75rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}
table.tbl tr:hover td{background:#f8fafc}
.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:50;display:flex;align-items:center;justify-content:center}
.modal{background:#fff;border-radius:.5rem;width:560px;max-width:95vw;max-height:90vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.spin{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.btn:disabled{opacity:.6;cursor:not-allowed}
.btn-red{background:#dc2626;color:#fff}.btn-red:hover{background:#b91c1c}
.btn-blue{background:#2563eb;color:#fff}.btn-blue:hover{background:#1d4ed8}