.panel{
    background:linear-gradient(180deg,rgba(12,45,75,.92),rgba(7,29,51,.92));
    border:1px solid rgba(69,151,209,.58);
    border-radius:18px;
    padding:18px;
    box-shadow:0 22px 50px rgba(0,0,0,.23);
    margin-bottom:18px;
}

.panel-heading{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
}

.panel-heading h2{margin:0;font-size:1.05rem}
.panel-heading span{color:var(--muted);font-weight:800;font-size:.82rem}

.button,.language{
    background:var(--blue);
    color:white;
    border:1px solid rgba(136,198,236,.38);
    border-radius:12px;
    padding:9px 12px;
    font-weight:900;
    text-decoration:none;
    line-height:1;
    min-height:36px;
}

.button.secondary{
    background:var(--blue-2);
}

.button.primary-action{
    background:linear-gradient(90deg,var(--cyan),#49e776);
    color:#04101d;
    border:0;
}

.language{
    background:#12365b;
    min-width:118px;
}

.actions-menu{
    position:relative;
}

.actions-menu summary{
    cursor:pointer;
    list-style:none;
    background:var(--blue-2);
    color:white;
    border:1px solid rgba(136,198,236,.38);
    border-radius:12px;
    padding:9px 12px;
    font-weight:900;
    min-height:36px;
}

.actions-menu summary::-webkit-details-marker{display:none}

.actions-menu div{
    position:absolute;
    right:0;
    top:42px;
    min-width:190px;
    z-index:50;
    display:grid;
    gap:4px;
    background:#071c32;
    border:1px solid rgba(136,198,236,.38);
    border-radius:14px;
    padding:8px;
    box-shadow:0 18px 40px rgba(0,0,0,.35);
}

.actions-menu a{
    color:white;
    text-decoration:none;
    padding:9px 10px;
    border-radius:10px;
    font-weight:800;
}

.actions-menu a:hover{
    background:rgba(53,213,255,.12);
}

.filters{
    display:grid;
    grid-template-columns:2fr repeat(4,minmax(130px,1fr));
    gap:14px;
}

label{font-size:.84rem;color:#d8e9f7;font-weight:850}

input,select{
    width:100%;
    margin-top:7px;
    background:#071c32;
    border:1px solid #347aa9;
    color:white;
    padding:10px 11px;
    border-radius:11px;
    outline:none;
}

input:focus,select:focus{
    border-color:#dff8ff;
    box-shadow:0 0 0 2px rgba(100,223,255,.18);
}

.kpis{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-bottom:16px;
}

.compact-kpis .kpi{
    min-height:92px;
    padding:14px;
}

.kpi{
    background:linear-gradient(180deg,rgba(14,58,95,.96),rgba(9,35,60,.96));
    border:1px solid rgba(76,160,220,.62);
    border-radius:16px;
    padding:15px;
    position:relative;
    overflow:hidden;
}

.kpi:after{
    content:"";
    position:absolute;
    right:-28px;
    top:-28px;
    width:76px;
    height:76px;
    border-radius:50%;
    background:rgba(53,213,255,.08);
}

.kpi.positive:after{background:rgba(82,240,95,.10)}
.kpi.danger:after{background:rgba(255,91,102,.10)}

.kpi-icon{display:none}

.kpi span{display:block;color:#d8e9f7;font-weight:850;font-size:.82rem}
.kpi strong{display:block;font-size:1.65rem;line-height:1.05;margin:3px 0}
.kpi small{color:var(--muted);font-size:.78rem}

.chart-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.bar-row{
    display:grid;
    grid-template-columns:150px minmax(0,1fr) 30px;
    gap:12px;
    align-items:center;
    margin:12px 0;
}

.bar{
    height:10px;
    background:#061d33;
    border:1px solid #245e8a;
    border-radius:999px;
    overflow:hidden;
}

.bar i{
    display:block;
    height:100%;
    background:linear-gradient(90deg,var(--cyan),var(--green));
}

.bar.alt i{
    background:linear-gradient(90deg,var(--purple),var(--cyan));
}

.timeline-panel{
    position:relative;
    top:auto;
}

.empty-state{
    text-align:left;
    max-width:780px;
}

.empty-state h2{
    margin-top:0;
}

.empty-state .hint{
    margin-top:14px;
}

.empty-state code{
    color:white;
    background:#071c32;
    border:1px solid rgba(53,213,255,.25);
    border-radius:6px;
    padding:2px 5px;
}

@media(max-width:1100px){
    .filters,.kpis,.chart-grid{grid-template-columns:1fr}
    .actions-menu div{left:0;right:auto}
}