:root{
    --primary:#2563eb;
    --dark:#0f172a;
    --soft:#f1f5f9;
    --muted:#64748b;
    --success:#16a34a;
    --danger:#dc2626;
    --warning:#f59e0b;
}
*{box-sizing:border-box}
body{
    background:#eaf0f8;
    color:#0f172a;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{text-decoration:none}
.auth-bg{
    min-height:100vh;
    background:radial-gradient(circle at top left,#60a5fa,#0f172a 45%,#020617);
}
.auth-card{
    max-width:430px;
    border:0;
    border-radius:28px;
    box-shadow:0 30px 70px rgba(0,0,0,.25);
}
.app-shell{
    width:100%;
    max-width:540px;
    margin:0 auto;
    min-height:100vh;
    background:#f8fafc;
    padding-bottom:86px;
}
.app-header{
    background:linear-gradient(135deg,#0f172a,#2563eb);
    color:#fff;
    padding:24px 18px 34px;
    border-radius:0 0 30px 30px;
}
.header-mini{
    background:linear-gradient(135deg,#0f172a,#2563eb);
    color:#fff;
    padding:18px;
    border-radius:0 0 24px 24px;
}
.card-box{
    border:0;
    border-radius:22px;
    box-shadow:0 12px 30px rgba(15,23,42,.08);
}
.stat-card{
    border:0;
    border-radius:22px;
    background:#fff;
    padding:16px;
    height:100%;
    box-shadow:0 12px 30px rgba(15,23,42,.08);
}
.icon-badge{
    width:42px;height:42px;border-radius:14px;
    display:inline-flex;align-items:center;justify-content:center;
    background:#eff6ff;color:#2563eb;
}
.btn-app{
    border-radius:16px;
    padding:12px 16px;
    font-weight:700;
}
.form-control,.form-select{
    border-radius:15px;
    padding:12px 14px;
}
.bottom-nav{
    position:fixed;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:100%;
    max-width:540px;
    background:#fff;
    border-top:1px solid #e5e7eb;
    display:flex;
    justify-content:space-around;
    padding:9px 0 7px;
    z-index:1000;
    box-shadow:0 -10px 30px rgba(15,23,42,.08);
}
.bottom-nav a{
    color:#64748b;
    font-size:11px;
    text-align:center;
    width:20%;
}
.bottom-nav i{
    display:block;
    font-size:19px;
    margin-bottom:3px;
}
.bottom-nav a.active{
    color:#2563eb;
    font-weight:700;
}
.admin-sidebar{
    min-height:100vh;
    background:#0f172a;
}
.admin-sidebar a{
    color:#cbd5e1;
    display:block;
    padding:12px 16px;
    border-radius:14px;
    margin-bottom:5px;
}
.admin-sidebar a:hover,.admin-sidebar a.active{
    background:#1e293b;
    color:#fff;
}
.table-card{
    border:0;
    border-radius:22px;
    box-shadow:0 12px 30px rgba(15,23,42,.08);
    overflow:hidden;
}
.badge-soft{
    border-radius:999px;
    padding:7px 10px;
}
@media(min-width:768px){
    .app-shell{box-shadow:0 0 50px rgba(15,23,42,.10)}
}