:root{--color-bg: #f4f6fa;--color-surface: #ffffff;--color-border: #dfe3ec;--color-text: #1c2333;--color-muted: #5b6479;--color-primary: #1a56db;--color-primary-dark: #14429f;--color-success: #0f7b4f;--color-success-bg: #e6f6ee;--color-warning: #92500a;--color-warning-bg: #fdf1de;--color-danger: #b42318;--color-danger-bg: #fdeceb;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--shadow-lifted: 0 4px 12px rgba(16, 24, 40, .12);color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.layout{display:flex;flex-direction:column;gap:16px;padding:20px;max-width:1440px;margin:0 auto}.layout__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.layout__title{margin:0;font-size:1.35rem;font-weight:650}.layout__subtitle{margin:2px 0 0;color:var(--color-muted);font-size:.9rem}.layout__content{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.catalog{display:flex;flex-direction:column;gap:16px;min-width:0}.filters{display:flex;flex-direction:column;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.filters__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:.8rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em}input[type=search],select{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:inherit;font:inherit}input[type=search]:disabled,select:disabled{background:#f1f3f7;color:var(--color-muted);cursor:not-allowed}textarea{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:inherit;font:inherit;resize:vertical}.search-bar{display:flex;flex-direction:column;gap:6px}.search-bar__input{position:relative;display:flex;align-items:center}.search-bar__input input{padding-left:36px;padding-right:36px}.search-bar__icon{position:absolute;left:12px;font-size:.95rem;pointer-events:none}.search-bar__clear{position:absolute;right:8px;border:0;background:transparent;color:var(--color-muted);cursor:pointer;padding:4px 6px;border-radius:6px;font-size:.85rem}.search-bar__clear:hover{background:#eef1f6}.search-bar__status{margin:0;font-size:.85rem;color:var(--color-muted)}.grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 768px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1400px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{display:flex;flex-direction:column;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);transition:box-shadow .12s ease,border-color .12s ease,transform .12s ease}.card:hover{box-shadow:var(--shadow-lifted)}.card--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #1a56db2e}.card--skeleton{height:320px;background:linear-gradient(90deg,#eef1f6 25%,#f7f9fc,#eef1f6 75%);background-size:200% 100%;animation:shimmer 1.2s infinite linear;border-style:dashed}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.card,.card--skeleton{transition:none;animation:none}}.card__media{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;background:#f1f4f9;border-radius:8px;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:contain}.card__placeholder{font-size:1.6rem;font-weight:700;color:#9aa3b7;letter-spacing:.05em}.card__check{position:absolute;top:8px;right:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.85rem;font-weight:700}.card__body{display:flex;flex-direction:column;gap:8px;flex:1}.card__title{margin:0;font-size:.98rem;font-weight:620;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font-size:.8rem;color:var(--color-muted)}.card__meta div{display:flex;gap:4px}.card__meta dt{font-weight:600}.card__meta dt:after{content:":"}.card__meta dd{margin:0}.card__description{margin:0;font-size:.85rem;color:var(--color-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.button{border:1px solid transparent;border-radius:8px;padding:9px 14px;font:inherit;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-primary-dark)}.button--selected{background:var(--color-success-bg);color:var(--color-success);border-color:#0f7b4f59}.button--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.button--ghost:hover:not(:disabled){background:#eef1f6}.button--icon{background:transparent;color:var(--color-muted);padding:4px 8px}.button--icon:hover:not(:disabled){background:#eef1f6;color:var(--color-danger)}.button--block{width:100%}.summary{position:sticky;top:20px;display:flex;flex-direction:column;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);max-height:calc(100vh - 40px);overflow:auto}.summary__header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.summary__title{margin:0;font-size:1rem;font-weight:650}.summary__count{font-size:.85rem;color:var(--color-muted);white-space:nowrap}.summary__reference{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}.summary__meta{font-size:.8rem;color:var(--color-muted)}.summary__empty{margin:0;padding:16px;border:1px dashed var(--color-border);border-radius:8px;color:var(--color-muted);font-size:.88rem;text-align:center}.summary__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.summary__item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--color-border);border-radius:8px}.summary__item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.summary__item-name{font-weight:600;font-size:.9rem}.summary__item-meta{font-size:.78rem;color:var(--color-muted)}.summary__item-warning{font-size:.78rem;color:var(--color-warning)}.summary__item-side{display:flex;align-items:center;gap:6px;white-space:nowrap}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600;background:#eef1f6;color:var(--color-muted)}.badge--in_progress,.badge--created{background:#e8effc;color:var(--color-primary-dark)}.badge--confirmed{background:var(--color-warning-bg);color:var(--color-warning)}.badge--synchronized{background:var(--color-success-bg);color:var(--color-success)}.badge--sync_error,.badge--expired{background:var(--color-danger-bg);color:var(--color-danger)}.badge--dev{background:var(--color-warning-bg);color:var(--color-warning)}.alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px;font-size:.88rem}.alert--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(180,35,24,.25)}.alert--warning{flex-direction:column;align-items:stretch;background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(146,80,10,.25)}.alert--warning p{margin:0 0 8px}.alert--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(15,123,79,.25)}.alert--info{background:#e8effc;color:var(--color-primary-dark)}.alert__actions{display:flex;align-items:center;gap:4px}.empty{padding:48px 24px;text-align:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius)}.empty__title{margin:0 0 4px;font-weight:650}.empty__hint{margin:0;color:var(--color-muted);font-size:.88rem}.state{max-width:480px;margin:15vh auto;padding:24px;text-align:center;color:var(--color-muted)}.state--error{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--color-text)}.state__title{margin:0 0 8px;font-size:1.1rem}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pagination__status{font-size:.85rem;color:var(--color-muted)}@media (max-width: 1023px){.layout__content{grid-template-columns:minmax(0,1fr)}.summary{position:static;max-height:none;order:-1}}@media (max-width: 767px){.layout{padding:12px}}