*{margin:0;padding:0;box-sizing:border-box}.admin-container{display:flex;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sidebar{width:260px;background:linear-gradient(180deg,#2c3e50,#34495e);color:#fff;position:fixed;height:100vh;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:2px 0 10px #0000001a}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#34495e}.sidebar::-webkit-scrollbar-thumb{background:#4a5f7a;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#5a6f8a}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0000001a}.sidebar-header a{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;transition:opacity .3s ease}.sidebar-header a:hover{opacity:.9}.sidebar-header h2{font-size:1.375rem;font-weight:700;color:#fff;letter-spacing:-.025em}.sidebar-menu{list-style:none;padding:.5rem 0;margin:0}.menu-item{margin:.125rem .75rem;border-radius:8px;overflow:hidden}.menu-link{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;color:#ffffffe6;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:8px;position:relative;font-weight:500}.menu-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:#3498db;transform:scaleY(0);transition:transform .3s ease}.menu-link:hover{background:#ffffff1a;color:#fff;transform:translate(2px)}.menu-link:hover:before{transform:scaleY(1)}.menu-link.active{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 2px 8px #3498db4d;font-weight:600}.menu-link.active:before{transform:scaleY(1)}.menu-text{font-size:.9375rem;font-weight:inherit;display:flex;align-items:center;gap:.75rem}.menu-icon{width:20px;height:20px;opacity:.8;transition:opacity .3s ease}.menu-link:hover .menu-icon,.menu-link.active .menu-icon{opacity:1}.dropdown-arrow{font-size:.75rem;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.7}.dropdown-arrow.rotated{transform:rotate(180deg)}.submenu{max-height:0;overflow:hidden;background:#0003;margin:.25rem 0;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.submenu.open{max-height:300px;padding:.5rem 0}.submenu-item{padding:.75rem 1.5rem;color:#ffffffb3;text-decoration:none;display:block;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:4px;margin:.125rem .5rem;font-size:.875rem;font-weight:500;position:relative}.submenu-item:before{content:"•";position:absolute;left:.75rem;color:#fff6;transition:color .3s ease}.submenu-item:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.submenu-item:hover:before{color:#3498db}.submenu-item.active{background:#3498db33;color:#fff;font-weight:600}.submenu-item.active:before{color:#3498db}.main-content{margin-left:260px;flex:1;background:#f8fafc;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:100vh}.topbar{background:linear-gradient(135deg,#fff,#f8fafc);padding:1rem 2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:900;border-bottom:1px solid rgba(0,0,0,.05)}.mobile-toggle{display:none;background:linear-gradient(135deg,#3498db,#2980b9);border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.75rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #3498db33}.mobile-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3498db4d}.mobile-toggle:active{transform:translateY(0)}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-overlay.show{opacity:1;visibility:visible}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@media (max-width: 1024px){.main-content{margin-left:240px}.sidebar{width:240px}}@media (max-width: 768px){.sidebar{transform:translate(-100%);position:fixed;width:280px;z-index:1001}.sidebar.mobile-open{transform:translate(0);animation:slideInLeft .3s cubic-bezier(.4,0,.2,1)}.main-content{margin-left:0}.mobile-toggle{display:flex;align-items:center;justify-content:center}.topbar{padding:1rem 1.5rem}}@media (max-width: 480px){.sidebar{width:100vw}.topbar{padding:.875rem 1rem}.mobile-toggle{padding:.625rem;font-size:1.125rem}}@media (prefers-reduced-motion: reduce){.sidebar,.main-content,.menu-link,.submenu-item,.mobile-toggle{transition:none}.sidebar.mobile-open{animation:none}}.menu-link:focus,.submenu-item:focus{outline:2px solid #3498db;outline-offset:2px}.mobile-toggle:focus{outline:2px solid #ffffff;outline-offset:2px}