.nzt-app{
display:flex;
min-height:100vh;
background:#f5f7fb;
font-family:Inter,Arial;
}

/* SIDEBAR */

.nzt-sidebar{
width:260px;
background:#0f172a;
color:white;
padding:25px;
}

.nzt-logo{
font-size:22px;
font-weight:700;
margin-bottom:30px;
}

.nzt-nav a{
display:block;
padding:12px;
color:#cbd5f5;
text-decoration:none;
border-radius:6px;
margin-bottom:5px;
}

.nzt-nav a:hover{
background:#1e293b;
}
.nzt-table{
width:100%;
border-collapse:collapse;
margin-top:20px;
}

.nzt-table th,
.nzt-table td{
border:1px solid #ddd;
padding:10px;
text-align:left;
}

.nzt-table th{
background:#f4f4f4;
}

.nzt-table a{
color:#0073aa;
font-weight:600;
text-decoration:none;
}

/* MAIN */

.nzt-main{
flex:1;
padding:30px;
}

/* HEADER */

.nzt-header{
display:flex;
align-items:center;
gap:15px;
margin-bottom:25px;
}

/* KPI GRID */

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

.nzt-kpi-card{
background:white;
padding:25px;
border-radius:10px;
box-shadow:0 3px 8px rgba(0,0,0,0.05);
}

/* BUTTON */

.nzt-btn{
display:inline-block;
margin-top:10px;
padding:8px 14px;
background:#2563eb;
color:white;
border-radius:6px;
text-decoration:none;
}

/* CHART GRID */

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

.nzt-chart-card{
background:white;
padding:20px;
border-radius:10px;
box-shadow:0 3px 8px rgba(0,0,0,0.05);
}

/* TABLE */

.nzt-table-container{
background:white;
padding:20px;
border-radius:10px;
box-shadow:0 3px 8px rgba(0,0,0,0.05);
}

.nzt-table{
width:100%;
border-collapse:collapse;
}

.nzt-table th,
.nzt-table td{
padding:12px;
border-bottom:1px solid #eee;
}
/* KPI GRID */

.nzt-kpi-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
margin:30px 0;

}

.nzt-kpi-card{

background:#ffffff;
border-radius:10px;
padding:20px;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
text-align:center;

}

.nzt-kpi-card h4{

margin:0;
font-size:16px;
color:#666;

}

.nzt-kpi-card p{

font-size:22px;
font-weight:bold;
margin-top:10px;
color:#222;

}


/* CHART GRID */

.nzt-chart-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
gap:25px;
margin-top:40px;

}

.nzt-chart-box{

background:#fff;
padding:20px;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,0.08);

}


/* DSCR BOX */

.nzt-dscr-box{

margin-top:40px;
background:#fff;
padding:25px;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
text-align:center;

}

.nzt-dscr-value{

font-size:36px;
font-weight:bold;
margin:10px 0;

}

.nzt-risk-high{

color:#e74c3c;
font-weight:bold;

}

.nzt-risk-medium{

color:#f39c12;
font-weight:bold;

}

.nzt-risk-good{

color:#27ae60;
font-weight:bold;

}
.button{
background:#0073aa;
color:white;
padding:10px 15px;
border-radius:6px;
text-decoration:none;
font-weight:600;
}
/* ACTION BAR */

.nzt-action-bar{
margin:20px 0 30px 0;
display:flex;
gap:15px;
flex-wrap:wrap;
}


/* BUTTON STYLE */

.nzt-btn{
padding:10px 16px;
border-radius:6px;
text-decoration:none;
font-weight:600;
font-size:14px;
display:inline-block;
}


/* BUTTON COLORS */

.nzt-btn-success{
background:#27ae60;
color:white;
}

.nzt-btn-primary{
background:#0073aa;
color:white;
}

.nzt-btn-dark{
background:#333;
color:white;
}
.nzt-score-box{
background:#f4f8ff;
padding:20px;
border-radius:8px;
margin-bottom:25px;
text-align:center;
border:1px solid #d0e3ff;
}

.nzt-score-box .score{
font-size:36px;
font-weight:700;
color:#0073aa;
}
.nzt-table{
width:100%;
border-collapse:collapse;
overflow-x:auto;
display:block;
}

.nzt-table th,
.nzt-table td{
padding:10px;
border:1px solid #ddd;
text-align:left;
font-size:14px;
}

.nzt-table tr:nth-child(even){
background:#f9f9f9;
}

.nzt-actions{
display:flex;
flex-wrap:wrap;
gap:6px;
}

.nzt-btn{
padding:5px 8px;
background:#2c7be5;
color:#fff;
text-decoration:none;
border-radius:4px;
font-size:13px;
}

.nzt-danger{
background:#dc3545;
}

.nzt-alert-success{
background:#e6f7e6;
border:1px solid #b2d8b2;
padding:10px;
margin-bottom:15px;
border-radius:5px;
}
.nzt-nav-buttons{
margin-bottom:20px;
display:flex;
gap:10px;
flex-wrap:wrap;
}

.nzt-btn{
padding:8px 14px;
background:#0073aa;
color:#fff;
text-decoration:none;
border-radius:5px;
font-size:14px;
}

.nzt-btn:hover{
background:#005a87;
}

.nzt-primary{
background:#2ecc71;
}
.nzt-success-box{
background:#e8f7ee;
border:1px solid #b6e3c6;
padding:20px;
margin-bottom:20px;
border-radius:6px;
}

.nzt-btn{
display:inline-block;
padding:8px 14px;
background:#0073aa;
color:#fff;
text-decoration:none;
border-radius:5px;
margin-right:8px;
}

.nzt-btn:hover{
background:#005a87;
}

.nzt-green{
background:#2ecc71;
}