body{
margin:0;
padding-top:0;
font-family:Arial, sans-serif;
background:#f4f6f8;
color:#333;
line-height:1.6;
}

.header{
background:linear-gradient(135deg,#1a1a1a,#2d2d2d);
color:white;
padding:40px 20px;
text-align:center;
box-shadow:0 3px 15px rgba(0,0,0,0.25);
}

.header h1{
margin:0;
font-size:32px;
}

.header p{
margin-top:10px;
opacity:0.95;
}

.navbar{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:10px;
padding-top:20px;
max-width:600px;
margin:auto;
background:transparent;
}

.navbar a{
background:rgba(255,255,255,0.12);
backdrop-filter:blur(5px);
padding:14px;
border-radius:12px;
text-align:center;
text-decoration:none;
font-weight:bold;
color:white;
box-shadow:0 3px 10px rgba(0,0,0,0.15);
transition:0.25s;
}

.navbar a:hover{
transform:translateY(-3px);
background:rgba(255,255,255,0.2);
color:white;
}

.submit-btn{
background:#0a5c36;
color:white;
border:none;
padding:12px 20px;
border-radius:8px;
font-weight:bold;
cursor:pointer;
display:inline-block;
text-decoration:none;
text-align:center;
}

.submit-btn:hover{
opacity:0.9;
}

.provinces{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
padding:20px;
}

.provinces a{
text-decoration:none;
color:inherit;
}

.province{
background:white;
padding:16px;
border-radius:12px;
text-align:center;
font-weight:bold;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
transition:0.25s;
}

.province:hover{
transform:translateY(-4px);
}

.dashboard-stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
gap:15px;
padding:20px;
}

.stat-card{
background:white;
padding:20px;
border-radius:12px;
text-align:center;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
transition:0.25s;
}

.stat-card:hover{
transform:translateY(-4px);
}

.stat-card h3{
margin:0;
font-size:14px;
color:#666;
}

.stat-card p{
margin-top:10px;
font-size:28px;
font-weight:bold;
color:#0a5c36;
}

.stories{
padding:20px;
}

.story-card{
background:white;
padding:20px;
margin-bottom:18px;
border-radius:14px;
border-left:6px solid #ff6b35;
box-shadow:0 3px 12px rgba(0,0,0,0.08);
transition:0.25s;
}

.story-card:hover{
transform:translateY(-3px);
}

.story-card h3{
margin-top:0;
margin-bottom:12px;
}

.story-card a{
text-decoration:none;
color:#0a5c36;
font-weight:bold;
}

.story-card a:hover{
text-decoration:underline;
}

.form-container{
padding:20px;
max-width:700px;
margin:auto;
}

input,
select,
textarea{
width:100%;
padding:12px;
margin-bottom:15px;
border:1px solid #ddd;
border-radius:8px;
box-sizing:border-box;
font-size:16px;
}

textarea{
resize:vertical;
}

hr{
border:none;
border-top:1px solid #ddd;
margin:20px 0;
}

.footer{
background:white;
text-align:center;
padding:25px;
margin-top:20px;
border-top:1px solid #ddd;
}

.footer a{
text-decoration:none;
color:#0a5c36;
margin:0 10px;
font-weight:bold;
}

@media(max-width:768px){

```
.header h1{
    font-size:26px;
}

.dashboard-stats{
    grid-template-columns:1fr;
}

.provinces{
    grid-template-columns:1fr;
}
```

}

.action-links{
    text-align:center;
    margin-top:15px;
}

.action-links a{
text-decoration:none;
color:#ff6b35;
font-weight:bold;
margin:0 5px;
}

.action-links a:hover{
    text-decoration:underline;
}

.story-card:nth-child(4n+1){
border-left-color:#ff6b35;
}

.story-card:nth-child(4n+2){
border-left-color:#4a90e2;
}

.story-card:nth-child(4n+3){
border-left-color:#9b59b6;
}

.story-card:nth-child(4n+4){
border-left-color:#27ae60;
}

.read-more{
display:inline-block;
margin-top:10px;
padding:10px 15px;
background:#ff6b35;
color:white !important;
text-decoration:none;
border-radius:8px;
font-weight:bold;
box-shadow:0 2px 8px rgba(0,0,0,0.15);
}

.read-more:hover{
opacity:0.9;
text-decoration:none;
}