*{box-sizing:border-box;margin:0;padding:0}.app-layout{min-height:100vh}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #0000001a;justify-content:space-between;padding:0 24px;position:relative;z-index:1000}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.mobile-menu-btn{background:#0000!important;border:none!important;border-radius:6px;color:#fff!important;font-size:18px;padding:8px;transition:all .3s ease}.mobile-menu-btn:hover{background:#ffffff1a!important;color:#fff!important}.logo{align-items:center;color:#fff;display:flex;gap:12px}.logo-text{color:#fff;font-size:20px;font-weight:600;transition:opacity .3s ease}.header-right{align-items:center;display:flex}.app-sider{background:#fff;box-shadow:2px 0 8px #0000001a;overflow:hidden;transition:all .3s cubic-bezier(.2,0,0,1)!important}.app-sider .ant-layout-sider-children{transition:all .3s cubic-bezier(.2,0,0,1)}.sidebar-menu{border-right:none;padding:16px 8px;transition:all .3s ease}.sidebar-menu .ant-menu-item{border-radius:8px;height:48px;line-height:48px;margin:4px 0;overflow:hidden;padding:0 16px;transition:all .3s ease;width:100%}.sidebar-menu .ant-menu-item-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.sidebar-menu .ant-menu-item-selected .anticon{color:#fff!important}.sidebar-menu .ant-menu-item:after{display:none}.sidebar-menu .ant-menu-item .anticon{transition:margin .3s ease}@media (min-width:769px){.app-sider{cursor:pointer}.app-sider.ant-layout-sider-collapsed:hover{box-shadow:4px 0 12px #00000026}}.app-sider.ant-layout-sider-collapsed .sidebar-menu{padding:16px 0}.app-sider.ant-layout-sider-collapsed .sidebar-menu .ant-menu-item{align-items:center!important;border-radius:8px!important;display:flex!important;height:48px!important;justify-content:center!important;line-height:48px!important;margin:4px auto!important;padding:0!important;width:64px!important}.app-sider.ant-layout-sider-collapsed .sidebar-menu .ant-menu-item .anticon{font-size:18px!important;margin:0!important}.app-sider.ant-layout-sider-collapsed .sidebar-menu .ant-menu-item .ant-menu-title-content{display:none!important}.app-sider.ant-layout-sider-collapsed .sidebar-menu .ant-menu-item-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;margin:4px auto!important;width:64px!important}.app-sider.ant-layout-sider-collapsed .sidebar-menu .ant-menu-item-selected .anticon{color:#fff!important}@media (max-width:768px){.app-sider{height:calc(100vh - 64px)!important;left:0;position:fixed!important;top:64px;z-index:999}.app-sider.ant-layout-sider-collapsed{transform:translateX(-100%)}.app-sider:not(.ant-layout-sider-collapsed){transform:translateX(0)}.app-content{margin-left:0!important}.app-header{position:relative;z-index:1000}}.app-content{background:#f5f5f5;min-height:calc(100vh - 64px);transition:margin-left .3s cubic-bezier(.2,0,0,1)}.page-transition{transition:opacity .2s ease-in-out,transform .2s ease-in-out;will-change:opacity,transform}.page-transition.fade-in{opacity:1;transform:translateY(0)}.page-transition.fade-out{opacity:0;transform:translateY(10px)}.page-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:24px;min-height:calc(100vh - 112px);padding:24px}.stat-card{padding:16px;text-align:center}.stat-card .ant-typography h3{color:#667eea!important;margin-bottom:8px!important}.album-cover{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:48px;height:120px;justify-content:center}.ant-card{transition:all .3s ease}.ant-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.ant-timeline-item-head{border-width:3px}.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px}.ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.app-header{left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1001}.app-layout{padding-top:64px}.page-content{margin:8px;min-height:calc(100vh - 80px);padding:16px}.logo-text{font-size:16px}.header-left,.mobile-menu-btn{align-items:center}.mobile-menu-btn{display:flex;height:40px;justify-content:center;width:40px}}@media (max-width:480px){.page-content{margin:4px;padding:12px}.logo-text{display:none}.header-left{gap:12px}.mobile-menu-btn{height:36px;width:36px}}
/*# sourceMappingURL=main.082ddfcb.css.map*/