.layout{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);box-shadow:4px 0 20px #00000026;color:#f1f5f9;flex-direction:column;height:100%;left:0;position:fixed;top:0;transition:transform .3s ease-in-out;width:280px;z-index:1000}.main-content,.sidebar{display:flex;overflow-y:auto}.main-content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex:1 1;flex-direction:column;height:100vh;margin-left:280px;min-width:0;transition:margin-left .3s ease-in-out}.logo-link{color:inherit;display:block;text-decoration:none}.logo-container{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid #ffffff1a;box-shadow:0 2px 10px #0000001a;display:flex;padding:24px 20px}.logo-icon{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;height:48px;margin-right:12px;padding:4px;width:48px}.logo-title{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.4;text-shadow:0 1px 2px #0000001a}.sidebar nav{flex:1 1;padding:12px 0}.sidebar ul{list-style:none;margin:0;padding:0}.nav-item{align-items:center;border-left:3px solid #0000;color:#cbd5e1;display:flex;font-size:.95rem;gap:12px;padding:14px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-icon{flex-shrink:0;transition:transform .2s ease}.nav-item:hover{background:linear-gradient(90deg,#3b82f626,#3b82f60d);border-left-color:#3b82f6;color:#fff;padding-left:24px}.nav-item:hover .nav-icon{color:#60a5fa;transform:scale(1.1)}.nav-item.active{background:linear-gradient(90deg,#3b82f640,#3b82f61a);border-left-color:#3b82f6;box-shadow:inset 0 0 20px #3b82f61a;color:#fff;font-weight:600}.nav-item.active .nav-icon{color:#60a5fa}.submenu-toggle{justify-content:space-between}.nav-icon-chevron{margin-left:auto;opacity:.6;transition:transform .2s ease}.submenu-toggle.submenu-active .nav-icon-chevron{transform:rotate(0deg)}.submenu-toggle:not(.submenu-active) .nav-icon-chevron{transform:rotate(-90deg)}.submenu{animation:slideDown .3s ease-out;background:#0003;border-left:2px solid #3b82f64d;list-style:none;margin:0;padding:0}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}.submenu-item{font-size:.9rem;padding-left:52px!important}.submenu-item .nav-icon{height:18px;width:18px}.submenu-item:hover{padding-left:56px!important}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e8f0cc;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-sizing:border-box;display:flex;height:64px;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:900}.menu-toggle{background:none;border:none;border-radius:8px;color:#475569;cursor:pointer;display:none;padding:8px;transition:all .2s ease}.menu-toggle:hover{background-color:#f1f5f9;color:#1e293b}.user-info{background:#f8fafc;border-radius:8px;color:#475569;padding:6px 12px}.logout-button,.user-info{font-size:.9rem;font-weight:500}.logout-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;padding:10px 16px;transition:all .3s ease}.logout-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.page-content{flex:1 1;padding:20px}.overlay{background-color:#0006;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{height:auto;margin-left:0;overflow-y:visible}.sidebar{width:280px}.menu-toggle,.overlay{display:block}.overlay{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.sidebar.open+.overlay{opacity:1;pointer-events:all}}
/*# sourceMappingURL=main.c68f366f.css.map*/