/* =========================
   RESET
========================= */

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

body{
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    background:#f4f7fb;
    color:#333;
}

/* =========================
   CONTAINER
========================= */

.container{
    width:95%;
    max-width:1200px;
    margin:auto;
}

/* =========================
   HEADER
========================= */

.header{
    background:#0f172a;
    color:white;
    padding:18px 25px;
}

.header h1{
    font-size:22px;
}

/* =========================
   CARD
========================= */

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

/* =========================
   BUTTONS
========================= */

.btn{
    padding:10px 18px;
    border:none;
    border-radius:6px;
    cursor:pointer;
    font-size:14px;
}

.btn-primary{
    background:#2563eb;
    color:white;
}

.btn-primary:hover{
    background:#1e4fd6;
}

.btn-danger{
    background:#dc2626;
    color:white;
}

.btn-success{
    background:#16a34a;
    color:white;
}

/* =========================
   ALERTS
========================= */

.alert{
    padding:12px 16px;
    border-radius:6px;
    margin-bottom:15px;
}

.alert-success{
    background:#dcfce7;
    color:#166534;
}

.alert-error{
    background:#fee2e2;
    color:#991b1b;
}
a{
    text-decoration:none;
}

.text-center{
    text-align:center;
}