/* ====== FILE PATH: /opt/store/server/app/static/superadmin/superadmin.css ============ */


body{
    margin:0;
    font-family:Arial,sans-serif;
    background:#f4f6f9;
}

.header{
    background:#111827;
    color:white;
    padding:15px 20px;

    display:flex;
    justify-content:space-between;
    align-items:center;
}

.stats{
    display:flex;
    gap:15px;
    padding:20px;
}

.card{
    background:white;
    padding:20px;
    border-radius:10px;
    min-width:150px;
}

.tabs{
    padding:0 20px 20px 20px;
}

.tabs button{
    margin-right:10px;
    padding:10px 16px;
    cursor:pointer;
}

.section{
    background:white;
    margin:0 20px 20px 20px;
    padding:20px;
    border-radius:10px;
}

.hidden{
    display:none;
}

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

th,
td{
    border:1px solid #ddd;
    padding:10px;
}

th{
    background:#f5f5f5;
}


/* =======================================
LOGIN PAGE
======================================= */

.login-container{

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

}

.login-card{

width:380px;

background:white;

padding:30px;

border-radius:14px;

box-shadow:
    0 4px 15px rgba(0,0,0,0.12);
}

.login-card h2{

margin-top:0;

text-align:center;
}

.login-subtitle{

text-align:center;

color:#666;

margin-bottom:25px;
}

.login-card input{

width:100%;

box-sizing:border-box;

padding:12px;

margin-bottom:15px;

border:1px solid #ddd;

border-radius:8px;

font-size:14px;
}

.login-btn{

width:100%;

border:none;

background:#111827;

color:white;

padding:12px;

border-radius:8px;

cursor:pointer;

font-size:15px;
}

.login-btn:hover{

opacity:0.9;

}

.error-msg{

margin-top:15px;

color:red;

text-align:center;
}