.cls-catalog{display:grid;gap:1rem;min-width:0}
.cls-cat-toolbar,.cls-cat-card,.cls-cat-summary>div,.cls-cat-analytics{background:var(--white,#fff);border:1px solid var(--border,#e2ddd4);border-radius:10px}
.cls-cat-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;background:var(--bg3,#f0ede6);border:1px solid var(--border,#e2ddd4);border-radius:10px}
.cls-cat-intro h2{font-size:1rem;margin:0 0 .2rem}.cls-cat-intro p{font-size:.72rem;color:var(--muted,#6b6258);margin:0;line-height:1.45}
.cls-cat-plan{display:inline-flex;align-items:center;border:1px solid var(--border-acc,rgba(184,146,42,.3));color:var(--gold,#b8922a);border-radius:999px;padding:.35rem .65rem;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.cls-cat-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.cls-cat-summary>div{padding:1rem}.cls-cat-k{font-size:.56rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted,#6b6258);font-weight:800}.cls-cat-v{font-size:1.35rem;font-weight:900;margin-top:.35rem}.cls-cat-v.green{color:var(--green,#1a9e5c)}.cls-cat-v.gold{color:var(--gold,#b8922a)}
.cls-cat-toolbar{padding:1rem;display:grid;gap:.75rem}.cls-cat-actions{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.cls-cat-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.cls-cat-tab,.cls-cat-btn{appearance:none;border:1px solid var(--border,#e2ddd4);background:var(--white,#fff);color:var(--text,#1c1814);border-radius:999px;padding:.52rem .8rem;font:800 .62rem/1 var(--font-b,var(--fb,Inter,sans-serif));letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.cls-cat-tab.on,.cls-cat-btn.primary{background:var(--black,#1a1714);border-color:var(--black,#1a1714);color:#fff}.cls-cat-btn.gold{border-color:var(--gold,#b8922a);color:var(--gold,#b8922a)}.cls-cat-btn.danger{border-color:rgba(192,57,43,.35);color:var(--red,#c0392b)}.cls-cat-btn:disabled{opacity:.45;cursor:not-allowed}
.cls-cat-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(135px,1fr));gap:.6rem}.cls-cat-input{width:100%;min-width:0;border:1px solid var(--border,#e2ddd4);background:var(--bg,#f7f5f0);color:var(--text,#1c1814);border-radius:7px;padding:.65rem .75rem;font:500 .72rem/1.3 var(--font-b,var(--fb,Inter,sans-serif))}.cls-cat-input:focus{outline:2px solid rgba(184,146,42,.18);border-color:var(--gold,#b8922a)}textarea.cls-cat-input{min-height:84px;resize:vertical}
.cls-cat-card{overflow:hidden}.cls-cat-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--border,#e2ddd4)}.cls-cat-head h3{font-size:1rem;margin:0}.cls-cat-count{font-size:.64rem;color:var(--muted,#6b6258)}.cls-cat-table-wrap{overflow-x:auto}.cls-cat-table{width:100%;border-collapse:collapse;min-width:880px}.cls-cat-table th{background:var(--black,#1a1714);color:#fff;text-align:left;padding:.7rem .75rem;font-size:.53rem;letter-spacing:.12em;text-transform:uppercase}.cls-cat-table td{padding:.75rem;border-bottom:1px solid var(--border,#e2ddd4);font-size:.7rem;vertical-align:middle}.cls-cat-name{display:flex;align-items:center;gap:.65rem}.cls-cat-thumb{width:38px;height:38px;border-radius:8px;background:var(--bg3,#f0ede6);display:grid;place-items:center;overflow:hidden;flex:0 0 auto;font-size:1rem}.cls-cat-thumb img{width:100%;height:100%;object-fit:cover}.cls-cat-name strong{display:block;font-size:.76rem}.cls-cat-name small{display:block;color:var(--muted,#6b6258);margin-top:.2rem}.cls-cat-pill{display:inline-flex;border-radius:999px;padding:.28rem .48rem;font-size:.53rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:var(--bg3,#f0ede6)}.cls-cat-pill.product{color:#7b4bb7;background:#f0e9f8}.cls-cat-pill.service{color:#176c8a;background:#e5f4f8}.cls-cat-pill.active{color:var(--green,#1a9e5c);background:#e2f5ea}.cls-cat-pill.archived{color:var(--muted,#6b6258)}.cls-cat-row-actions{display:flex;gap:.35rem;flex-wrap:wrap}.cls-cat-empty{padding:2rem;text-align:center;color:var(--muted,#6b6258);font-size:.75rem}.cls-cat-mobile{display:none}
.cls-cat-analytics{padding:1rem}.cls-cat-analytics h3{font-size:.95rem;margin:0 0 .8rem}.cls-cat-bars{display:grid;gap:.55rem}.cls-cat-bar{display:grid;grid-template-columns:minmax(120px,1fr) 3fr auto;gap:.65rem;align-items:center;font-size:.65rem}.cls-cat-track{height:8px;background:var(--bg3,#f0ede6);border-radius:999px;overflow:hidden}.cls-cat-fill{height:100%;background:var(--gold,#b8922a);border-radius:999px}
.cls-cat-modal{position:fixed;inset:0;z-index:10020;background:rgba(20,17,14,.68);display:none;align-items:center;justify-content:center;padding:1rem}.cls-cat-modal.open{display:flex}.cls-cat-dialog{width:min(760px,100%);max-height:min(90dvh,900px);background:var(--white,#fff);border-radius:13px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.32)}.cls-cat-modal-head,.cls-cat-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem;border-bottom:1px solid var(--border,#e2ddd4)}.cls-cat-modal-foot{border-top:1px solid var(--border,#e2ddd4);border-bottom:0;justify-content:flex-end}.cls-cat-modal-head h3{font-size:1rem;margin:0}.cls-cat-close{border:0;background:transparent;font-size:1.35rem;cursor:pointer;color:var(--muted,#6b6258)}.cls-cat-modal-body{padding:1rem 1.1rem;overflow-y:auto;overscroll-behavior:contain}.cls-cat-choice{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.cls-cat-choice button{display:grid;gap:.35rem;text-align:left;padding:1rem;border:1px solid var(--border,#e2ddd4);background:var(--bg,#f7f5f0);border-radius:10px;cursor:pointer}.cls-cat-choice strong{font-size:.9rem}.cls-cat-choice span{font-size:.68rem;color:var(--muted,#6b6258);line-height:1.4}.cls-cat-form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.cls-cat-field{display:grid;gap:.35rem}.cls-cat-field.full{grid-column:1/-1}.cls-cat-field label{font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--muted,#6b6258)}.cls-cat-help{font-size:.6rem;line-height:1.4;color:var(--muted,#6b6258)}.cls-cat-image-preview{width:86px;height:86px;border:1px dashed var(--border,#e2ddd4);border-radius:10px;display:grid;place-items:center;overflow:hidden;color:var(--muted,#6b6258);font-size:.6rem}.cls-cat-image-preview img{width:100%;height:100%;object-fit:cover}.cls-cat-selector-results{display:grid;gap:.55rem;margin-top:.8rem}.cls-cat-selector-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.75rem;border:1px solid var(--border,#e2ddd4);border-radius:9px;background:var(--white,#fff)}.cls-cat-selector-item p{margin:.15rem 0 0;color:var(--muted,#6b6258);font-size:.63rem}.cls-cat-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem}.cls-cat-detail-grid>div{padding:.75rem;background:var(--bg,#f7f5f0);border-radius:8px}.cls-cat-detail-grid span{font-size:.53rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted,#6b6258)}.cls-cat-detail-grid strong{display:block;margin-top:.3rem;font-size:.85rem}.cls-cat-history{display:grid;gap:.45rem}.cls-cat-history-row{display:grid;grid-template-columns:1fr auto auto;gap:.6rem;padding:.65rem;border-bottom:1px solid var(--border,#e2ddd4);font-size:.65rem}
@media(max-width:900px){.cls-cat-summary{grid-template-columns:repeat(2,1fr)}.cls-cat-filters{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.cls-cat-intro{display:grid}.cls-cat-summary{grid-template-columns:1fr 1fr}.cls-cat-summary>div{padding:.8rem}.cls-cat-v{font-size:1.05rem}.cls-cat-filters{grid-template-columns:1fr}.cls-cat-table-wrap{display:none}.cls-cat-mobile{display:grid;gap:.7rem;padding:.75rem}.cls-cat-mobile-card{border:1px solid var(--border,#e2ddd4);border-radius:10px;padding:.8rem;display:grid;gap:.65rem}.cls-cat-mobile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.cls-cat-mobile-meta{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;font-size:.63rem;color:var(--muted,#6b6258)}.cls-cat-mobile-meta strong{display:block;color:var(--text,#1c1814);margin-top:.15rem}.cls-cat-form,.cls-cat-choice{grid-template-columns:1fr}.cls-cat-field.full{grid-column:auto}.cls-cat-dialog{height:calc(100dvh - 1rem);max-height:calc(100dvh - 1rem)}.cls-cat-modal{padding:.5rem}.cls-cat-detail-grid{grid-template-columns:1fr 1fr}.cls-cat-bar{grid-template-columns:1fr auto}.cls-cat-track{grid-column:1/-1;grid-row:2}.cls-cat-modal-foot .cls-cat-btn{flex:1}.cls-cat-selector-item{grid-template-columns:auto minmax(0,1fr)}.cls-cat-selector-item>.cls-cat-btn{grid-column:1/-1;width:100%}}
@media(max-width:390px){.cls-cat-summary{grid-template-columns:1fr}.cls-cat-detail-grid{grid-template-columns:1fr}}