*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Inter,Segoe UI,Arial,sans-serif;
background:#f6f8fc;
color:#1d2939;
}

header{
background:linear-gradient(135deg,#071b44,#0b2f73);
color:#fff;
padding:55px 20px;
text-align:center;
}

header h1{
font-size:42px;
margin-bottom:12px;
}

header p{
font-size:18px;
opacity:.9;
}

main{
max-width:1300px;
margin:40px auto;
padding:20px;
}

#upload{
background:#fff;
border-radius:18px;
padding:40px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
border:2px dashed #ff9800;
text-align:center;
}

input[type=file]{
width:100%;
padding:18px;
border:2px solid #dde4ee;
border-radius:12px;
background:#fafafa;
margin-bottom:25px;
cursor:pointer;
}

button{
background:#ff9800;
color:#fff;
border:none;
padding:16px 34px;
font-size:17px;
font-weight:700;
border-radius:12px;
cursor:pointer;
transition:.25s;
}

button:hover{
background:#f57c00;
transform:translateY(-2px);
}

#result{
margin-top:35px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
}

.card{
background:#fff;
border-radius:16px;
padding:22px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.success{
border-left:6px solid #00b894;
}

.warning{
border-left:6px solid #ff9800;
}

.danger{
border-left:6px solid #ef4444;
}

.info{
border-left:6px solid #2196f3;
}

@media(max-width:768px){

header h1{
font-size:30px;
}

main{
padding:15px;
}

#upload{
padding:25px;
}

}


.whl-kpi-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:22px;
margin:35px 0;
}

.whl-kpi{
background:#fff;
border-radius:18px;
padding:24px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
border-top:5px solid #ff9800;
}

.whl-chart-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:24px;
margin:30px 0;
}

.whl-chart{
background:#fff;
border-radius:18px;
padding:22px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
min-height:280px;
}

.whl-donut{
width:170px;
height:170px;
margin:20px auto;
border-radius:50%;
background:conic-gradient(
#00c853 0 72%,
#ff9800 72% 90%,
#ef5350 90% 100%
);
display:flex;
align-items:center;
justify-content:center;
position:relative;
}

.whl-donut:after{
content:"";
width:108px;
height:108px;
background:#fff;
border-radius:50%;
}

.whl-gauge{
height:16px;
border-radius:12px;
background:#eceff1;
overflow:hidden;
margin-top:18px;
}

.whl-gauge span{
display:block;
height:100%;
width:90%;
background:linear-gradient(90deg,#00c853,#ff9800);
}

.whl-bars{
display:flex;
align-items:flex-end;
gap:10px;
height:180px;
margin-top:20px;
}

.whl-bars span{
flex:1;
border-radius:8px 8px 0 0;
background:linear-gradient(180deg,#1565c0,#42a5f5);
}

.whl-bars span:nth-child(1){height:90%;}
.whl-bars span:nth-child(2){height:70%;}
.whl-bars span:nth-child(3){height:45%;}
.whl-bars span:nth-child(4){height:95%;}
.whl-bars span:nth-child(5){height:60%;}


.excel-report-shell{
grid-column:1/-1;
display:block;
}

.excel-report-head{
background:linear-gradient(135deg,#071b44,#0b2f73);
color:#fff;
border-radius:26px;
padding:32px;
display:flex;
justify-content:space-between;
gap:24px;
align-items:center;
box-shadow:0 22px 60px rgba(7,27,68,.22);
margin-bottom:24px;
}

.excel-report-head h2{
font-size:34px;
margin:10px 0 8px;
}

.excel-report-head p{
margin:0;
color:#dbe7ff;
}

.excel-report-badge{
display:inline-block;
background:rgba(255,152,0,.18);
border:1px solid rgba(255,152,0,.55);
color:#ffd089;
border-radius:999px;
padding:8px 14px;
font-weight:900;
}

.excel-kpi-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:18px;
margin-bottom:24px;
}

.excel-kpi{
background:#fff;
border:1px solid #edf0f5;
border-radius:22px;
padding:24px;
box-shadow:0 14px 40px rgba(7,27,68,.10);
}

.excel-kpi span{
display:block;
color:#667085;
font-weight:900;
margin-bottom:10px;
}

.excel-kpi strong{
display:block;
font-size:42px;
color:#071b44;
}

.excel-kpi p{
color:#667085;
margin:8px 0 0;
}

.excel-kpi.score{
border-top:6px solid #ff9800;
}

.excel-chart-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px;
margin-bottom:24px;
}

.excel-chart-card,
.excel-panel{
background:#fff;
border:1px solid #edf0f5;
border-radius:24px;
padding:26px;
box-shadow:0 14px 40px rgba(7,27,68,.10);
}

.excel-chart-card h3,
.excel-panel h3{
color:#071b44;
font-size:24px;
margin:0 0 16px;
}

.excel-two-col{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px;
margin-bottom:24px;
}

.excel-sheet-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:18px;
}

@media(max-width:850px){
.excel-report-head,
.excel-two-col,
.excel-chart-grid{
grid-template-columns:1fr;
display:grid;
}
.excel-report-head{
display:block;
}
.excel-report-head .whl-btn-primary{
display:inline-block;
margin-top:20px;
}
}

.excel-exec{grid-column:1/-1;display:block}
.excel-loading{grid-column:1/-1;background:#fff;border:1px solid #f2c77f;border-radius:22px;padding:26px;box-shadow:0 14px 40px rgba(7,27,68,.10)}
.exec-hero{background:linear-gradient(135deg,#071b44,#0b2f73);color:#fff;border-radius:28px;padding:34px;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 24px 70px rgba(7,27,68,.25);margin-bottom:24px}
.exec-pill{display:inline-block;background:rgba(255,152,0,.18);border:1px solid rgba(255,152,0,.55);color:#ffd089;border-radius:999px;padding:8px 14px;font-weight:900}
.exec-hero h2{font-size:38px;margin:14px 0 8px}.exec-hero p{color:#dbe7ff;margin:0}
.exec-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:24px}
.exec-kpi{background:#fff;border:1px solid #edf0f5;border-radius:22px;padding:22px;box-shadow:0 14px 40px rgba(7,27,68,.10)}
.exec-kpi.main{border-top:7px solid #ff9800}.exec-kpi span{display:block;color:#667085;font-weight:900;margin-bottom:10px}.exec-kpi strong{display:block;color:#071b44;font-size:34px;line-height:1.1}.exec-kpi p{color:#667085;margin:10px 0 0}
.orange-meter,.sheet-meter{height:15px;background:#f2f4f7;border-radius:999px;overflow:hidden;margin-top:16px}.orange-meter i,.sheet-meter i{display:block;height:100%;background:linear-gradient(90deg,#ff9800,#ffbd59);border-radius:999px}
.exec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:24px}
.exec-card{background:#fff;border:1px solid #edf0f5;border-radius:24px;padding:26px;box-shadow:0 14px 40px rgba(7,27,68,.10)}
.exec-card h3{font-size:25px;color:#071b44;margin:0 0 18px}
.orange-donut{width:190px;height:190px;margin:15px auto;border-radius:50%;background:conic-gradient(#ff9800 0 72%,#ffbd59 72% 90%,#ef4444 90% 100%);display:flex;align-items:center;justify-content:center;position:relative}.orange-donut:after{content:"";width:118px;height:118px;background:#fff;border-radius:50%;position:absolute}.orange-donut span{position:relative;z-index:2;font-size:28px;font-weight:900;color:#071b44}
.orange-bars{height:190px;display:flex;align-items:flex-end;gap:12px}.orange-bars b{flex:1;background:linear-gradient(180deg,#ffbd59,#ff9800);border-radius:12px 12px 0 0}
.quality-list div{display:grid;grid-template-columns:120px 1fr 45px;gap:12px;align-items:center;margin:14px 0}.quality-list i{height:12px;background:linear-gradient(90deg,#ff9800,#ffbd59);border-radius:999px}.quality-list span,.quality-list b{font-weight:900;color:#071b44}
.clean-list{list-style:none;padding:0;margin:0}.clean-list li{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f5;padding:13px 0}.clean-list span{color:#ff9800;font-weight:900}
.exec-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}
.excel-finding{border-left:6px solid #ff9800;background:#fff7ea;border-radius:16px;padding:16px;margin:12px 0}.excel-finding strong{display:block;color:#071b44}.excel-finding span{display:block;color:#b35a00;font-weight:900;margin:6px 0}
.sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.excel-sheet-card{border:1px solid #f2c77f;border-radius:20px;padding:20px;background:#fffdf8}.sheet-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.sheet-head h4{margin:0;color:#071b44;font-size:20px}.sheet-head span{background:#ff9800;color:#fff;border-radius:999px;padding:7px 10px;font-weight:900}.excel-sheet-card ul{list-style:none;padding:0;margin:16px 0 0}.excel-sheet-card li{display:flex;justify-content:space-between;border-bottom:1px solid #f5ead8;padding:8px 0}.excel-sheet-card em{font-style:normal;color:#ff9800;font-weight:900}
.download-center{background:linear-gradient(135deg,#071b44,#0b2f73);color:#fff;border-radius:26px;padding:30px;margin-top:24px;box-shadow:0 20px 60px rgba(7,27,68,.2)}.download-center h3{font-size:28px;margin:0 0 10px}.download-center p{color:#dbe7ff}
@media(max-width:900px){.exec-hero,.exec-two,.exec-grid{display:block}.exec-card{margin-bottom:20px}}

/* Phase 11J: Download center layout fix */
.download-center{
display:block;
overflow:hidden;
padding:34px 30px 38px !important;
}

.download-center p{
display:block;
max-width:760px;
margin:0 0 22px !important;
line-height:1.7;
}

.download-center .whl-btn-primary{
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:8px;
position:relative;
z-index:2;
clear:both;
}