:root{--elera-primary: #2563eb;--elera-primary-hover: #1d4ed8;--elera-bg: #f9fafb;--elera-card: #ffffff;--elera-border: #e5e7eb;--elera-text: #111827;--elera-text-muted: #6b7280;--elera-success: #16a34a;--elera-warning: #f59e0b;--elera-danger: #ef4444;--elera-radius-sm: 8px;--elera-radius-md: 12px;--elera-padding: 16px}.elera-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;border-radius:var(--elera-radius-sm);padding:8px 14px;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.elera-btn-primary{background:var(--elera-primary);color:#fff}.elera-btn-primary:hover:not(:disabled){background:var(--elera-primary-hover)}.elera-btn-secondary{background:#fff;border:1px solid var(--elera-border);color:var(--elera-text)}.elera-btn-secondary:hover:not(:disabled){background:#f9fafb}.elera-btn-danger{background:var(--elera-danger);color:#fff}.elera-btn-danger:hover:not(:disabled){filter:brightness(.95)}.elera-btn:disabled{opacity:.6;cursor:not-allowed}.elera-input{width:100%;padding:10px 12px;border-radius:var(--elera-radius-sm);border:1px solid var(--elera-border);font-size:13px;color:var(--elera-text);background:#fff;outline:none;transition:border-color .15s ease}.elera-input:focus{border-color:var(--elera-primary)}.elera-label{font-size:12px;font-weight:600;color:var(--elera-text-muted);margin-bottom:4px;display:block}.elera-form-group{margin-bottom:14px}.elera-input-error{border-color:var(--elera-danger)}.elera-table{width:100%;border-collapse:collapse}.elera-table th{text-align:left;font-size:12px;font-weight:600;color:var(--elera-text-muted);padding:10px;border-bottom:1px solid var(--elera-border)}.elera-table td{padding:12px 10px;border-bottom:1px solid var(--elera-border);font-size:13px;color:var(--elera-text)}.elera-table tr:hover{background:#f9fafb}.elera-table-card{background:var(--elera-card);border:1px solid var(--elera-border);border-radius:var(--elera-radius-md);overflow:hidden}.elera-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.elera-modal{background:#fff;border-radius:var(--elera-radius-md);width:100%;max-width:500px;border:1px solid var(--elera-border);box-shadow:none}.elera-modal-header{padding:14px 16px;border-bottom:1px solid var(--elera-border);font-weight:600;font-size:14px;color:var(--elera-text)}.elera-modal-body{padding:16px;color:var(--elera-text);font-size:14px}.elera-modal-footer{padding:12px 16px;border-top:1px solid var(--elera-border);display:flex;justify-content:flex-end;gap:8px}.elera-ds-card{background:var(--elera-card);border:1px solid var(--elera-border);border-radius:var(--elera-radius-md);padding:20px;box-shadow:none}.elera-toggle-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--elera-border);border-radius:var(--elera-radius-md);background:#fff;cursor:pointer;transition:background-color .15s ease}.elera-toggle-wrap:hover{background:#f9fafb}.elera-toggle-wrap:has(input:focus-visible){outline:2px solid var(--elera-primary);outline-offset:2px}.elera-toggle-wrap--widget:has(input:focus-visible){outline-color:#14b8a6}.elera-toggle-content{display:flex;flex-direction:column;min-width:0;flex:1}.elera-toggle-title{font-size:13px;font-weight:600;color:var(--elera-text)}.elera-toggle-sub{font-size:11px;color:var(--elera-text-muted);margin-top:2px}.elera-toggle{flex-shrink:0;width:40px;height:22px;border-radius:999px;background:#e5e7eb;position:relative;pointer-events:none;transition:background .2s ease}.elera-toggle-wrap:has(input:checked):not(.elera-toggle-wrap--widget) .elera-toggle{background:var(--elera-primary)}.elera-toggle-wrap--widget:has(input:checked) .elera-toggle{background:#14b8a6}.elera-toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s ease}.elera-toggle-wrap:has(input:checked) .elera-toggle:after{left:21px}.elera-toggle-wrap:has(input[type=checkbox]:disabled){cursor:not-allowed;opacity:.85}.elera-toggle-wrap:has(input[type=checkbox]:disabled) .elera-toggle{opacity:.55}