@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background:#f5f7fb;font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sidebar{color:#fff;background:linear-gradient(#3f346d,#505d79);width:300px;min-width:300px;height:100vh;padding:24px 18px;position:fixed;top:0;left:0;overflow-y:auto}.logo-section{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;margin-bottom:25px;padding-bottom:24px;display:flex}.logo{object-fit:cover;background:#fff;border-radius:14px;width:81px;height:70px;padding:6px}.logo-section h2{color:#fff;margin:0;font-size:28px}.logo-section p{color:#94a3b8;margin-top:3px;font-size:13px}.menu{margin:0;padding:0;list-style:none}.menu li{cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:14px 16px;transition:all .3s;display:flex}.menu-left{align-items:center;gap:12px;display:flex}.menu-left span{font-size:16px;font-weight:500}.submenu{padding-left:10px;list-style:none}.site-item{background:#4e6fb5}.subsubmenu{margin-top:8px;padding-left:18px;list-style:none}.page-item{color:#cbd5e1;border-left:2px solid #334155;align-items:center;gap:12px;font-size:14px;display:flex;border-radius:0 10px 10px 0!important;justify-content:flex-start!important}.page-item:hover{color:#fff;border-left-color:#8b5cf6}.admin-layout{display:flex}.main-content{background:#f5f7fb;width:calc(100% - 50px);min-height:100vh;margin-left:100px;padding:30px}.select-box{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-weight:500}.card-value{font-size:28px;font-weight:700}.grid-3{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-weight:500}.btn-primary{color:#fff;background:#2563eb}.btn-primary:hover{background:#1d4ed8}.input{border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:10px}h1{font-size:28px;font-weight:700}h2{font-size:20px;font-weight:600}.menu li:hover{background:#4172e4a2}.main{background:#f5f7fb;min-height:100vh;margin-left:260px;padding:30px}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.card-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:#fff;border-radius:16px;padding:20px;transition:all .3s;box-shadow:0 8px 25px #0000000d}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.card-title{color:#6b7280;font-size:14px}.card-value{margin-top:5px;font-size:28px;font-weight:700}.empty-box{text-align:center;color:#6b7280;background:#fff;border-radius:16px;padding:25px;box-shadow:0 8px 25px #0000000d}