.csa-public-dashboard{width:100%;margin:1.5rem 0}.csa-public-title{text-align:center;margin:0 0 1.4rem;font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.15;color:var(--csa-title,#000);font-weight:800}.csa-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--csa-card-min-width,160px)),1fr));gap:18px;align-items:stretch}.csa-stat-box{text-align:center;border:1px solid var(--csa-card-border,rgba(78,136,184,.18));border-radius:var(--csa-card-radius,18px);padding:var(--csa-card-padding,22px) 16px;background:var(--csa-card-bg,#fff);box-shadow:var(--csa-card-shadow,0 10px 24px rgba(30,70,100,.08));transition:transform .2s ease,box-shadow .2s ease;overflow:visible;min-height:auto}.csa-stat-box:hover{transform:translateY(-2px);box-shadow:var(--csa-card-hover-shadow,0 14px 30px rgba(30,70,100,.12))}.csa-counter{line-height:1;font-weight:300;color:var(--csa-primary,#4E88B8);font-variant-numeric:tabular-nums;overflow-wrap:normal;word-break:normal}.csa-value-number{font-size:clamp(2.2rem,5vw,var(--csa-number-size,68px))}.csa-value-text{font-size:clamp(1.15rem,2.2vw,var(--csa-text-size,30px));line-height:1.15;white-space:normal;word-break:keep-all;overflow-wrap:normal;hyphens:none}.csa-stat-label{margin-top:.55rem;font-size:var(--csa-label-size,16px);font-weight:600;color:var(--csa-secondary,#245f8d)}.csa-stat-note{display:block!important;visibility:visible!important;opacity:1!important;margin:.35rem auto 0;max-width:240px;font-size:var(--csa-note-size,12px);line-height:1.28;color:#6c7d86}.csa-stat-icon{display:flex;align-items:center;justify-content:center;margin:0 auto .65rem}.csa-stat-icon svg{width:var(--csa-icon-size,36px);height:var(--csa-icon-size,36px);fill:var(--csa-primary,#4E88B8)}.csa-dashboard-card .csa-stat-icon svg{width:calc(var(--csa-icon-size,36px) - 2px);height:calc(var(--csa-icon-size,36px) - 2px)}.csa-layout-compact .csa-public-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}.csa-layout-compact .csa-stat-box{padding:18px 13px}.csa-layout-compact .csa-value-number{font-size:clamp(2rem,4vw,3.4rem)}.csa-layout-compact .csa-stat-note{display:none!important}@media(max-width:640px){.csa-public-dashboard{margin:1rem 0}.csa-public-grid{grid-template-columns:1fr;gap:14px}.csa-stat-box{padding:18px 14px!important;min-height:auto!important;height:auto!important;overflow:visible!important}.csa-stat-note{display:block!important;visibility:visible!important;opacity:1!important;margin:.45rem auto 0!important;max-width:280px!important;font-size:var(--csa-note-size,12px)!important;line-height:1.3!important}.csa-stat-icon svg{width:30px;height:30px}.csa-value-number{font-size:2.25rem}.csa-value-text{font-size:1.25rem;white-space:normal;word-break:keep-all;overflow-wrap:normal;hyphens:none}.csa-stat-label{font-size:.95rem}.csa-layout-compact .csa-stat-note{display:none!important}}
.csa-chart-box{background:var(--csa-card-bg,#fff);border:1px solid rgba(78,136,184,.18);border-radius:var(--csa-card-radius,18px);box-shadow:var(--csa-card-shadow,0 10px 24px rgba(30,70,100,.08));padding:22px;margin:18px 0;overflow:visible}
.csa-chart-title{font-size:20px;font-weight:600;color:var(--csa-secondary,#245f8d);margin-bottom:12px;text-align:left}
.csa-chart{width:100%;height:auto;min-height:var(--csa-chart-height,320px)}
.csa-chart svg{width:100%;height:auto;display:block;overflow:visible}
.csa-chart-axis{stroke:rgba(35,86,125,.42);stroke-width:1.2}
.csa-chart-grid{stroke:rgba(35,86,125,.10);stroke-width:1}
.csa-chart-y,.csa-chart-x{fill:#607280;font-size:11px}
.csa-chart-line{stroke:var(--csa-primary,#4E88B8);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.csa-chart-point{fill:var(--csa-primary,#4E88B8);stroke:#fff;stroke-width:2}
.csa-chart-bar{fill:var(--csa-primary,#4E88B8);opacity:.88}
.csa-chart-empty{padding:40px 10px;text-align:center;color:#607280}
@media(max-width:768px){.csa-chart-box{padding:16px}.csa-chart-title{font-size:17px}.csa-chart{height:260px}.csa-chart-x{font-size:10px}}
.csa-viewer{background:var(--csa-card-bg,#fff);border:1px solid rgba(78,136,184,.18);border-radius:var(--csa-card-radius,18px);box-shadow:var(--csa-card-shadow,0 10px 24px rgba(30,70,100,.08));padding:22px;margin:22px 0;color:#243743}
.csa-viewer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.csa-viewer-title{margin:0;color:var(--csa-secondary,#245f8d);font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.15}
.csa-viewer-subtitle{margin-top:5px;color:#607280;font-size:.96rem}.csa-viewer-count{font-weight:700;color:var(--csa-primary,#4E88B8);white-space:nowrap}
.csa-viewer-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:12px;border-radius:14px;background:rgba(78,136,184,.07)}
.csa-viewer-toolbar label{display:flex;align-items:center;gap:6px;font-size:.92rem;color:#425867}.csa-viewer-toolbar input{min-height:34px;border:1px solid rgba(36,95,141,.22);border-radius:9px;padding:4px 8px;background:#fff;color:#243743}
.csa-viewer-toolbar button,.csa-viewer-nav button{border:0;border-radius:999px;padding:9px 14px;background:var(--csa-primary,#4E88B8);color:#fff;font-weight:700;cursor:pointer;line-height:1}.csa-viewer-toolbar button:hover,.csa-viewer-nav button:hover{filter:brightness(.94)}
.csa-viewer-status{min-height:20px;margin:6px 0 10px;color:#607280;font-size:.92rem}.csa-viewer-main{display:block}.csa-viewer-photo-wrap{margin:0}.csa-viewer-photo{display:block;width:100%;max-height:72vh;object-fit:contain;background:#f4f7f9;border-radius:16px;border:1px solid rgba(78,136,184,.14)}
.csa-viewer-caption,.csa-compare-caption{text-align:center;color:#607280;font-size:.92rem;margin-top:8px}.csa-viewer-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0}.csa-viewer-position{min-width:70px;text-align:center;font-weight:700;color:#425867}
.csa-viewer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:14px}.csa-thumb{border:2px solid transparent;border-radius:12px;padding:0;background:#f4f7f9;overflow:hidden;cursor:pointer;text-align:left}.csa-thumb.is-active{border-color:var(--csa-primary,#4E88B8)}.csa-thumb img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.csa-thumb span{display:block;padding:6px 8px;font-size:11px;color:#425867;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.csa-viewer-compare-wrap{margin:0}.csa-compare-stage{position:relative;width:100%;background:#f4f7f9;border-radius:16px;border:1px solid rgba(78,136,184,.14);overflow:hidden}.csa-compare-stage:before{content:"";display:block;padding-top:56.25%}.csa-compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.csa-compare-slider{display:block;width:min(520px,90%);margin:12px auto 0}
@media(max-width:700px){.csa-viewer{padding:16px}.csa-viewer-head{display:block}.csa-viewer-count{margin-top:6px}.csa-viewer-toolbar{display:grid;grid-template-columns:1fr}.csa-viewer-toolbar label{justify-content:space-between}.csa-viewer-nav{gap:8px}.csa-viewer-nav button{padding:9px 11px}.csa-viewer-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}
.csa-viewer-toolbar select{min-height:34px;border:1px solid rgba(36,95,141,.22);border-radius:9px;padding:4px 8px;background:#fff;color:#243743;max-width:260px}
.csa-photo-card{background:var(--csa-card-bg,#fff);border:1px solid rgba(78,136,184,.18);border-radius:var(--csa-card-radius,18px);box-shadow:var(--csa-card-shadow,0 10px 24px rgba(30,70,100,.08));padding:14px;margin:18px 0;color:#243743;overflow:hidden}.csa-photo-card img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#f4f7f9;border-radius:14px}.csa-photo-card-title{font-weight:800;color:var(--csa-secondary,#245f8d);font-size:1.15rem;margin:0 0 10px}.csa-photo-card-meta{font-size:.92rem;color:#607280;text-align:center;margin-top:8px}.csa-photo-empty{padding:14px;border-radius:12px;background:rgba(78,136,184,.08);color:#425867}.csa-photo-gallery{margin:22px 0}.csa-photo-gallery-grid{display:grid;grid-template-columns:repeat(var(--csa-gallery-cols,4),minmax(0,1fr));gap:12px}.csa-photo-thumb{display:block;text-decoration:none;color:#425867;background:#fff;border:1px solid rgba(78,136,184,.18);border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(30,70,100,.06)}.csa-photo-thumb img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f4f7f9}.csa-photo-thumb span{display:block;padding:8px 10px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csa-photo-slider{background:var(--csa-card-bg,#fff);border:1px solid rgba(78,136,184,.18);border-radius:var(--csa-card-radius,18px);box-shadow:var(--csa-card-shadow,0 10px 24px rgba(30,70,100,.08));padding:18px;margin:22px 0}.csa-photo-slider .csa-compare-stage{margin-top:10px}
@media(max-width:800px){.csa-photo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.csa-photo-gallery-grid{grid-template-columns:1fr}.csa-viewer-toolbar select{max-width:100%}} .csa-chart{position:relative;width:100%;height:auto;min-height:var(--csa-chart-height,320px)}
.csa-chart-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 12px;align-items:center}
.csa-chart-legend-item{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(36,95,141,.18);background:#fff;color:#425867;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;line-height:1.1;box-shadow:0 3px 10px rgba(30,70,100,.05)}
.csa-chart-legend-item:hover{filter:brightness(.97)}
.csa-chart-legend-item.is-muted{opacity:.38;text-decoration:line-through}
.csa-chart-legend-swatch{width:12px;height:12px;border-radius:999px;background:var(--csa-series-color,var(--csa-primary,#4E88B8));display:inline-block;flex:0 0 12px}
.csa-chart-hit{fill:transparent;stroke:transparent;cursor:pointer}
.csa-chart-tooltip{position:absolute;z-index:5;display:none;min-width:120px;max-width:210px;padding:7px 9px;border-radius:10px;background:rgba(0,59,113,.92);color:#fff;font-size:12px;line-height:1.28;box-shadow:0 8px 20px rgba(0,0,0,.18);pointer-events:none}
.csa-chart-tooltip strong{font-weight:800;color:#fff}
@media(max-width:768px){.csa-chart-legend{gap:7px}.csa-chart-legend-item{font-size:11px;padding:6px 9px}} .csa-gallery-slider{background:var(--csa-card-bg,#fff);border:1px solid rgba(78,136,184,.18);border-radius:var(--csa-card-radius,18px);box-shadow:var(--csa-card-shadow,0 10px 24px rgba(30,70,100,.08));padding:18px;margin:22px 0;color:#243743;overflow:hidden}
.csa-gallery-slider-stage{position:relative;width:100%;background:#f4f7f9;border-radius:16px;border:1px solid rgba(78,136,184,.14);overflow:hidden;min-height:280px}
.csa-gallery-slide{display:none;margin:0}
.csa-gallery-slide.is-active{display:block}
.csa-gallery-slide a{display:block;text-decoration:none;color:inherit}
.csa-gallery-slide img{display:block;width:100%;max-height:72vh;min-height:280px;object-fit:contain;background:#f4f7f9}
.csa-gallery-slide figcaption{text-align:center;color:#607280;font-size:.92rem;margin:0;padding:9px 12px;background:#fff;border-top:1px solid rgba(78,136,184,.12)}
.csa-gallery-slider-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 8px}
.csa-gallery-slider-controls button{border:0;border-radius:999px;padding:9px 15px;background:var(--csa-primary,#4E88B8);color:#fff;font-weight:800;cursor:pointer;line-height:1}
.csa-gallery-slider-controls button:hover{filter:brightness(.94)}
.csa-gallery-position{min-width:70px;text-align:center;font-weight:800;color:#425867;font-size:.92rem}
.csa-gallery-dots{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:8px 0 2px}
.csa-gallery-dots button{width:9px;height:9px;border-radius:999px;border:0;background:rgba(78,136,184,.28);padding:0;cursor:pointer}
.csa-gallery-dots button.is-active{background:var(--csa-primary,#4E88B8);transform:scale(1.18)}
@media(max-width:700px){.csa-gallery-slider{padding:14px}.csa-gallery-slider-stage{min-height:220px}.csa-gallery-slide img{min-height:220px;max-height:60vh}.csa-gallery-slider-controls{gap:9px}.csa-gallery-slider-controls button{padding:8px 12px}} .csa-gallery-slider .csa-gallery-slider-stage{
position:relative;
}
.csa-gallery-slider .csa-gallery-slide.is-filtered{
display:none!important;
}
.csa-gallery-slider .csa-gallery-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:4;
width:44px;
height:44px;
border:0;
border-radius:999px;
background:rgba(0,59,113,.72);
color:#fff;
font-size:30px;
line-height:1;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
box-shadow:0 8px 22px rgba(0,0,0,.22);
}
.csa-gallery-slider .csa-gallery-nav:hover{
background:rgba(0,59,113,.92);
}
.csa-gallery-slider .csa-gallery-prev{
left:14px;
}
.csa-gallery-slider .csa-gallery-next{
right:14px;
}
.csa-gallery-slider .csa-gallery-position{
position:absolute;
right:14px;
bottom:14px;
z-index:4;
min-width:auto;
padding:6px 10px;
border-radius:999px;
background:rgba(0,59,113,.72);
color:#fff;
font-size:12px;
font-weight:800;
line-height:1;
}
.csa-gallery-slider .csa-gallery-period-switch{
position:absolute;
top:14px;
right:14px;
z-index:5;
display:flex;
gap:6px;
padding:5px;
border-radius:999px;
background:rgba(255,255,255,.88);
box-shadow:0 8px 22px rgba(0,0,0,.14);
}
.csa-gallery-slider .csa-gallery-period-switch button{
border:0;
border-radius:999px;
padding:6px 10px;
background:transparent;
color:#003B71;
font-size:12px;
font-weight:800;
line-height:1;
cursor:pointer;
}
.csa-gallery-slider .csa-gallery-period-switch button.is-active{
background:#00549F;
color:#fff;
}
.csa-gallery-slider .csa-gallery-slider-controls,
.csa-gallery-slider .csa-gallery-dots{
display:none!important;
}
@media(max-width:700px){
.csa-gallery-slider .csa-gallery-nav{width:38px;height:38px;font-size:26px}
.csa-gallery-slider .csa-gallery-prev{left:8px}
.csa-gallery-slider .csa-gallery-next{right:8px}
.csa-gallery-slider .csa-gallery-period-switch{top:8px;right:8px;gap:3px;padding:4px}
.csa-gallery-slider .csa-gallery-period-switch button{font-size:11px;padding:5px 7px}
.csa-gallery-slider .csa-gallery-position{right:8px;bottom:8px}
} .csa-photo-slider .csa-compare-option-switch{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0 0 12px;
align-items:center;
}
.csa-photo-slider .csa-compare-option-switch button{
border:1px solid rgba(0,84,159,.18);
border-radius:999px;
background:#fff;
color:#003B71;
padding:7px 12px;
font-size:12px;
font-weight:800;
line-height:1;
cursor:pointer;
box-shadow:0 3px 10px rgba(30,70,100,.05);
}
.csa-photo-slider .csa-compare-option-switch button:hover{
background:#f4f8fb;
}
.csa-photo-slider .csa-compare-option-switch button.is-active{
background:#00549F;
color:#fff;
border-color:#00549F;
}
.csa-photo-slider .csa-compare-stage{
margin-top:0;
cursor:ew-resize;
}
.csa-photo-slider .csa-compare-stage .csa-compare-slider{
position:absolute;
inset:0;
z-index:5;
width:100%;
height:100%;
margin:0;
opacity:0;
cursor:ew-resize;
}
.csa-photo-slider .csa-compare-divider{
position:absolute;
top:0;
bottom:0;
left:50%;
z-index:4;
width:2px;
background:rgba(255,255,255,.95);
box-shadow:0 0 0 1px rgba(0,59,113,.22),0 0 14px rgba(0,0,0,.22);
pointer-events:none;
}
.csa-photo-slider .csa-compare-divider:after{
content:"↔";
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:38px;
height:38px;
border-radius:999px;
background:rgba(0,59,113,.78);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
font-weight:800;
box-shadow:0 8px 22px rgba(0,0,0,.22);
}
.csa-photo-slider .csa-compare-caption{
text-align:center;
color:#607280;
font-size:.92rem;
margin-top:9px;
}
@media(max-width:700px){
.csa-photo-slider .csa-compare-option-switch{gap:6px}
.csa-photo-slider .csa-compare-option-switch button{font-size:11px;padding:6px 9px}
.csa-photo-slider .csa-compare-divider:after{width:34px;height:34px;font-size:16px}
} .csa-photo-slider .csa-compare-label{
position:absolute;
top:12px;
z-index:4;
max-width:45%;
padding:6px 10px;
border-radius:999px;
background:rgba(0,59,113,.76);
color:#fff;
font-size:12px;
font-weight:800;
line-height:1.15;
box-shadow:0 8px 22px rgba(0,0,0,.18);
pointer-events:none;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.csa-photo-slider .csa-compare-label-before{left:12px}
.csa-photo-slider .csa-compare-label-after{right:12px;background:rgba(0,84,159,.82)}
@media(max-width:700px){
.csa-photo-slider .csa-compare-label{top:8px;font-size:10px;padding:5px 7px;max-width:48%}
.csa-photo-slider .csa-compare-label-before{left:8px}
.csa-photo-slider .csa-compare-label-after{right:8px}
}