@charset "utf-8";


.page-hero{
padding:28px 20px 24px;
border-radius:14px;
color:var(--color-white);
background:
radial-gradient(circle at 84% 18%,rgba(255,77,157,0.42) 0,rgba(255,77,157,0) 34%),
linear-gradient(135deg,#29213f 0,#181426 100%);
box-shadow:0 20px 50px rgba(15,12,26,0.25);
}

.page-hero_label{
color:var(--color-pink);
font-size:11px;
line-height:1;
letter-spacing:0.12em;
}

.page-hero_title{
margin-top:12px;
font-size:30px;
line-height:1.35;
letter-spacing:0.04em;
}

.page-hero_text{
margin-top:12px;
font-size:13px;
line-height:1.9;
color:rgba(255,255,255,0.82);
}

.report-section{
margin-top:24px;
}

.section_head{
margin-bottom:14px;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
gap:6px;
}

.section_label{
margin-bottom:0;
color:var(--color-pink);
font-size:11px;
line-height:1;
letter-spacing:0.12em;
}

.section_title{
font-size:22px;
line-height:1.35;
color:var(--color-main);
}

.section_time{
font-size:11px;
line-height:1;
color:#8f8aa3;
}

.report-summary{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
}

.summary-card{
padding:16px 14px;
border-radius:11px;
background:var(--color-white);
box-shadow:var(--shadow-card);
}

.summary-card_label{
display:block;
font-size:11px;
line-height:1;
color:#8f8aa3;
}

.summary-card_value{
margin-top:10px;
display:block;
font-size:12px;
line-height:1;
color:var(--color-main);
}

.summary-card_value strong{
font-size:26px;
line-height:1;
color:var(--color-pink);
}

.summary-card_text{
margin-top:10px;
font-size:11px;
line-height:1.4;
color:#8f8aa3;
}

.report-grid{
margin-top:14px;
display:grid;
grid-template-columns:1fr;
gap:14px;
}

.report-grid-bottom{
grid-template-columns:1fr;
}

.report-card{
padding:18px;
border-radius:11px;
background:var(--color-white);
box-shadow:var(--shadow-card);
}

.report-card_title{
font-size:17px;
line-height:1.45;
color:var(--color-main);
}

.report-card_lead{
margin-top:7px;
font-size:12px;
line-height:1.7;
color:#8f8aa3;
}

.weekly-bars,
.time-bars{
margin-top:20px;
display:grid;
gap:10px;
}

.weekly-bars li,
.time-bars li{
display:grid;
grid-template-columns:32px 1fr 48px;
align-items:center;
gap:10px;
}

.weekly-day,
.time-label{
height:30px;
display:flex;
align-items:center;
justify-content:center;
border-radius:7px;
color:var(--color-white);
background:var(--color-main);
font-size:11px;
line-height:1;
}

.weekly-bar,
.time-bar{
height:10px;
display:block;
border-radius:5px;
background:#f0edf7;
overflow:hidden;
}

.weekly-bar span,
.time-bar span{
height:100%;
display:block;
border-radius:5px;
background:linear-gradient(90deg,var(--color-pink),var(--color-purple));
}

.weekly-count,
.time-count{
font-size:12px;
line-height:1;
color:var(--color-main);
text-align:right;
}

.ai-comment-card{
color:var(--color-white);
background:
radial-gradient(circle at 85% 18%,rgba(255,77,157,0.38) 0,rgba(255,77,157,0) 34%),
linear-gradient(135deg,#29213f 0,#181426 100%);
}

.ai-comment-card .report-card_title{
color:var(--color-white);
}

.ai-comment_text{
margin-top:12px;
font-size:13px;
line-height:1.9;
color:rgba(255,255,255,0.82);
}

.shop-rank-list{
margin-top:18px;
display:grid;
gap:8px;
}

.shop-rank-list li{
min-height:50px;
padding:9px 10px;
display:grid;
grid-template-columns:34px 1fr auto;
align-items:center;
gap:10px;
border-radius:8px;
background:#f7f7fb;
}

.shop-rank_number{
width:34px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
border-radius:7px;
color:var(--color-white);
background:linear-gradient(135deg,var(--color-pink),var(--color-purple));
font-size:13px;
line-height:1;
}

.shop-rank_name{
font-size:13px;
line-height:1.4;
color:var(--color-main);
}

.shop-rank_count{
font-size:12px;
line-height:1;
color:var(--color-pink);
}