:root{--alsb-brand:#000}
.alsb-card{border:1px solid #e5e7eb;border-radius:14px;padding:16px;max-width:720px;margin:16px auto;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.alsb-field{margin-bottom:12px}
.alsb-label{display:block;font-weight:600;margin-bottom:6px}
.alsb-input,.alsb-select,.alsb-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;transition:box-shadow .2s}
.alsb-input:focus,.alsb-select:focus,.alsb-textarea:focus{outline:none;box-shadow:0 0 0 4px rgba(0,0,0,.12)}
.alsb-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;color:#fff;background:var(--alsb-brand);cursor:pointer}
.alsb-btn.secondary{background:#334155;color:#fff}
.alsb-notice{padding:10px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px}
.alsb-row{display:flex;flex-direction:column;gap:12px}
.alsb-spinner{display:none;margin-left:8px;width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:alsbspin .8s linear infinite}
.alsb-btn.loading .alsb-spinner{display:inline-block}
@keyframes alsbspin{to{transform:rotate(360deg)}}
.alsb-accordion{display:grid;gap:10px}
.alsb-item{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.alsb-head{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 14px;background:#f8fafc;cursor:pointer}
.alsb-col{display:flex;gap:12px;align-items:center}
.alsb-badge{font-size:12px;padding:4px 8px;border-radius:999px;background:#e2e8f0}
.alsb-badge.success{background:#dcfce7}
.alsb-badge.pending{background:#fde68a}
.alsb-body{display:none;padding:12px 14px;background:#fff}
.alsb-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.alsb-checkbox{transform:scale(1.1)}
.alsb-bulk{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.alsb-search{display:flex;gap:10px;margin-bottom:10px}
@media(min-width:700px){.alsb-row.form-grid{display:grid;grid-template-columns:1fr;gap:12px}}