/* KCVIP Professional UI - Starter Theme */
:root{
 --primary:#0d6efd;--sidebar:#1f2937;--bg:#f5f7fb;--card:#fff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:var(--bg)}
.app{display:flex;min-height:100vh}
.sidebar{width:260px;background:var(--sidebar);color:#fff;padding:20px}
.logo{font-size:26px;font-weight:bold;margin-bottom:30px}
.menu{list-style:none;padding:0;margin:0}
.menu li{padding:14px;border-radius:8px;cursor:pointer;margin-bottom:8px}
.menu li:hover,.menu li.active{background:#374151}
.content{flex:1;padding:24px}
.topbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 24px;border-radius:10px;margin-bottom:24px}
.stat-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.stat-card i{font-size:34px;color:var(--primary)}
.footer{text-align:center;padding:18px;color:#666}
.page{display:block}
@media(max-width:900px){
 .app{flex-direction:column}
 .sidebar{width:100%}
}