.attr-page{--attr-accent:#00915a;--attr-accent-soft:#e7f5ee;display:flex;flex-direction:column;gap:18px;padding-bottom:48px}.attr-banner{border:1px solid #cfe7da;background:var(--attr-accent-soft);color:#0a5c3c;border-radius:10px;padding:10px 14px;font-size:13px}.attr-banner a{color:var(--attr-accent);font-weight:600}.attr-section{background:var(--panel,#fff);border:1px solid var(--line,#e8ebf2);border-radius:14px;padding:18px}.attr-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.attr-section-head h2{margin:0;font-size:16px;font-weight:650}.attr-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:550;padding:8px 14px;border-radius:9px;border:1px solid var(--line,#e8ebf2);background:var(--panel,#fff);color:var(--text,#1a1f36);cursor:pointer}.attr-btn:hover{background:var(--panel-2,#f5f6fa)}.attr-btn-primary{background:var(--attr-accent);border-color:var(--attr-accent);color:#fff}.attr-btn-primary:hover{background:#007a4c}.attr-table-wrap{overflow-x:auto}.attr-table{width:100%;border-collapse:collapse;font-size:13px}.attr-table td,.attr-table th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line,#e8ebf2);vertical-align:top}.attr-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#6c7282)}.attr-muted{color:var(--muted,#6c7282);font-size:12px}.attr-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.attr-empty{color:var(--muted,#6c7282);padding:16px;text-align:center}.attr-chip{background:var(--attr-accent-soft);color:var(--attr-accent)}.attr-chip,.attr-pill{display:inline-flex;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600}.attr-pill{text-transform:uppercase;letter-spacing:.03em}.attr-pill.is-active{background:var(--pastel-green,#d1fae5);color:#047857}.attr-pill.is-paused{background:var(--panel-2,#f1f3f7);color:var(--muted,#6c7282)}.attr-row-actions{display:flex;gap:10px;white-space:nowrap}.attr-link{background:none;border:none;padding:0;font-size:12px;color:var(--attr-accent);cursor:pointer}.attr-link-danger{color:#dc2626}.attr-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.attr-card{border:1px solid var(--line,#e8ebf2);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.attr-card-head{display:flex;align-items:center;justify-content:space-between}.attr-card-message{margin:0;font-size:13px;line-height:1.45}.attr-card-meta{display:flex;gap:8px;align-items:center}.attr-rules-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);grid-gap:16px;gap:16px}.attr-preview{border:1px solid var(--line,#e8ebf2);border-radius:12px;padding:14px;background:var(--panel-2,#f9fafb);display:flex;flex-direction:column;gap:8px;height:-moz-fit-content;height:fit-content}.attr-preview h3{margin:0;font-size:14px}.attr-textarea{width:100%;resize:vertical;font-family:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--line,#e8ebf2);border-radius:9px}.attr-preview-result{border-radius:10px;padding:10px 12px;font-size:13px}.attr-preview-result.is-match{background:var(--attr-accent-soft);border:1px solid #cfe7da}.attr-preview-result.is-nomatch{background:var(--panel,#fff);border:1px dashed var(--line,#e8ebf2)}.attr-preview-result ul{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:4px}.attr-preview-result li{display:flex;justify-content:space-between;gap:10px}.attr-preview-result li span{color:var(--muted,#6c7282)}.attr-note{border:1px solid var(--line,#e8ebf2);border-radius:12px;padding:14px;font-size:13px}.attr-note p{margin:0 0 8px}.attr-note p:last-child{margin:0}.attr-modal-backdrop{position:fixed;inset:0;z-index:60;background:rgba(15,23,42,.4);display:flex;align-items:center;justify-content:center;padding:16px}.attr-modal{width:min(520px,95vw);max-height:90vh;overflow-y:auto;background:var(--panel,#fff);border-radius:14px;border:1px solid var(--line,#e8ebf2)}.attr-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line,#e8ebf2)}.attr-modal-head h3{margin:0;font-size:15px}.attr-modal-close{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--muted,#6c7282)}.attr-form{padding:16px;display:flex;flex-direction:column;gap:12px}.attr-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.attr-field{display:flex;flex-direction:column;gap:5px;font-size:12px}.attr-field>span{font-weight:550;color:var(--muted,#6c7282)}.attr-input{font-family:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--line,#e8ebf2);border-radius:9px;background:var(--panel,#fff);color:var(--text,#1a1f36)}.attr-check{display:flex;align-items:center;gap:8px;font-size:13px}.attr-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.attr-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:70;background:#eaf5ef;color:#0a5c3c;border:1px solid #cfe7da;padding:10px 16px;border-radius:10px;font-size:13px;box-shadow:0 10px 30px rgba(15,23,42,.12)}.attr-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:6px;background:var(--attr-accent-soft,#e7f5ee);color:#0a5c3c;font-size:10px;font-weight:600;white-space:nowrap}@media (max-width:900px){.attr-rules-layout{grid-template-columns:1fr}}