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

body{
    background:#f5f7fb;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:#333;
}

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

h1{
    font-size:32px;
    margin-bottom:10px;
}

h2{
    margin-bottom:20px;
    color:#666;
}

.card,
.status-card{
    background:#fff;
    border-radius:12px;
    padding:20px;
    margin-bottom:20px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.status{
    margin:20px 0;
    padding:18px;
    text-align:center;
    font-size:26px;
    font-weight:bold;
    border-radius:10px;
    transition:0.3s;
}

.status.normal{
    background:#dff7df;
    color:#137333;
}

.status.partial{
    background:#fff3cd;
    color:#8a6d00;
}

.status.closed{
    background:#ffd9d9;
    color:#b00020;
}

.update{
    color:#777;
    font-size:14px;
}