/* =====================================
   Partner Management System
   Design System v1.0
===================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root{

    --primary:#7C3AED;
    --primary-hover:#6D28D9;

    --bg:#0F172A;
    --surface:#1E293B;
    --surface-light:#273449;

    --text:#F8FAFC;
    --text-light:#CBD5E1;

    --border:rgba(255,255,255,.08);

    --success:#22C55E;
    --danger:#EF4444;
    --warning:#F59E0B;

    --radius:18px;

    --shadow:
    0 10px 30px rgba(0,0,0,.25);

    --transition:.3s ease;

}

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

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Inter',sans-serif;

    background:var(--bg);

    color:var(--text);

    line-height:1.6;

}

a{

    text-decoration:none;
    color:inherit;

}

.container{

    width:min(1200px,92%);
    margin:auto;

}

.btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:14px 24px;

    background:var(--primary);

    color:#fff;

    border:none;

    border-radius:14px;

    cursor:pointer;

    transition:var(--transition);

}

.btn:hover{

    background:var(--primary-hover);

    transform:translateY(-2px);

}

.card{

    background:var(--surface);

    border:1px solid var(--border);

    border-radius:var(--radius);

    box-shadow:var(--shadow);

}

.fade{

    animation:fade .5s ease;

}

@keyframes fade{

from{

opacity:0;
transform:translateY(15px);

}

to{

opacity:1;
transform:translateY(0);

}

}
/* ---------- Admin Layout ---------- */

.layout{
display:flex;
min-height:100vh;
}

.sidebar{
width:260px;
background:#111827;
border-right:1px solid #232f45;
padding:25px;
}

.logo{
font-size:28px;
font-weight:bold;
margin-bottom:40px;
color:#8b5cf6;
}

.sidebar ul{
list-style:none;
padding:0;
margin:0;
}

.sidebar li{
margin-bottom:12px;
}

.sidebar a{
display:block;
padding:14px 18px;
border-radius:12px;
text-decoration:none;
color:#d1d5db;
transition:.25s;
}

.sidebar a:hover{
background:#7c3aed;
color:#fff;
transform:translateX(5px);
}

.content{
flex:1;
padding:35px;
}

/* Dashboard Cards */

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

.stat-card{
background:#1f2937;
padding:24px;
border-radius:18px;
border:1px solid #2d3748;
transition:.3s;
}

.stat-card:hover{
transform:translateY(-5px);
border-color:#8b5cf6;
}

.stat-title{
font-size:15px;
color:#9ca3af;
}

.stat-value{
font-size:34px;
font-weight:700;
margin-top:12px;
color:#fff;
}