:root{--elematic-primary:#6C5CE7;--elematic-primary-hover:#5F4FD4;--elematic-success:#00B894;--elematic-danger:#FF7675;--elematic-warning:#FDCB6E;--elematic-bg:#F8F9FA;--elematic-card:#FFFFFF;--elematic-border:#E9ECEF;--elematic-text:#2D3436;--elematic-text-muted:#636E72;--elematic-shadow:0 2px 8px rgba(0, 0, 0, 0.06);--elematic-shadow-hover:0 4px 16px rgba(0, 0, 0, 0.1);--elematic-radius:8px}[x-cloak]{display:none!important}.elematic-dashboard{margin:-20px -20px 0 -12px;background:var(--elematic-bg);min-height:100vh;padding-bottom:40px}.elematic-header{background:var(--elematic-card);border-bottom:1px solid var(--elematic-border);padding:32px 40px;margin-bottom:32px}.elematic-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.elematic-header h1{margin:0 0 8px;font-size:32px;font-weight:600;color:var(--elematic-text)}.elematic-count,.elematic-header p,.elematic-loading p{color:var(--elematic-text-muted)}.elematic-header p{margin:0;font-size:15px}.elematic-loading{text-align:center;padding:80px 20px}.elematic-spinner{width:40px;height:40px;margin:0 auto 20px;border:3px solid var(--elematic-border);border-top-color:var(--elematic-primary);border-radius:50%;animation:.8s linear infinite elematic-spin}@keyframes elematic-spin{to{transform:rotate(360deg)}}.elematic-loading p{font-size:14px}.elematic-content{max-width:1400px;margin:0 auto;padding:0 40px}.elematic-section{margin-bottom:48px}.elematic-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.elematic-section-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:600;color:var(--elematic-text)}.elematic-icon{font-size:24px}.elematic-count{padding:4px 12px;background:var(--elematic-bg);border-radius:20px;font-size:13px;font-weight:500}.elematic-templates-list{display:flex;flex-direction:column;gap:12px}.elematic-template-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--elematic-card);border:1px solid var(--elematic-border);border-radius:var(--elematic-radius);box-shadow:var(--elematic-shadow);transition:.2s;cursor:pointer}.elematic-template-card:hover{box-shadow:var(--elematic-shadow-hover);transform:translateY(-2px)}.elematic-template-info{flex:1;min-width:0}.elematic-template-info h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--elematic-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.elematic-template-meta{display:flex;align-items:center;gap:16px;font-size:13px}.elematic-condition-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#eef2ff;color:var(--elematic-primary);border-radius:4px;font-weight:500}.elematic-condition-badge svg{width:12px;height:12px}.elematic-template-actions{display:flex;gap:8px}.elematic-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:.2s;text-decoration:none}.elematic-btn:focus{outline:0;box-shadow:0 0 0 3px rgba(108,92,231,.2)}.elematic-btn:disabled{opacity:.5;cursor:not-allowed}.elematic-btn svg{width:14px;height:14px}.elematic-btn-primary{background:var(--elematic-primary);color:#fff}.elematic-btn-primary:hover:not(:disabled){background:var(--elematic-primary-hover)}.elematic-btn-secondary{background:var(--elematic-bg);color:var(--elematic-text)}.elematic-btn-secondary:hover:not(:disabled){background:#dee2e6}.elematic-btn-conditions{background:#eef2ff;color:var(--elematic-primary)}.elematic-btn-conditions:hover:not(:disabled){background:#e0e7ff}.elematic-btn-danger{background:#ffe5e5;color:var(--elematic-danger);padding:8px}.elematic-btn-danger:hover:not(:disabled){background:var(--elematic-danger);color:#fff}.elematic-empty-state{text-align:center;padding:60px 20px;background:var(--elematic-card);border:2px dashed var(--elematic-border);border-radius:var(--elematic-radius)}.elematic-empty-state svg{margin-bottom:20px}.elematic-empty-state p{margin:0 0 20px;font-size:15px;color:var(--elematic-text-muted)}.elematic-modal-close:hover,.elematic-modal-header h2{color:var(--elematic-text)}.elematic-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px}.elematic-modal{background:var(--elematic-card);border-radius:var(--elematic-radius);box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.elematic-modal-large{max-width:700px}.elematic-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid var(--elematic-border)}.elematic-modal-header h2{margin:0;font-size:20px;font-weight:600}.elematic-modal-close{background:0 0;border:none;color:var(--elematic-text-muted);cursor:pointer;padding:4px;display:flex;transition:color .2s}.elematic-modal-body{padding:32px;overflow-y:auto;flex:1}.elematic-modal-description{margin:0 0 24px;padding:16px;background:var(--elematic-bg);border-radius:6px;font-size:14px;color:var(--elematic-text-muted);line-height:1.6}.elematic-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 32px;border-top:1px solid var(--elematic-border)}.elematic-form-group{margin-bottom:24px}.elematic-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--elematic-text)}.elematic-form-group small{display:block;margin-top:6px;font-size:13px;color:var(--elematic-text-muted)}.elematic-input,.elematic-select{width:100%;padding:10px 14px;border:1px solid var(--elematic-border);border-radius:6px;font-size:14px;color:var(--elematic-text);transition:.2s}.elematic-input:focus,.elematic-select:focus{outline:0;border-color:var(--elematic-primary);box-shadow:0 0 0 3px rgba(108,92,231,.1)}.elematic-radio-group{display:flex;gap:16px}.elematic-radio{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid var(--elematic-border);border-radius:6px;cursor:pointer;transition:.2s}.elematic-radio:hover{border-color:var(--elematic-primary);background:#f8f9ff}.elematic-radio input[type=radio]{margin:0;cursor:pointer}.elematic-radio input[type=radio]:checked+span{color:var(--elematic-primary);font-weight:600}.elematic-radio:has(input:checked){border-color:var(--elematic-primary);background:#eef2ff}.elematic-template-card:has(.elematic-condition-badge:contains("Inactive")){opacity:.6;border-left:3px solid var(--elematic-warning)}.elematic-notification{position:fixed;top:32px;right:32px;padding:16px 24px;background:var(--elematic-success);color:#fff;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.2);font-size:14px;font-weight:500;z-index:100001;transform:translateY(-100px);opacity:0;transition:.3s}.elematic-notification.show{transform:translateY(0);opacity:1}@media (max-width:1024px){.elematic-dashboard{margin:-20px -10px 0}.elematic-content,.elematic-header{padding-left:20px;padding-right:20px}.elematic-template-card{flex-wrap:wrap}.elematic-template-actions{width:100%;justify-content:flex-end}}@media (max-width:768px){.elematic-header-content{flex-direction:column;align-items:flex-start;gap:16px}.elematic-template-meta{flex-direction:column;align-items:flex-start;gap:8px}.elematic-modal{max-width:100%}.elematic-radio-group{flex-direction:column}}