.af-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.af-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.af-card{display:flex;min-height:145px;padding:24px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06);text-decoration:none!important;color:#111827!important;flex-direction:column;justify-content:center;transition:.18s ease}.af-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.1)}.af-card strong{font-size:21px;margin-bottom:8px}.af-card span{font-size:14px;color:#6b7280}.af-btn-secondary{background:#e5e7eb;color:#111827!important}.af-btn-danger{background:#b91c1c}.af-btn-icon{width:40px;height:40px;padding:0;font-size:20px;line-height:1}.af-btn-icon[disabled]{opacity:.3;cursor:not-allowed}.af-field textarea{min-height:180px;resize:vertical}.af-alert{padding:12px 14px;border-radius:10px;margin:0 0 18px;background:#ecfdf5;color:#065f46}.af-alert-error{background:#fef2f2;color:#991b1b}.af-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.af-search{flex:1;min-width:240px;border:1px solid #d1d5db;border-radius:10px;padding:12px;font-size:16px}.af-template{border:1px solid #e5e7eb;border-radius:14px;background:#fff;margin-bottom:13px;box-shadow:0 5px 18px rgba(0,0,0,.04);overflow:hidden}.af-template-head{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff}.af-template-toggle{appearance:none;border:0;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;flex:1;padding:5px 0;text-align:left;color:#111827}.af-template-toggle-title{font-size:18px;font-weight:700}.af-template-arrow{font-size:18px;transition:transform .18s ease}.af-template.is-open .af-template-arrow{transform:rotate(180deg)}.af-template-order{display:flex;gap:6px;flex-shrink:0}.af-template-body{display:none;padding:0 18px 18px;border-top:1px solid #e5e7eb}.af-template.is-open .af-template-body{display:block}.af-template-text{white-space:pre-wrap;background:#f9fafb;padding:15px;border-radius:10px;line-height:1.55;margin-top:18px}.af-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.af-edit-form{display:none;margin-top:18px;padding-top:18px;border-top:1px solid #e5e7eb}.af-add-box{border:1px solid #e5e7eb;border-radius:14px;padding:20px;background:#f9fafb;margin-bottom:24px}.af-empty{padding:30px;text-align:center;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b}@media (max-width:600px){.af-header{align-items:flex-start;flex-direction:column}.af-card{min-height:110px}.af-template-head{padding:12px}.af-template-toggle-title{font-size:16px}.af-template-order{gap:4px}.af-btn-icon{width:36px;height:36px}}