@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.layout{display:flex;min-height:100vh}.sidebar{width:200px;background:linear-gradient(180deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;bottom:0;z-index:100;box-shadow:2px 0 12px #00000026}.sidebar.collapsed{width:64px}.sidebar-header{padding:20px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);min-height:64px}.logo-icon{font-size:24px;flex-shrink:0}.logo-text{font-size:16px;font-weight:700;letter-spacing:1px;white-space:nowrap}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#ffffffa6;text-decoration:none;transition:all .2s;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden}.nav-item:hover{background:#ffffff14;color:#ffffffe6}.nav-item.active{background:#667eea40;color:#667eea}.nav-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.nav-label{flex:1}.collapse-btn{background:#ffffff0d;border:none;color:#fff6;padding:14px;cursor:pointer;font-size:18px;transition:all .2s;border-top:1px solid rgba(255,255,255,.08)}.collapse-btn:hover{background:#ffffff1a;color:#fff}.collapse-btn span{display:inline-block;transition:transform .3s}.collapse-btn span.rotated{transform:rotate(180deg)}.main-content{flex:1;margin-left:200px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh;padding:0}.sidebar.collapsed~.main-content{margin-left:64px}.page-fade-enter-active{transition:opacity .2s ease,transform .2s ease}.page-fade-leave-active{transition:opacity .15s ease}.page-fade-enter-from{opacity:0;transform:translateY(8px)}.page-fade-leave-to{opacity:0}@media (max-width: 768px){.sidebar{width:64px}.sidebar .nav-label,.sidebar .logo-text{display:none}.main-content{margin-left:64px}.collapse-btn{display:none}}