@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--primary-color: #4361ee;--sidebar-bg: #1e1e2d;--sidebar-text: #9899ac;--sidebar-active: #ffffff;--bg-color: #f4f6f9;--text-dark: #3f4254;--header-height: 60px;--sidebar-width: 250px;--sidebar-collapsed-width: 70px}body{font-family:Poppins,sans-serif;background-color:var(--bg-color);margin:0;overflow-x:hidden;color:var(--text-dark);font-size:13px}.layout-wrapper{display:flex;height:100vh;width:100%}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:100;flex-shrink:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{height:var(--header-height);display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap}.sidebar:not(.collapsed) .sidebar-header{justify-content:flex-start;padding-left:20px}.nav-link{color:var(--sidebar-text);display:flex;align-items:center;height:45px;margin:5px 10px;border-radius:8px;text-decoration:none;transition:all .2s ease;white-space:nowrap;position:relative;cursor:pointer}.nav-link:hover,.nav-link.router-link-active{background-color:#ffffff1a;color:var(--sidebar-active)}.nav-link.router-link-active{background-color:var(--primary-color)!important;box-shadow:0 4px 12px #4361ee4d}.nav-link i{font-size:1.2rem;width:50px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.link-text,.brand-text{transition:opacity .2s;opacity:1}.sidebar.collapsed .link-text,.sidebar.collapsed .brand-text{opacity:0;width:0;display:none}.sidebar.collapsed .nav-link:hover:after{content:attr(data-title);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:#212529;color:#fff;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;margin-left:25px;z-index:9999;box-shadow:4px 4px 15px #0003;pointer-events:none}.sidebar.collapsed .nav-link:hover:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent #212529 transparent transparent;margin-left:13px}.main-column{flex-grow:1;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding-bottom:70px}@media(min-width:768px){.main-column{padding-bottom:0}}.topbar{height:var(--header-height);background-color:#fff;border-bottom:1px solid #ebedf3;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:90}.avatar-circle{width:35px;height:35px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:60px;background:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0000000d;z-index:1000;border-top:1px solid #ebedf3}.bottom-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#9899ac;font-size:10px;width:100%;height:100%}.bottom-link i{font-size:1.4rem;margin-bottom:2px}.bottom-link.router-link-active{color:var(--primary-color)}.footer{margin-top:auto;padding:15px 30px;background-color:#fff;border-top:1px solid #ebedf3;font-size:12px;color:#7e8299}button.nav-link[data-v-e7d435ec]{text-align:left;width:calc(100% - 20px)}.bottom-nav[data-v-6a900b0b]{position:fixed;bottom:0;left:0;width:100%;height:60px;background:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #ebedf3;box-shadow:0 -2px 10px #0000000d;z-index:1040}.bottom-link[data-v-6a900b0b]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#9899ac;font-size:10px;width:100%;height:100%;background:transparent;transition:all .2s}.bottom-link i[data-v-6a900b0b]{font-size:1.4rem;margin-bottom:2px}.bottom-link.router-link-active[data-v-6a900b0b]{color:#4361ee;font-weight:600}.menu-backdrop[data-v-6a900b0b]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-sheet[data-v-6a900b0b]{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -5px 25px #0000001a;z-index:1060;padding-bottom:20px;transform:translateY(110%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.menu-sheet.active[data-v-6a900b0b]{transform:translateY(0)}.menu-item[data-v-6a900b0b]{display:flex;align-items:center;gap:15px;padding:12px 0;text-decoration:none;color:#3f4254;font-weight:500;border-bottom:1px solid #f0f0f0;cursor:pointer}.icon-box[data-v-6a900b0b]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.avatar-circle[data-v-bf697798]{border:2px solid #fff;background-color:#0d6efd}.animate-fade-in[data-v-992dc24b]{animation:fadeIn-992dc24b .5s ease-in-out}@keyframes fadeIn-992dc24b{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.input-group-text[data-v-992dc24b]{border-color:#dee2e6}.form-control[data-v-992dc24b]:focus{border-color:#dee2e6;box-shadow:none;border-bottom:2px solid #0d6efd}