:root{--cmr-blue:#092b73;--cmr-blue-2:#11469d;--cmr-red:#e31d2b;--cmr-ink:#13213b;--cmr-muted:#657089;--cmr-line:#e7ebf2;--cmr-bg:#f5f7fb}
.cmr-shell{font-family:Roboto,Arial,sans-serif;color:var(--cmr-ink);background:var(--cmr-bg);padding:clamp(22px,4vw,56px);min-height:80vh}
.cmr-shell *{box-sizing:border-box}.cmr-header,.cmr-tools,.cmr-grid,.cmr-summary,.cmr-empty{max-width:1240px;margin-left:auto;margin-right:auto}
.cmr-header{display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,var(--cmr-blue),var(--cmr-blue-2));color:#fff;border-radius:24px;padding:28px 32px;box-shadow:0 18px 45px rgba(9,43,115,.18);position:relative;overflow:hidden}
.cmr-header:after{content:"";position:absolute;width:260px;height:260px;border:55px solid rgba(255,255,255,.07);border-radius:50%;right:-80px;top:-120px}
.cmr-brand-logo{width:76px;height:76px;flex:0 0 76px;background:#fff;border:4px solid rgba(255,255,255,.9);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.cmr-brand-logo img{display:block;width:100%;height:100%;object-fit:cover}
.cmr-header h1{font-size:clamp(28px,4vw,46px);line-height:1.05;margin:2px 0 7px;font-weight:850;letter-spacing:-1px}.cmr-header p{margin:0;color:rgba(255,255,255,.82);font-size:16px}.cmr-header .cmr-eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1.8px;font-weight:800;color:#fff}
.cmr-tools{background:#fff;margin-top:22px;border:1px solid var(--cmr-line);border-radius:20px;padding:18px;box-shadow:0 8px 28px rgba(28,46,84,.07)}
.cmr-search{display:flex;align-items:center;gap:10px;border:1px solid #d7dde8;background:#f8f9fc;border-radius:13px;padding:0 15px;transition:.2s}.cmr-search:focus-within{background:#fff;border-color:var(--cmr-blue-2);box-shadow:0 0 0 3px rgba(17,70,157,.1)}
.cmr-search svg{width:21px;fill:none;stroke:var(--cmr-muted);stroke-width:2;stroke-linecap:round}.cmr-search input{width:100%;height:50px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:16px;color:var(--cmr-ink);padding:0!important}
.cmr-filters{display:flex;gap:8px;overflow-x:auto;padding-top:14px;scrollbar-width:thin}.cmr-filters button{appearance:none;border:1px solid var(--cmr-line);background:#fff;color:#49546b;padding:10px 15px;border-radius:999px;white-space:nowrap;font:700 14px/1 Roboto,Arial,sans-serif;cursor:pointer;transition:.2s}.cmr-filters button:hover,.cmr-filters button.is-active{border-color:var(--cmr-red);background:var(--cmr-red);color:#fff}
.cmr-summary{font-size:14px;color:var(--cmr-muted);margin-top:24px;margin-bottom:12px}.cmr-summary strong{color:var(--cmr-ink)}
.cmr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cmr-card{background:#fff;border:1px solid var(--cmr-line);border-radius:18px;overflow:hidden;box-shadow:0 7px 24px rgba(26,42,77,.06);transition:transform .2s,box-shadow .2s}.cmr-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(26,42,77,.13)}
.cmr-preview{height:280px;background:#e9edf5;display:block;position:relative;overflow:hidden}.cmr-preview img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s}.cmr-card:hover .cmr-preview img{transform:scale(1.025)}.cmr-format{position:absolute;top:14px;right:14px;background:rgba(9,27,61,.84);backdrop-filter:blur(6px);color:#fff;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:800;letter-spacing:.5px}
.cmr-card-body{padding:18px}.cmr-category{display:inline-block;color:var(--cmr-red);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px}.cmr-card h2{font-size:19px;line-height:1.25;margin:0;color:var(--cmr-ink);font-weight:800}.cmr-card p{font-size:14px;color:var(--cmr-muted);line-height:1.5;margin:8px 0 0}
.cmr-actions{display:flex;gap:9px;margin-top:17px}.cmr-actions a{display:inline-flex;justify-content:center;align-items:center;min-height:42px;border-radius:10px;text-decoration:none!important;font-size:14px;font-weight:800;transition:.2s}.cmr-view{border:1px solid #dce1ea;color:var(--cmr-blue)!important;padding:0 14px;flex:1}.cmr-view:hover{border-color:var(--cmr-blue);background:#f2f6ff}.cmr-download{background:var(--cmr-red);color:#fff!important;padding:0 17px;gap:8px}.cmr-download:hover{background:#bf1220}.cmr-download span{font-size:18px}
.cmr-empty{background:#fff;border:1px dashed #cbd2df;border-radius:18px;text-align:center;color:var(--cmr-muted);padding:48px 20px;margin-top:15px}
@media(max-width:900px){.cmr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.cmr-shell{padding:16px}.cmr-header{padding:22px 20px;border-radius:18px}.cmr-brand-logo{width:58px;height:58px;flex-basis:58px;border-radius:15px}.cmr-header p:not(.cmr-eyebrow){font-size:14px}.cmr-tools{border-radius:16px;padding:13px}.cmr-grid{grid-template-columns:1fr;gap:15px}.cmr-preview{height:310px}.cmr-actions a{min-height:46px}}